.country-flag.af {
  background-position: 0 -384px;
}

.country-flag.ag {
  background-position: 0 -400px;
}

.country-flag.ai {
  background-position: 0 -416px;
}

.country-flag.al {
  background-position: 0 -432px;
}

.country-flag.am {
  background-position: 0 -448px;
}

.country-flag.ao {
  background-position: 0 -464px;
}

.country-flag.aq {
  background-position: 0 -480px;
}

.country-flag.ar {
  background-position: 0 -496px;
}

.country-flag.as {
  background-position: 0 -512px;
}

.country-flag.at {
  background-position: 0 -528px;
}

.country-flag.au {
  background-position: 0 -544px;
}

.country-flag.aw {
  background-position: 0 -560px;
}

.country-flag.ax {
  background-position: 0 -576px;
}

.country-flag.az {
  background-position: 0 -592px;
}

.country-flag.ba {
  background-position: 0 -608px;
}

.country-flag.bb {
  background-position: 0 -624px;
}

.country-flag.bd {
  background-position: 0 -640px;
}

.country-flag.be {
  background-position: 0 -656px;
}

.country-flag.bf {
  background-position: 0 -672px;
}

.country-flag.bg {
  background-position: 0 -688px;
}

.country-flag.bh {
  background-position: 0 -704px;
}

.country-flag.bi {
  background-position: 0 -720px;
}

.country-flag.bj {
  background-position: 0 -736px;
}

.country-flag.bm {
  background-position: 0 -752px;
}

.country-flag.bn {
  background-position: 0 -768px;
}

.country-flag.bo {
  background-position: 0 -784px;
}

.country-flag.br {
  background-position: 0 -800px;
}

.country-flag.bs {
  background-position: 0 -816px;
}

.country-flag.bt {
  background-position: 0 -832px;
}

.country-flag.bw {
  background-position: 0 -848px;
}

.country-flag.by {
  background-position: 0 -864px;
}

.country-flag.bz {
  background-position: 0 -880px;
}

.country-flag.ca {
  background-position: 0 -896px;
}

.country-flag.cg {
  background-position: 0 -912px;
}

.country-flag.cf {
  background-position: 0 -928px;
}

.country-flag.cd {
  background-position: 0 -944px;
}

.country-flag.ch {
  background-position: 0 -959px;
}

.country-flag.ci {
  background-position: 0 -976px;
}

.country-flag.ck {
  background-position: 0 -992px;
}

.country-flag.cl {
  background-position: 0 -1008px;
}

.country-flag.cm {
  background-position: 0 -1024px;
}

.country-flag.cn {
  background-position: 0 -1040px;
}

.country-flag.co {
  background-position: 0 -1056px;
}

.country-flag.cr {
  background-position: 0 -1072px;
}

.country-flag.cu {
  background-position: 0 -1088px;
}

.country-flag.cv {
  background-position: 0 -1104px;
}

.country-flag.cy {
  background-position: 0 -1120px;
}

.country-flag.cz,
.country-flag.cz-czechoslovakia {
  background-position: 0 -1136px;
}

.country-flag.de {
  background-position: 0 -1152px;
}

.country-flag.dj {
  background-position: 0 -1168px;
}

.country-flag.dk {
  background-position: 0 -1184px;
}

.country-flag.dm {
  background-position: 0 -1200px;
}

.country-flag.do {
  background-position: 0 -1216px;
}

.country-flag.dz {
  background-position: 0 -1232px;
}

.country-flag.ec {
  background-position: 0 -1248px;
}

.country-flag.ee {
  background-position: 0 -1264px;
}

.country-flag.eg {
  background-position: 0 -1280px;
}

.country-flag.eh {
  background-position: 0 -1296px;
}

.country-flag.er {
  background-position: 0 -1312px;
}

.country-flag.es {
  background-position: 0 -1328px;
}

.country-flag.et {
  background-position: 0 -1344px;
}

.country-flag.fi {
  background-position: 0 -1360px;
}

.country-flag.fj {
  background-position: 0 -1376px;
}

.country-flag.fm {
  background-position: 0 -1392px;
}

.country-flag.fo {
  background-position: 0 -1408px;
}

.country-flag.fr {
  background-position: 0 -1424px;
}

.country-flag.bl,
.country-flag.cp,
.country-flag.mf,
.country-flag.pyf,
.country-flag.yt {
  background-position: 0 -1424px;
}

.country-flag.ga {
  background-position: 0 -1440px;
}

.country-flag.gb {
  background-position: 0 -1456px;
}

.country-flag.sh {
  background-position: 0 -1456px;
}

.country-flag.gd {
  background-position: 0 -1472px;
}

.country-flag.ge {
  background-position: 0 -1488px;
}

.country-flag.gg {
  background-position: 0 -1504px;
}

.country-flag.gh {
  background-position: 0 -1520px;
}

.country-flag.gi {
  background-position: 0 -1536px;
}

.country-flag.gl {
  background-position: 0 -1552px;
}

.country-flag.gm {
  background-position: 0 -1568px;
}

.country-flag.gn {
  background-position: 0 -1584px;
}

.country-flag.gp {
  background-position: 0 -1600px;
}

.country-flag.gq {
  background-position: 0 -1616px;
}

.country-flag.gr {
  background-position: 0 -1632px;
}

.country-flag.gt {
  background-position: 0 -1648px;
}

.country-flag.gu {
  background-position: 0 -1664px;
}

.country-flag.gw {
  background-position: 0 -1680px;
}

.country-flag.gy {
  background-position: 0 -1696px;
}

.country-flag.hk {
  background-position: 0 -1712px;
}

.country-flag.hn {
  background-position: 0 -1728px;
}

.country-flag.hr {
  background-position: 0 -1744px;
}

.country-flag.ht {
  background-position: 0 -1760px;
}

.country-flag.hu {
  background-position: 0 -1776px;
}

.country-flag.id {
  background-position: 0 -1792px;
}

.country-flag.mc {
  background-position: 0 -1792px;
}

.country-flag.ie {
  background-position: 0 -1808px;
}

.country-flag.il {
  background-position: 0 -1824px;
}

.country-flag.im {
  background-position: 0 -1840px;
}

.country-flag.in {
  background-position: 0 -1856px;
}

.country-flag.iq {
  background-position: 0 -1872px;
}

.country-flag.ir {
  background-position: 0 -1888px;
}

.country-flag.is {
  background-position: 0 -1904px;
}

.country-flag.it {
  background-position: 0 -1920px;
}

.country-flag.je {
  background-position: 0 -1936px;
}

.country-flag.jm {
  background-position: 0 -1952px;
}

.country-flag.jo {
  background-position: 0 -1968px;
}

.country-flag.jp {
  background-position: 0 -1984px;
}

.country-flag.ke {
  background-position: 0 -2000px;
}

.country-flag.kg {
  background-position: 0 -2016px;
}

.country-flag.kh {
  background-position: 0 -2032px;
}

.country-flag.ki {
  background-position: 0 -2048px;
}

.country-flag.km {
  background-position: 0 -2064px;
}

.country-flag.kn {
  background-position: 0 -2080px;
}

.country-flag.kp {
  background-position: 0 -2096px;
}

.country-flag.kr {
  background-position: 0 -2112px;
}

.country-flag.kw {
  background-position: 0 -2128px;
}

.country-flag.ky {
  background-position: 0 -2144px;
}

.country-flag.kz {
  background-position: 0 -2160px;
}

.country-flag.la {
  background-position: 0 -2176px;
}

.country-flag.lb {
  background-position: 0 -2192px;
}

.country-flag.lc {
  background-position: 0 -2208px;
}

.country-flag.li {
  background-position: 0 -2224px;
}

.country-flag.lk {
  background-position: 0 -2240px;
}

.country-flag.lr {
  background-position: 0 -2256px;
}

.country-flag.ls {
  background-position: 0 -2272px;
}

.country-flag.lt {
  background-position: 0 -2288px;
}

.country-flag.lu {
  background-position: 0 -2304px;
}

.country-flag.lv {
  background-position: 0 -2320px;
}

.country-flag.ly {
  background-position: 0 -2336px;
}

.country-flag.ma {
  background-position: 0 -2352px;
}

.country-flag.md {
  background-position: 0 -2368px;
}

.country-flag.me {
  background-position: 0 -2384px;
}

.country-flag.mg {
  background-position: 0 -2400px;
}

.country-flag.mh {
  background-position: 0 -2416px;
}

.country-flag.mk {
  background-position: 0 -2432px;
}

.country-flag.ml {
  background-position: 0 -2448px;
}

.country-flag.mm {
  background-position: 0 -2464px;
}

.country-flag.mn {
  background-position: 0 -2480px;
}

.country-flag.mo {
  background-position: 0 -2496px;
}

.country-flag.mq {
  background-position: 0 -2512px;
}

.country-flag.mr {
  background-position: 0 -2528px;
}

.country-flag.ms {
  background-position: 0 -2544px;
}

.country-flag.mt {
  background-position: 0 -2560px;
}

.country-flag.mu {
  background-position: 0 -2576px;
}

.country-flag.mv {
  background-position: 0 -2592px;
}

.country-flag.mw {
  background-position: 0 -2608px;
}

.country-flag.mx {
  background-position: 0 -2624px;
}

.country-flag.my {
  background-position: 0 -2640px;
}

.country-flag.mz {
  background-position: 0 -2656px;
}

.country-flag.na {
  background-position: 0 -2672px;
}

.country-flag.nc {
  background-position: 0 -2688px;
}

.country-flag.ne {
  background-position: 0 -2704px;
}

.country-flag.ng {
  background-position: 0 -2720px;
}

.country-flag.ni {
  background-position: 0 -2736px;
}

.country-flag.nl,
.country-flag.nl-east-indies,
.country-flag.nl-antilles {
  background-position: 0 -2752px;
}

.country-flag.bq {
  background-position: 0 -2752px;
}

.country-flag.no {
  background-position: 0 -2768px;
}

.country-flag.bv,
.country-flag.nq,
.country-flag.sj {
  background-position: 0 -2768px;
}

.country-flag.np {
  background-position: 0 -2784px;
}

.country-flag.nr {
  background-position: 0 -2800px;
}

.country-flag.nz {
  background-position: 0 -2816px;
}

.country-flag.om {
  background-position: 0 -2832px;
}

.country-flag.pa {
  background-position: 0 -2848px;
}

.country-flag.pe {
  background-position: 0 -2864px;
}

.country-flag.pf {
  background-position: 0 -2880px;
}

.country-flag.pg {
  background-position: 0 -2896px;
}

.country-flag.ph {
  background-position: 0 -2912px;
}

.country-flag.pk {
  background-position: 0 -2928px;
}

.country-flag.pl {
  background-position: 0 -2944px;
}

.country-flag.pr {
  background-position: 0 -2960px;
}

.country-flag.ps {
  background-position: 0 -2976px;
}

.country-flag.pt {
  background-position: 0 -2992px;
}

.country-flag.pw {
  background-position: 0 -3008px;
}

.country-flag.py {
  background-position: 0 -3024px;
}

.country-flag.qa {
  background-position: 0 -3040px;
}

.country-flag.re {
  background-position: 0 -3056px;
}

.country-flag.ro {
  background-position: 0 -3072px;
}

.country-flag.rs {
  background-position: 0 -3088px;
}

.country-flag.ru {
  background-position: 0 -3104px;
}

.country-flag.rw {
  background-position: 0 -3120px;
}

.country-flag.sa {
  background-position: 0 -3136px;
}

.country-flag.sb {
  background-position: 0 -3152px;
}

.country-flag.sc {
  background-position: 0 -3168px;
}

.country-flag.sd {
  background-position: 0 -3184px;
}

.country-flag.se {
  background-position: 0 -3200px;
}

.country-flag.sg {
  background-position: 0 -3216px;
}

.country-flag.si {
  background-position: 0 -3232px;
}

.country-flag.sk {
  background-position: 0 -3248px;
}

.country-flag.sl {
  background-position: 0 -3264px;
}

.country-flag.sm {
  background-position: 0 -3280px;
}

.country-flag.sn {
  background-position: 0 -3296px;
}

.country-flag.so {
  background-position: 0 -3312px;
}

.country-flag.sr {
  background-position: 0 -3328px;
}

.country-flag.st {
  background-position: 0 -3344px;
}

.country-flag.sv {
  background-position: 0 -3360px;
}

.country-flag.sy {
  background-position: 0 -3376px;
}

.country-flag.sz {
  background-position: 0 -3392px;
}

.country-flag.tc {
  background-position: 0 -3408px;
}

.country-flag.td {
  background-position: 0 -3424px;
}

.country-flag.tg {
  background-position: 0 -3440px;
}

.country-flag.th {
  background-position: 0 -3456px;
}

.country-flag.tj {
  background-position: 0 -3472px;
}

.country-flag.tl {
  background-position: 0 -3488px;
}

.country-flag.tm {
  background-position: 0 -3504px;
}

.country-flag.tn {
  background-position: 0 -3520px;
}

.country-flag.to {
  background-position: 0 -3536px;
}

.country-flag.tr {
  background-position: 0 -3552px;
}

.country-flag.tt {
  background-position: 0 -3568px;
}

.country-flag.tv {
  background-position: 0 -3584px;
}

.country-flag.tw {
  background-position: 0 -3600px;
}

.country-flag.tz {
  background-position: 0 -3616px;
}

.country-flag.ua {
  background-position: 0 -3632px;
}

.country-flag.ug {
  background-position: 0 -3648px;
}

.country-flag.us {
  background-position: 0 -3664px;
}

.country-flag.uy {
  background-position: 0 -3680px;
}

.country-flag.uz {
  background-position: 0 -3696px;
}

.country-flag.va {
  background-position: 0 -3712px;
}

.country-flag.vc {
  background-position: 0 -3728px;
}

.country-flag.ve {
  background-position: 0 -3744px;
}

.country-flag.vg {
  background-position: 0 -3760px;
}

.country-flag.vi {
  background-position: 0 -3776px;
}

.country-flag.vn {
  background-position: 0 -3792px;
}

.country-flag.vu {
  background-position: 0 -3808px;
}

.country-flag.ws {
  background-position: 0 -3824px;
}

.country-flag.ye {
  background-position: 0 -3840px;
}

.country-flag.za {
  background-position: 0 -3856px;
}

.country-flag.zm {
  background-position: 0 -3872px;
}

.country-flag.zw {
  background-position: 0 -3888px;
}

.country-flag.sx {
  background-position: 0 -3904px;
}

.country-flag.cw {
  background-position: 0 -3920px;
}

.country-flag.ss {
  background-position: 0 -3936px;
}

.country-flag.cx {
  background-position: 0 -3952px;
}

.country-flag.ua-43 {
  background-position: 0 -3968px;
}

.country-flag.gy-fr {
  background-position: 0 -3984px;
}

.country-flag._north_mariana_islands {
  background-position: 0 -4001px;
}

@media all and (-webkit-min-device-pixel-ratio: 2), all and (-o-min-device-pixel-ratio: 2/1), all and (min-resolution: 192dpi) {
  .country-flag {
    background-image: url("../bundles/app/markup/img//sprite-flags.png");
    /* Update the variable value with retina sprite */
    background-size: 18px;
  }
}

.visual-block,
.visual-bg,
.visual-bg-only,
.visual-bg-fixed,
.visual-bg-prom,
.visual-top,
.visual-top-bg {
  border-width: 0;
}

.visual-top,
.visual-top-bg {
  margin-bottom: 0;
  background-color: #ebebeb;
}

.visual-block {
  margin: 0;
}

.visual-block img {
  max-width: 100%;
}

.visual-block > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

.visual-bg {
  background-repeat: no-repeat;
  background-position: center 114px;
}

.visual-bg-only > .container {
  margin-top: 111px;
}

.visual-bg-fixed {
  background-attachment: fixed;
}

.visual-bg-prom {
  background-color: #ababab;
}

.visual-top {
  padding: 8px 0 13px;
  text-align: center;
}

.visual-top > * {
  display: block;
  margin: 0 auto !important;
}

.visual-top-bg {
  background-color: #ebebeb;
}

/*Player info*/

.player .name {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 16px;
  display: block;
  color: #313131;
}

.player .name img {
  margin-top: -3px;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.player .goals {
  display: inline-block;
  font-size: 52px;
  font-weight: 400;
  color: #8a8a8a;
  margin-bottom: 0;
}

.player .goals p {
  font-size: 10px;
  color: #bababa;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}

.player .goals p i {
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 4px;
}

.player .picture {
  bottom: 0;
  position: absolute;
  right: 15px;
  background-color: #f2f2f2;
  border-radius: 50px;
  min-width: 85px;
  min-height: 85px;
}

.player .picture img {
  max-width: 85px;
  min-width: 85px;
  max-height: 85px;
}

.player + .player {
  border-left: 1px solid #ededed;
}

/*sharing*/

.sharing {
  overflow: hidden;
  background-color: #f7f7f7;
  /*#twitter-widget-0{
    height: 65px !important;
  }  

  #___plusone_0{
  	iframe{
  		height: 64px !important;
  	}
  }*/
}

.sharing iframe {
  margin: 0;
  min-width: 65px;
  margin-right: 20px;
}

.sharing > div {
  margin: 0;
}

.sharing > div > div > div {
  vertical-align: top !important;
}

.sharing .likes .social-button {
  display: inline-block;
  vertical-align: middle;
  max-width: 170px;
  padding-top: 4px;
}

.sharing .likes .icon {
  border-radius: 15px;
  color: #ffffff;
  display: inline-block;
  height: 28px;
  width: 28px;
  padding: 1px 4px;
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

.sharing .likes .fb,
.sharing .likes .tw,
.sharing .likes .gp {
  padding: 8px 0;
}

.sharing .likes .fb .icon {
  background-color: #4a6baa;
}

.sharing .likes .fb .icon:hover {
  background-color: #3b5586;
}

.sharing .likes .fb .social-button {
  padding-top: 0;
}

.sharing .likes .tw .icon {
  background-color: #00b9f3;
}

.sharing .likes .tw .icon:hover {
  background-color: #0092c0;
}

.sharing .likes .gp .icon {
  background-color: #e75f46;
}

.sharing .likes .gp .icon:hover {
  background-color: #dd3b1d;
}

.sharing p {
  font-size: 12px;
  font-weight: 600;
}

.sharing .share-link-block {
  margin-top: 30px;
}

.sharing .share-link-block input.share-link {
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  width: 100%;
  border: 0;
  padding: 6px;
}

.panel-social-small {
  border: none;
}

.social {
  display: table;
}

.social > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
  line-height: 12px;
  width: 25%;
}

.social > div iframe {
  margin: 0;
}

.matches-slider {
  width: 100%;
  display: table;
  background: #f3f4f5;
  border-bottom: 1px solid #ececec;
  table-layout: fixed;
  z-index: 9999;
}

.matches-slider .control {
  background: #fbfbfb;
  text-align: center;
  width: 38px;
  vertical-align: top;
  display: table-cell;
  border-color: #e9e9e9;
  cursor: pointer;
}

.matches-slider .control span {
  font-size: 21px;
  line-height: 71px;
  color: #dbdbdb;
}

.matches-slider .control:hover {
  background: #f0f0f0;
}

.matches-slider .control:hover span {
  color: #afafaf;
}

.matches-slider .control.prev {
  border-right-width: 1px;
  border-right-style: solid;
}

.matches-slider .control.next {
  border-left-width: 1px;
  border-left-style: solid;
}

.matches-slider .content {
  vertical-align: top;
  display: table-cell;
  white-space: nowrap;
}

.matches-slider .content .matches {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.matches-slider .content .matches .inner {
  left: 0;
  position: relative;
  display: block;
  font-size: 0;
}

.matches-slider .content .owl-item {
  max-width: 130px;
}

.matches-slider .content .match {
  cursor: pointer;
  padding: 6px 20px;
  display: inline-block;
  min-width: 130px;
  border-right: 1px solid #e9e9e9;
  background: #fbfbfb;
}

.matches-slider .content .match .status {
  display: block;
  line-height: 18px;
  font-size: 10px;
  color: #9a9a9a;
}

.matches-slider .content .match table tr td {
  line-height: 10px;
  padding: 5px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}

.matches-slider .content .match table tr td.flag {
  border-color: transparent;
  padding: 0 4px 0 0;
}

.matches-slider .content .match table tr td.flag img {
  max-width: 16px;
}

.matches-slider .content .match table tr td.team {
  min-width: 45px;
  padding-left: 0;
  padding-right: 11px;
}

.matches-slider .content .match table tr td.score {
  text-align: center;
  font-weight: 600;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #e6e6e6;
}

.matches-slider .content .match table tr td.score.update {
  background-color: #e33000;
  color: #ffffff !important;
}

.matches-slider .content .match table tr:first-child td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.matches-slider .content .match table tr:first-child td.team {
  border-bottom: 1px solid #e6e6e6;
}

.matches-slider .content .match table tr:first-child td:last-child {
  border-color: #fbfbfb;
}

.matches-slider .content .match table tr.win td.team {
  font-weight: 600;
}

.matches-slider .content .match:nth-child(even) {
  background-color: #ffffff;
}

.matches-slider .content .match.live .status,
.matches-slider .content .match.paused .status {
  padding-left: 11px;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>') no-repeat 0 4px;
  font-weight: 600;
  color: #e33000;
  -webkit-animation: ls-live-indicator-animation 1s step-end infinite;
  -o-animation: ls-live-indicator-animation 1s step-end infinite;
  animation: ls-live-indicator-animation 1s step-end infinite;
}

.matches-slider .content .match.live table tr td.score,
.matches-slider .content .match.paused table tr td.score {
  color: #e33000;
}

.matches-slider .content .match.paused .status {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>') no-repeat 0 4px;
  color: #9a9a9a;
}

.matches-slider .content .match.highlight {
  background-color: #fff4ce;
}

.matches-slider .content .match.highlight table tr:first-child td:last-child {
  border-color: #fff4ce;
}

.matches-slider .content .match:hover {
  background: #f0f0f0;
}

.match-slider-inverse {
  background-color: #424749;
  border-bottom-color: #52585b;
}

.match-slider-inverse .toggle-container {
  width: 100%;
  overflow: hidden;
}

.match-slider-inverse .slider-content {
  display: table;
  width: 100%;
}

.match-slider-inverse .slider-content > .title {
  border-right: 1px solid #52585b;
  position: relative;
  line-height: 71px;
  padding: 20px 60px 20px 20px;
  display: table-cell;
  width: 20%;
  min-width: 155px;
}

.match-slider-inverse .slider-content > .title .controls {
  position: absolute;
  right: 15px;
  top: 26px;
  line-height: 17px;
}

.match-slider-inverse .slider-content > .title .controls span {
  cursor: pointer;
  font-size: 17px;
  margin-left: 3px;
}

.match-slider-inverse .slider-content > .title .controls span:hover {
  color: #c2c6c8;
}

.match-slider-inverse .slider-content > .title h4,
.match-slider-inverse .slider-content > .title .h4 {
  margin: 0;
  font-size: 12px;
  color: #8f979a;
  font-weight: 600;
  line-height: 16px;
  display: block;
}

.match-slider-inverse .slider-content > .title h4 span.title,
.match-slider-inverse .slider-content > .title .h4 span.title {
  text-transform: uppercase;
  color: #ffffff;
  display: block;
}

.match-slider-inverse .slider-content > .title.live h4 span.title,
.match-slider-inverse .slider-content > .title.live .h4 span.title {
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>') no-repeat 0 4px;
  padding-left: 11px;
  -webkit-animation: ls-live-indicator-animation 1s step-end infinite;
  -o-animation: ls-live-indicator-animation 1s step-end infinite;
  animation: ls-live-indicator-animation 1s step-end infinite;
}

.match-slider-inverse .control {
  background-color: #424749;
  border-color: #52585b;
}

.match-slider-inverse .control span {
  color: #52585b;
}

.match-slider-inverse .control:hover {
  background-color: #494f51;
}

.match-slider-inverse .control:hover span {
  color: #596063;
}

.match-slider-inverse .content .owl-item {
  max-width: 130px;
}

.match-slider-inverse .content .match {
  background-color: #2f3334;
  border-color: #52585b;
  min-width: 130px;
}

.match-slider-inverse .content .match table tr td {
  color: #ffffff;
  border-color: #52585b;
}

.match-slider-inverse .content .match table tr td.score {
  background-color: #2d3132;
}

.match-slider-inverse .content .match table tr:first-child td.team {
  border-bottom-color: #52585b;
}

.match-slider-inverse .content .match table tr:first-child td:last-child {
  border-color: #2f3334;
}

.match-slider-inverse .content .match:nth-child(even) {
  background-color: #424749;
}

.match-slider-inverse .content .match:nth-child(even) table tr:first-child td:last-child {
  border-color: #424749;
}

.match-slider-inverse .content .match.highlight {
  background-color: #fff4ce;
}

.match-slider-inverse .content .match.highlight table tr:first-child td:last-child {
  border-color: #fff4ce !important;
}

.match-slider-inverse .content .match.highlight table tr td.team {
  color: #424749;
}

.match-slider-inverse .content .match:hover {
  background-color: #363a3c;
}

.match-slider-inverse .toggle-right {
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: 25px;
  display: table-cell;
  background: #313536;
}

.match-slider-inverse .toggle-right:hover {
  background-color: #363a3c;
}

.top-match-block .top-match {
  cursor: pointer;
  padding: 15px 0 8px;
  text-align: center;
  border-bottom: 2px solid #efefef;
}

.top-match-block .top-match .shields img {
  max-height: 28px;
  max-width: 28px;
}

.top-match-block .top-match .shields img:last-child {
  margin-left: 2px;
}

.top-match-block .top-match .teams {
  text-transform: uppercase;
  padding-top: 5px;
  font-size: 11px;
  font-weight: 600;
}

.top-match-block .top-match.active,
.top-match-block .top-match:hover {
  background: #f8f8f8;
  border-bottom-color: #529100;
}

.top-match-block .panel-content {
  position: relative;
}

.top-match-block > .row {
  margin: 0;
}

.top-match-block > .row > div {
  padding: 0;
}

.top-match-block .scoreboard-container:hover .slider-control {
  opacity: 1;
  width: 30px;
}

.top-match-block .score-board {
  position: relative;
  background: url("../bundles/app/markup/img//bg-green-field.png") repeat;
  height: 123px;
  display: block;
}

.top-match-block .score-board .title {
  line-height: 19px;
  font-weight: 600;
  font-size: 11px;
  background: #f8f8f8;
  position: absolute;
  padding: 0 8px;
  color: #666666;
}

.top-match-block .score-board .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 2px solid transparent;
  border-right: 8px solid transparent;
  border-top: 20px solid #f8f8f8;
}

.top-match-block .score-board .match-date {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 21px;
  color: #ffffff;
  padding-right: 10px;
}

.top-match-block .score-board .teams {
  position: absolute;
  top: 20px;
  right: 0;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-match-block .score-board .teams .team-name {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 45%;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-match-block .score-board .teams .team-name:first-child {
  margin-right: 5px;
  text-align: right;
}

.top-match-block .score-board .teams .team-name:last-child {
  margin-left: 5px;
}

.top-match-block .score-board .teams .at {
  opacity: .5;
}

.top-match-block .score-board .team {
  background: url("../bundles/app/markup/img/sprites/team-field-shadow.png") no-repeat center bottom;
  bottom: 10px;
  position: absolute;
  width: 64px;
  height: 64px;
  text-align: center;
}

.top-match-block .score-board .team img {
  max-width: 60px;
  max-height: 60px;
}

.top-match-block .score-board .team1 {
  left: 15px;
}

.top-match-block .score-board .team2 {
  right: 15px;
}

.top-match-block .score-board .match-time,
.top-match-block .score-board .match-info {
  text-align: center;
  position: absolute;
  bottom: 27px;
  left: 0;
  width: 100%;
}

.top-match-block .score-board .match-time > span,
.top-match-block .score-board .match-info > span {
  padding: 7px 9px;
  background: #363a3c;
  color: #ffffff;
  font-size: 23px;
  display: inline-block;
  min-width: 82px;
}

.top-match-block .score-board .match-time .block,
.top-match-block .score-board .match-info .block {
  display: inline-block;
  min-width: 82px;
}

.top-match-block .score-board .match-time .block div.score,
.top-match-block .score-board .match-info .block div.score {
  padding: 1px 9px;
  background: #363a3c;
  color: #ffffff;
  font-weight: 600;
  font-size: 23px;
}

.top-match-block .score-board .match-time .block div.time,
.top-match-block .score-board .match-info .block div.time {
  background-color: #2a2d2e;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
}

.top-match-block .score-board .match-info {
  bottom: 21px;
}

.top-match-block .score-board.live .match-info .block div.time {
  background-repeat: no-repeat;
  background-position: 28px center;
}

.top-match-block .score-board.live .match-info .block div.time .live-spot {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
  display: inline-block;
  height: 8px;
  width: 8px;
  position: relative;
  top: -1px;
  margin-right: 3px;
  -webkit-animation: ls-live-indicator-animation 1s step-end infinite;
  -o-animation: ls-live-indicator-animation 1s step-end infinite;
  animation: ls-live-indicator-animation 1s step-end infinite;
}

.top-match-block .score-board.live.paused .match-info .block div.time {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
}

.top-match-block .score-board:hover:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: #000000;
  opacity: 0.1;
}

.top-match-block .score-board.score-board-clear {
  background: #f7f7f7;
  color: #4a4a4a;
}

.top-match-block .score-board.score-board-clear .title {
  background: #e6e6e6;
}

.top-match-block .score-board.score-board-clear .title:after {
  border-top: 20px solid #e6e6e6;
}

.top-match-block .score-board.score-board-clear .match-date {
  color: #808080;
}

.top-match-block .score-board.score-board-clear .teams {
  color: #4a4a4a;
}

.top-match-block .score-board.score-board-clear .team {
  background: none;
}

.top-match-block .score-board.score-board-variant-1 .match-time,
.top-match-block .score-board.score-board-variant-1 .match-info {
  bottom: 46px;
}

.top-match-block .score-board.score-board-variant-1 .match-time > span,
.top-match-block .score-board.score-board-variant-1 .match-info > span {
  background: transparent;
  color: #4a4a4a;
  font-size: 12px;
}

.top-match-block .score-board.score-board-variant-1 .teams {
  top: 82px;
}

.top-match-block .score-board.score-board-variant-1 .team {
  bottom: 35px;
}

.top-match-block .score-board.score-board-variant-1 .title {
  background: none;
  left: 0;
  right: 0;
  top: 10px;
  text-align: center;
  opacity: .5;
}

.top-match-block .score-board.score-board-variant-1 .title:after {
  border: none;
}

.top-match-block .score-board.score-board-variant-1 .match-date {
  right: 0;
  left: 0;
  top: 34px;
  text-align: center;
}

.top-match-block .make-prediction {
  padding: 5px 8px 10px;
  font-size: 12px;
  color: #1a1a1a;
  overflow: hidden;
  line-height: 19px;
  text-align: center;
}

.top-match-block .make-prediction .btn {
  margin-left: 10px;
}

.top-match-block .make-prediction > div {
  line-height: 20px;
}

.top-match-block .make-prediction .title-prediction {
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
  font-weight: 400;
}

.top-match-block .make-prediction .prediction {
  margin-left: 0px;
  margin-right: 0px;
}

.top-match-block .make-prediction .prediction div {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .top-match-block .make-prediction .prediction div {
    float: left;
    width: 33.33333333%;
  }
}

.top-match-block .make-prediction .prediction .team {
  color: #5c5c5c;
  font-weight: 600;
}

.top-match-block .make-prediction .prediction .team.home {
  text-align: right;
}

.top-match-block .make-prediction .prediction .team.away {
  text-align: left;
}

.top-match-block .odds {
  margin: 0;
}

.top-match-block .odds .logo {
  width: 22px;
  padding: 0;
}

.top-match-block .odds .best-odd {
  font-weight: 600;
}

.top-match-block .slider-control {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 53px;
  width: 14px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  opacity: .5;
  -webkit-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
}

.top-match-block .slider-control.prev {
  left: 0;
}

.top-match-block .slider-control.prev:hover {
  background: rgba(0, 0, 0, 0.7);
}

.top-match-block .slider-control.next {
  right: 0;
}

.top-match-block .slider-control > span.icon {
  font-size: 14px;
}

.top-match-block .add-comment {
  padding: 15px;
  background: #fafafa;
}

.top-match-block .add-comment p {
  position: relative;
  margin: 0;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  padding-left: 27px;
}

.top-match-block .add-comment p span {
  top: 0;
  left: 0;
  position: absolute;
  background: url("../bundles/app/markup/img//sprite-icons.png") no-repeat scroll -33px -96px;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.top-match-block .add-comment .avatar {
  width: 44px;
  height: 44px;
  background: #f2f2f2;
}

.top-match-block .add-comment textarea {
  height: 55px;
}

.top-match-block .add-comment .btn {
  white-space: normal;
  margin-top: 10px;
}

.top-match-block .add-comment .row {
  margin: 0;
}

.top-match-block .add-comment .row > div {
  padding: 0;
}

.top-competitions-block.panel .nav-pills > li > a {
  line-height: 40px;
  border-radius: 0;
  padding: 0 8px;
  border-bottom: 2px solid #efefef;
}

.top-competitions-block.panel .nav-pills > li > a:hover {
  background: #f8f8f8;
  border-bottom-color: #529100;
}

.top-competitions-block.panel .nav-pills > li > a > img {
  max-width: 20px;
}

.top-competitions-block.panel .nav-pills > li > a .icon-caret-down {
  color: rgba(74, 74, 74, 0.7);
  font-size: 12px;
}

.top-competitions-block.panel .nav-pills > li > a:focus {
  background-color: transparent;
}

.top-competitions-block.panel .nav-pills > li.active > a {
  background: #f8f8f8;
  border-bottom-color: #529100;
}

.top-competitions-block.panel .nav-pills > li.open > a {
  border-bottom-color: #529100;
}

.top-competitions-block.panel .nav-pills > li.open > a .icon-caret-down {
  color: #ffffff;
}

.top-competitions-block.panel .nav-pills > li.open > a:hover,
.top-competitions-block.panel .nav-pills > li.open > a:focus {
  background-color: #5da400;
}

.top-competitions-block.panel .active-ligue {
  padding: 15px;
}

.top-competitions-block.panel .active-ligue .ligue-logo {
  float: right;
  max-width: 32px;
}

.top-competitions-block.panel .active-ligue h4,
.top-competitions-block.panel .active-ligue .h4 {
  margin: 0 0 20px;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  color: rgba(74, 74, 74, 0.5);
  display: block;
}

.top-competitions-block.panel .active-ligue h4 span,
.top-competitions-block.panel .active-ligue .h4 span {
  color: #4a4a4a;
  font-size: 14px;
  display: block;
  text-transform: none;
}

.top-competitions-block.panel .active-ligue .btn-group .btn {
  font-weight: 400;
  padding-left: 6px;
  padding-right: 6px;
}

.top-competitions-block.panel table.results thead th {
  text-transform: none;
  font-size: 12px;
}

.top-competitions-block.panel table.results tbody tr td.time {
  color: rgba(74, 74, 74, 0.6);
  padding-left: 4px;
  padding-right: 4px;
}

.top-competitions-block.panel table.results tbody tr td.hour {
  padding-left: 4px;
  padding-right: 4px;
}

.top-competitions-block.panel table.results tbody tr td.team b {
  font-weight: 600;
}

.top-competitions-block.panel table.results tbody tr td.team1 {
  text-align: right;
}

.top-competitions-block.panel table.results tbody tr td.score {
  font-size: 13px;
}

.social-networks-block.panel > .panel-body {
  background-color: #f8f8f8;
}

.social-networks-block.panel > .panel-body p {
  color: #858585;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
}

.news-block.panel .main-news a,
.news-block.panel .sub-news a {
  outline: none;
}

.news-block.panel .main-news .preview,
.news-block.panel .sub-news .preview {
  width: 100%;
}

.news-block.panel .main-news .content,
.news-block.panel .sub-news .content {
  padding: 7px 15px 15px;
}

.news-block.panel .main-news .content .date,
.news-block.panel .sub-news .content .date {
  color: #a4a4a4;
  font-size: 11px;
  margin-bottom: 2px;
}

.news-block.panel .main-news .content .resume,
.news-block.panel .sub-news .content .resume {
  margin: 0;
  font-weight: 600;
}

.news-block.panel .main-news .content .resume a,
.news-block.panel .sub-news .content .resume a {
  color: #353535;
}

.news-block.panel .main-news .content .resume a:hover,
.news-block.panel .sub-news .content .resume a:hover {
  color: #7bc6e0;
}

.news-block.panel .sub-news {
  padding: 18px 0;
  border-top: 1px solid #ebebeb;
}

.news-block.panel .sub-news .preview {
  width: 100%;
}

.news-block.panel .sub-news .content {
  padding: 0 10px 0;
}

.news-block.panel .sub-news .content .date {
  color: #a4a4a4;
  font-size: 11px;
  margin-bottom: 0;
}

.news-block.panel .sub-news .content .resume {
  margin: 0;
  color: #353535;
  font-weight: 600;
  line-height: 16px;
}

.news-block.panel .sub-news > .row {
  margin: 0;
}

.news-block.panel .sub-news > .row > div {
  padding: 0;
}

.news-block.panel .sub-news > .row > div img {
  width: 100%;
}

.news-block.panel .latest-news {
  padding: 15px;
  border-top: 1px solid #ebebeb;
}

.news-block.panel .latest-news ul {
  margin: 0;
  padding: 0;
}

.news-block.panel .latest-news ul li {
  line-height: 17px;
  font-size: 12px;
  padding: 0;
  list-style: none;
  margin-bottom: 4px;
}

.live-commented-matches.panel .preview {
  width: 100%;
}

.live-commented-matches.panel .description {
  padding: 15px;
}

.live-commented-matches.panel .description p {
  font-size: 12px;
  line-height: 17px;
  margin: 0;
}

.live-commented-matches.panel .matches {
  border-top: 2px solid #f5f5f5;
  margin: 0;
}

.live-commented-matches.panel .matches tr td > a {
  padding: 3px 7px;
  line-height: 17px;
  color: inherit;
}

.live-commented-matches.panel .matches tr td.team {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.live-commented-matches.panel .matches tr td.team > a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.live-commented-matches.panel .matches tr td.team > span {
  padding: 3px 7px;
}

.live-commented-matches.panel .matches tr td.team1 {
  text-align: right;
  padding: 0;
}

.live-commented-matches.panel .matches tr td.team2 {
  padding: 0;
}

.live-commented-matches.panel .matches tr td.score {
  padding: 0;
  text-align: center;
  background-color: #f7f7f7;
}

.live-commented-matches.panel .matches tr td.score a {
  line-height: 16px;
}

.live-commented-matches.panel .matches tr td.score.none {
  line-height: 12px;
}

.live-commented-matches.panel .matches tr td.score > span {
  color: #d5d5d5;
  font-size: 15px;
}

.live-commented-matches.panel .matches tr td.commented {
  width: 25px;
  padding: 0;
}

.live-commented-matches.panel .matches tr td.commented span {
  font-size: 18px;
  line-height: 10px;
  vertical-align: middle;
  color: #cbcbcb;
}

.live-commented-matches.panel .matches tr.live td.date {
  font-weight: 600;
  color: #e33000;
  padding-left: 17px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
  background-position: 5px center;
  background-repeat: no-repeat;
  -webkit-animation: ls-live-indicator-animation 1s step-end infinite;
  -o-animation: ls-live-indicator-animation 1s step-end infinite;
  animation: ls-live-indicator-animation 1s step-end infinite;
}

.live-commented-matches.panel .matches tr.live td.score {
  color: #e33000;
  font-size: 13px;
  font-weight: 600;
}

.live-commented-matches.panel .matches tr.live td.commented span {
  color: #e33000;
}

.empty-state {
  background-color: transparent;
  min-height: 200px;
  width: 100%;
  text-align: center;
  padding: 20px;
}

.empty-state > .icon {
  display: inline-block;
  margin-top: 5px;
  font-size: 50px;
  color: #f0f0f0;
}

.empty-state > .glyphicon {
  display: inline-block;
  margin-top: 5px;
  font-size: 50px;
  color: #f0f0f0;
}

.empty-state > p {
  margin: 7px 0 30px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #d9d9d9;
}

.empty-state .btn-available-matches time {
  text-decoration: underline;
}

.empty-state .btn-available-matches .icon:first-child {
  margin-right: 4px;
}

.empty-state .btn-available-matches .icon:last-child {
  margin-left: 4px;
}

.panel-condensed .comments {
  padding: 0 14px;
  margin: 0;
  max-height: 277px;
  overflow: auto;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  border-top: 2px solid #f5f5f5;
}

.panel-condensed .comments .media-list {
  border: 0;
}

.panel-condensed .comments .media-list .media {
  position: relative;
  padding: 10px 0;
}

.panel-condensed .comments .media-list .media .img-circle {
  width: 47px;
  height: 47px;
  background: #f7f7f7;
}

.panel-condensed .comments .media-list .media .avatar {
  margin-right: 11px;
}

.panel-condensed .comments .media-list .media .avatar .btn-group {
  margin-top: 5px;
  display: block;
}

.panel-condensed .comments .media-list .media .avatar .btn-group .btn {
  line-height: 13px;
  font-size: 11px;
  padding: 1px 4px;
  margin-left: 0;
}

.panel-condensed .comments .media-list .media .avatar .btn-group .btn.btn-default {
  color: #a3a3a3;
}

.panel-condensed .comments .media-list .media .media-heading {
  margin: 0 0 4px;
}

.panel-condensed .comments .media-list .media .media-heading h4,
.panel-condensed .comments .media-list .media .media-heading .name {
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 83px;
}

.panel-condensed .comments .media-list .media .media-heading .tools {
  position: absolute;
  right: 0;
  top: 11px;
}

.panel-condensed .comments .media-list .media .media-heading .tools h5,
.panel-condensed .comments .media-list .media .media-heading .tools .date {
  font-size: 10px;
  margin: 0;
  white-space: nowrap;
  right: 0;
  position: absolute;
}

.panel-condensed .comments .media-list .media .media-heading .tools > a {
  display: none;
}

.panel-condensed .comments .media-list .media .media-body p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}

.panel-condensed .comments .media-list .media:hover .media-heading .tools {
  position: absolute;
  right: 0;
  z-index: 1;
}

.panel-condensed .comments .media-list .media:hover .media-heading .tools h5,
.panel-condensed .comments .media-list .media:hover .media-heading .tools .date {
  display: none;
}

.panel-condensed .comments .media-list .media:hover .media-heading .tools > a {
  display: inline-block;
}

.panel-condensed .comments .media-list .media.view-all {
  text-align: center;
}

.panel-condensed .comments .media-list .media.view-all a {
  font-size: 12px;
}

.panel-condensed .comments.carousel {
  padding: 0;
  height: auto;
  position: relative;
}

.panel-condensed .comments.carousel .media-list .media {
  padding: 10px 14px;
  width: 248px;
}

.panel-condensed .comments.carousel .media-list .media .media-heading .tools {
  right: 14px;
}

.panel-condensed .comments.carousel .control {
  display: none;
  position: absolute;
  background: #fbfbfb;
  text-align: center;
  width: 38px;
  border-color: #e9e9e9;
  cursor: pointer;
  height: 100%;
  z-index: 2;
}

.panel-condensed .comments.carousel .control span {
  font-size: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  color: #dbdbdb;
}

.panel-condensed .comments.carousel .control:hover {
  background: #f0f0f0;
}

.panel-condensed .comments.carousel .control:hover span {
  color: #afafaf;
}

.panel-condensed .comments.carousel .control.prev {
  top: 0;
  left: 0;
  border-right-width: 1px;
  border-right-style: solid;
}

.panel-condensed .comments.carousel .control.next {
  top: 0;
  right: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.panel-condensed .comments.carousel:hover .control {
  display: block;
}

/*custom progress bars*/

.progress-bar-home {
  background-color: #6790ce;
}

.progress-bar-neutral {
  background-color: #cccccc;
}

.progress-bar-away {
  background-color: #2356a3;
}

.popover.popover-incident {
  background-clip: initial;
}

.popover.popover-incident .popover-content {
  padding: 6px 5px;
}

.popover.popover-incident .popover-content .icon,
.popover.popover-incident .popover-content .sprite-icons {
  float: left;
  margin-right: 6px;
}

.popover.popover-incident .popover-content table {
  border: 0;
  margin: 0;
}

.popover.popover-incident .popover-content table tr.sustitution td.player {
  padding-left: 1px;
  padding-right: 1px;
}

.popover.popover-incident .popover-content table tr.sustitution td.player img {
  height: 30px;
  width: 30px;
  background: #f7f7f7;
}

.popover.popover-incident .popover-content table tr td.details {
  font-weight: 600;
  font-size: 11px;
}

.popover.popover-primary {
  background-color: #5da400;
  border-color: #5da400;
  background-clip: initial;
  color: #fff;
}

.popover.popover-primary.top > .arrow {
  border-top-color: #5da400;
}

.popover.popover-primary.top > .arrow:after {
  border-top-color: #5da400;
}

/*Custom General Icons Behavior*/

.span.active .glyphicon-star {
  color: #ffc600 !important;
}

i.glyphicon-star.active,
span.glyphicon-star.active {
  color: #ffc600 !important;
}

.comment-number {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  font-size: 8px;
  line-height: 8px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 3px;
  left: 0;
}

/*Mixin General Tables Tools Icon Style*/

.fav-match {
  display: inline-block;
  font-size: 16px;
  padding: 0 1px;
  color: rgba(204, 204, 204, 0.35);
  line-height: 15px;
  vertical-align: middle;
  position: relative;
  color: #cccccc;
}

.fav-match.available {
  color: #cccccc;
}

.fav-match.available.live {
  color: #e33000;
}

.fav-match.available.live:hover {
  color: #b02500;
}

.fav-match.available .comment-number {
  color: #ffffff;
}

.fav-match:hover,
.fav-match:focus {
  color: #808080;
}

.fav-match:hover.available .comment-number,
.fav-match:focus.available .comment-number {
  color: #ffffff;
}

.fav-match.active {
  color: #5da400;
}

.fav-match.active:hover {
  color: #407100;
}

.loading {
  position: relative;
  min-height: 60px;
}

.loading:after {
  content: "";
  position: absolute;
  background: url("../bundles/app/markup/img//loading.gif") no-repeat center center;
  width: 100%;
  height: 100%;
  max-height: 200px;
  top: 0;
  left: 0;
  text-align: center;
  display: block;
  z-index: 4;
}

.loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(251, 251, 251, 0.8);
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 3;
}

.loading.loading-dark:after {
  background-color: #424749;
}

.loading.loading-horizontal:after {
  background-position: 40% center;
}

.loading.loading-horizontal:before {
  display: inline-block;
  width: auto;
  left: 40%;
  margin-top: -8px;
  margin-left: 34px;
}

.loading.dropdown-menu {
  position: absolute;
}

.loading.sub-menu {
  min-height: initial;
}

.loading.sub-menu:before {
  background-color: rgba(243, 244, 245, 0.8);
}

.loading.sub-menu:after {
  background-image: url("../bundles/app/markup/img//loading-tiny.gif");
  background-position: right 4px;
  right: 3px;
  left: auto;
}

.loading.third-menu {
  min-height: initial;
}

.loading.third-menu:before {
  background-color: rgba(237, 239, 240, 0.8);
}

.loading.third-menu:after {
  background-image: url("../bundles/app/markup/img//loading-tiny.gif");
  background-position: right 4px;
  right: 3px;
  left: auto;
}

.loading.fourth-menu {
  min-height: initial;
}

.loading.fourth-menu:before {
  background-color: rgba(237, 239, 240, 0.8);
}

.loading.fourth-menu:after {
  background-image: url("../bundles/app/markup/img//loading-tiny.gif");
  background-position: right 4px;
  right: 3px;
  left: auto;
}

.loading-opacity {
  opacity: 0.3;
}

/* Classic loading for some simple elements */

.sidebar-nav .sub-menu li.loading {
  min-height: initial;
}

.sidebar-nav .sub-menu li.loading:before {
  background-color: rgba(243, 244, 245, 0.8);
}

.sidebar-nav .sub-menu li.loading:after {
  background-image: url("../bundles/app/markup/img//loading-tiny.gif");
  background-position: right 4px;
  right: 3px;
  left: auto;
}

.popover.loading {
  position: absolute;
}

.popover.loading .arrow:after {
  border-bottom-color: rgba(251, 251, 251, 0.99);
}

/* Mixin */

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar:horizontal {
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: #f0f0f0;
}

*::-webkit-scrollbar-thumb {
  background: #5da400;
  border-radius: 2px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #4f8b00;
}

.ls-wizard {
  margin-bottom: 50px;
}

.ls-wizard > ul.nav {
  background-color: #f9f9f9;
}

.ls-wizard > ul.nav > li {
  margin: 0;
}

.ls-wizard > ul.nav > li > a {
  position: relative;
  padding: 17px 20px;
  padding-left: 40px;
  border-radius: 0 !important;
  font-weight: 400;
  font-size: 14px;
  background-color: #f9f9f9;
  border-bottom: 0 !important;
}

.ls-wizard > ul.nav > li > a:after,
.ls-wizard > ul.nav > li > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -21px;
  border-top: 31px solid transparent;
  border-bottom: 31px solid transparent;
  border-right: 0;
  border-left: 20px solid #e8e8e8;
  z-index: 1;
}

.ls-wizard > ul.nav > li > a:after {
  right: -20px;
  border-left-color: #f9f9f9;
  z-index: 2;
}

.ls-wizard > ul.nav > li > a .label {
  border-radius: 50%;
  padding: 0;
  display: inline-block;
  color: #ffffff;
  background-color: #5da400;
  margin-right: 7px;
}

.ls-wizard > ul.nav > li > a:hover {
  background-color: #efefef;
}

.ls-wizard > ul.nav > li > a:hover:after {
  border-left-color: #efefef;
}

.ls-wizard > ul.nav > li:first-child > a {
  padding-left: 20px;
}

.ls-wizard > ul.nav > li.active > a {
  color: #ffffff;
  background-color: #61a606;
}

.ls-wizard > ul.nav > li.active > a:after {
  border-left-color: #61a606;
}

.ls-wizard > ul.nav > li.active > a .label {
  background-color: #ffffff;
  color: #5da400;
}

.ls-wizard > .tab-content .tab-pane > .row {
  margin: 0;
}

.ls-wizard > .tab-content .tab-pane > .row > div {
  padding: 25px 20px;
}

.ls-wizard .navigation.wizard {
  margin: 0;
  padding: 0;
  text-align: center;
}

.ls-wizard .navigation.wizard > li {
  display: inline-block;
}

.ls-wizard .navigation.wizard > li .btn {
  min-width: 85px;
  margin-left: 10px;
}

.ls-wizard .navigation.wizard > li .btn span {
  color: #ffffff;
  margin-right: 5px;
}

.ls-wizard .navigation.wizard > li.disabled {
  display: none;
}

.color-picker input {
  height: 30px;
  border-radius: 2px 0 0 2px;
  text-transform: uppercase;
}

.color-picker .input-group-addon {
  padding: 2px 4px;
}

.color-picker .input-group-addon .color-preview {
  height: 23px;
  width: 23px;
  display: block;
  background-color: #FFF;
  cursor: pointer;
}

.ui-colorpicker {
  z-index: 4 !important;
}

.step-heading {
  margin-bottom: 25px;
}

.step-heading .label {
  border-radius: 50%;
  padding: 0;
  display: inline-block;
  margin-right: 7px;
}

.step-heading .title {
  font-size: 18px;
  font-weight: 600;
  margin-right: 7px;
}

.step-heading .description {
  font-weight: 400;
  font-size: 14px;
}

.notifications-list {
  max-height: 338px;
  overflow: auto;
}

.notifications-list > ul {
  margin: 0;
  padding: 0;
}

.notifications-list > ul > li.media {
  padding: 15px 18px;
  list-style: none;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  border-top: 0 !important;
  cursor: pointer;
}

.notifications-list > ul > li.media .avatar {
  padding-top: 2px;
  margin-right: 9px;
}

.notifications-list > ul > li.media .avatar img {
  height: 48px;
  width: 48px;
  background: #f7f7f7;
}

.notifications-list > ul > li.media .media-body .meadia-heading {
  font-size: 12px;
  font-weight: 600;
  display: block;
  color: #303030;
  margin-bottom: 2px;
}

.notifications-list > ul > li.media .media-body p {
  font-size: 12px;
  color: #5e5e5e;
  line-height: 15px;
  margin-bottom: 5px;
}

.notifications-list > ul > li.media .media-body .date {
  display: block;
  font-size: 10px;
  color: #b8b8b8;
}

.notifications-list > ul > li.media.highlight {
  background-color: #fff4ce;
}

.notifications-list > ul > li.media.highlight .media-body p {
  font-weight: 600;
  color: #363636;
}

.notifications-list > ul > li.media:hover {
  background-color: #579a00;
}

.notifications-list > ul > li.media:hover .media-body .meadia-heading,
.notifications-list > ul > li.media:hover .media-body p {
  color: #ffffff;
}

.discussion .panel-body ul {
  border: 0;
}

.discussion .panel-body ul li:first-child {
  padding-top: 0;
}

.discussion .panel-body ul li a img {
  max-width: 48px;
}

.discussion .panel-body ul li .media-body .media-heading {
  overflow: hidden;
}

.discussion .panel-body ul li .media-body .message-edit {
  margin-top: 10px;
}

.discussion .panel-body ul li.view-all {
  padding-bottom: 0;
}

.discussion .make-prediction {
  padding: 10px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #f0f0f0;
  overflow: hidden;
  padding-bottom: 0;
}

.discussion .make-prediction .user-info > div {
  vertical-align: top;
  padding-top: 2px;
  margin-left: 8px;
  display: inline-block;
}

.discussion .make-prediction .user-info > div .name {
  line-height: 45px;
  font-size: 13px;
  font-weight: 600;
  margin-top: 0;
  display: block;
  margin-bottom: 7px;
}

.discussion .make-prediction .user-info .img-circle {
  width: 56px;
  height: 56px;
  background: #ededed;
}

.discussion .make-prediction .user-info .prediction .name {
  line-height: 18px;
}

.discussion .make-prediction .comment-form {
  margin-top: 10px;
}

.discussion .make-prediction .comment-form textarea.form-control {
  height: 90px;
}

.discussion .make-prediction .comment-form .btn {
  margin: 20px 0;
  float: right;
}

.odds-slider {
  width: 100%;
  display: table;
  table-layout: fixed;
  z-index: 9999;
}

.odds-slider .table tr > th {
  border-top: none;
}

.odds-slider .match-infos {
  display: table-cell;
  width: 30%;
  vertical-align: top;
  border-right: 1px solid #f2f2f2;
}

.odds-slider .match-infos .table-us-match-info {
  vertical-align: middle;
}

.odds-slider .match-infos .table-us-match-info th.info-datetime {
  height: 54px;
  vertical-align: middle;
  text-align: center;
}

.odds-slider .match-infos .table-us-match-info th.info-datetime .hour {
  display: block;
  color: #7d7d7d;
}

.odds-slider .match-infos .table-us-match-info td {
  text-align: center;
  pointer-events: none;
  cursor: default;
}

.odds-slider .match-infos .table-us-match-info td.teams {
  padding-top: 20px;
}

.odds-slider .match-infos .table-us-match-info td.teams .team {
  display: inline;
}

.odds-slider .match-infos .table-us-match-info td.teams .team img {
  width: 50px;
}

.odds-slider .match-infos .table-us-match-info td.team-names {
  font-weight: 600;
  border-top: none;
}

.odds-slider .next-holder {
  width: 54px;
  display: table-cell;
  border-left: 1px solid #f2f2f2;
}

.odds-slider .next-holder table th {
  height: 54px;
}

.odds-slider .next-holder table td {
  pointer-events: none;
}

.odds-slider .odds-type {
  width: 90px;
  display: table-cell;
  text-transform: uppercase;
  font-weight: 600;
  vertical-align: top;
  border-right: 1px solid #f2f2f2;
}

.odds-slider .odds-type table th {
  height: 54px;
}

.odds-slider .odds-type table td {
  height: 46px;
}

.odds-slider .control {
  background: #fbfbfb;
  text-align: center;
  width: 38px;
  vertical-align: top;
  display: table-cell;
  border-color: #e9e9e9;
  cursor: pointer;
}

.odds-slider .control:hover {
  background: #f0f0f0;
}

.odds-slider .control:hover span {
  color: #afafaf;
}

.odds-slider .control.prev {
  border-right-width: 1px;
  border-right-style: solid;
}

.odds-slider .control.next {
  border-left-width: 1px;
  border-left-style: solid;
}

.odds-slider .content {
  vertical-align: top;
  display: table-cell;
  white-space: nowrap;
}

.odds-slider .content .sportsbooks {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.odds-slider .content .sportsbooks .inner {
  left: 0;
  position: relative;
  display: block;
  font-size: 0;
}

.odds-slider .content .sportsbook-odds {
  cursor: pointer;
  padding: 0;
  display: inline-block;
  min-width: 80px;
  border-right: 1px solid #e9e9e9;
  background: #fbfbfb;
}

.odds-slider .content .sportsbook-odds table tr th {
  height: 54px;
}

.odds-slider .content .sportsbook-odds table tr th.sportsbook-logo {
  text-align: center;
  vertical-align: middle;
}

.odds-slider .content .sportsbook-odds table tr th.sportsbook-logo img {
  width: 60px;
  display: initial;
}

.odds-slider .content .sportsbook-odds table tr td {
  line-height: 10px;
  padding: 5px;
  height: 46px;
  width: 80px;
}

.odds-slider .content .sportsbook-odds table tr td.team {
  min-width: 45px;
  padding-left: 0;
  padding-right: 11px;
}

.odds-slider .content .sportsbook-odds table tr td.odd {
  border-left: none;
}

@-webkit-keyframes ls-live-indicator-animation {
  0% {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
  }

  50% {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="transparent"/></svg>');
  }
}

@-o-keyframes ls-live-indicator-animation {
  0% {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
  }

  50% {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="transparent"/></svg>');
  }
}

@keyframes ls-live-indicator-animation {
  0% {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
  }

  50% {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="transparent"/></svg>');
  }
}

.content-match-listing-hide-tabs #match-listing-filter-panel,
.content-match-listing-hide-tabs #match-listing-filter-panel:before,
.content-match-listing-hide-tabs #match-listing-filter-panel:after {
  display: none;
  content: "";
}

.content-match-listing-hide-tabs .panel > .panel-body + .table,
.content-match-listing-hide-tabs .panel > .panel-body + .table-responsive,
.content-match-listing-hide-tabs .panel > .table + .panel-body,
.content-match-listing-hide-tabs .panel > .table-responsive + .panel-body {
  border-top: none;
}

.ls-recaptcha {
  padding: 20px 0;
}

.panel-sport-content {
  margin-bottom: 1rem;
}

.sport-content {
  position: relative;
  padding: 0 1rem 1rem 1rem;
}

.sport-content--collapsed {
  overflow: hidden;
  height: 100px;
}

.sport-content--collapsed::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, #ffffff 80%, #ffffff);
  background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, #ffffff 80%, #ffffff);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, #ffffff 80%, #ffffff);
}

.sport-content--collapsed.in {
  height: auto;
}

.sport-content--collapsed.in::after {
  display: none;
}

.sport-content__show-more span.icon {
  margin-left: 5px;
}

.player-comparison-hero {
  position: relative;
}

.player-comparison-hero-img {
  position: relative;
  z-index: 1;
}

.player-comparison-hero-img:before,
.player-comparison-hero-img:after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.player-comparison-hero-img:before {
  background-color: rgba(35, 51, 175, 0.55);
  z-index: 1;
}

.player-comparison-hero-img:after {
  background-color: rgba(67, 73, 75, 0.6);
  z-index: 2;
}

.player-comparison-hero-img img {
  max-width: 100%;
  max-height: 100%;
}

.player-comparison-hero-content {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.player-comparison-hero-content--data {
  height: auto;
  z-index: 5;
}

.player-comparison-hero-player {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 30px 35px 0;
}

.player-comparison-hero-player.player-comparison-hero-player--left {
  padding-right: 10px;
}

.player-comparison-hero-player.player-comparison-hero-player--right {
  text-align: right;
  padding-left: 10px;
}

.player-comparison-hero-player-name {
  position: relative;
  display: inline-block;
  margin-bottom: 14px;
}

.player-comparison-hero-player-name > a {
  color: #ffffff;
  font-size: 31px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-right: 33px;
}

.player-comparison-hero-player--right .player-comparison-hero-player-name > a {
  padding-right: 0;
  padding-left: 33px;
}

.player-comparison-hero-player-name > a:hover,
.player-comparison-hero-player-name > a:active,
.player-comparison-hero-player-name > a:focus {
  color: #ffffff;
}

.player-comparison-hero-player-name > a:after {
  position: absolute;
  top: 6px;
  right: 0;
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMC4yNTYgOC42MDZjMC0wLjI2OSAwLjEwNi0wLjU0NCAwLjMxMy0wLjc1IDAuNDEyLTAuNDEyIDEuMDg3LTAuNDEyIDEuNSAwbDE0LjExOSAxNC4xMTkgMTMuOTEzLTEzLjkxMmMwLjQxMy0wLjQxMiAxLjA4Ny0wLjQxMiAxLjUgMHMwLjQxMyAxLjA4OCAwIDEuNWwtMTQuNjYzIDE0LjY2OWMtMC40MTMgMC40MTMtMS4wODggMC40MTMtMS41IDBsLTE0Ljg2OS0xNC44NjljLTAuMjEzLTAuMjEzLTAuMzEzLTAuNDgxLTAuMzEzLTAuNzU2eiI+PC9wYXRoPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}

.player-comparison-hero-player--right .player-comparison-hero-player-name > a:after {
  left: 0;
  right: auto;
}

.player-comparison-hero-player-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.player-comparison-hero-player--right .player-comparison-hero-player-data {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.player-comparison-hero-player--left .player-comparison-hero-player-data > div {
  margin-right: 14px;
}

.player-comparison-hero-player--right .player-comparison-hero-player-data > div {
  margin-left: 14px;
}

.player-comparison-hero-player-country {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-comparison-hero-player-country img {
  max-height: 20px;
  max-width: 23px;
  width: auto;
  vertical-align: middle;
}

.player-comparison-hero-player-team img {
  max-height: 20px;
  width: auto;
  vertical-align: middle;
}

.player-comparison-hero-player-achievements {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player-comparison-hero-player-prize {
  position: relative;
}

.player-comparison-hero-player-prize .prize-counter {
  position: absolute;
  top: -4px;
  right: -7px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
}

.player-comparison-hero-player-prize img {
  max-height: 21px;
  width: auto;
  vertical-align: middle;
}

.player-comparison-hero-player-social-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player-comparison-hero-player--right .player-comparison-hero-player-social-links {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.player-comparison-hero-player-social-links a {
  display: inline-block;
  opacity: 0.6;
}

.player-comparison-hero-player-social-links a:hover {
  opacity: 1;
}

.player-comparison-hero-player--left .player-comparison-hero-player-social-links a {
  margin-right: 10px;
}

.player-comparison-hero-player--right .player-comparison-hero-player-social-links a {
  margin-left: 10px;
}

.player-comparison-hero-player-social-links a svg {
  max-width: 17px;
  max-height: 17px;
  fill: #ffffff;
}

.player-comparison-hero-player-image {
  position: absolute;
  bottom: 0;
}

.player-comparison-hero-player--left .player-comparison-hero-player-image {
  left: 0;
}

.player-comparison-hero-player--right .player-comparison-hero-player-image {
  right: 0;
}

.player-comparison-hero-player-image img {
  max-height: 383px;
}

.player-comparison-hero-chart {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 4;
}

.player-comparison-hero-chart canvas {
  max-width: 350px;
  max-height: 350px;
}

.player-comparison-nav .nav-tabs.nav-justified > li {
  border-right-width: 0;
}

.player-comparison-nav .nav-tabs.nav-justified > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 11px;
  text-transform: uppercase;
  height: 45px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
}

.player-comparison-nav .nav-tabs.nav-justified > li > a:hover {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.player-comparison-nav .nav-tabs.nav-justified > li svg {
  margin-right: 6px;
  max-width: 15px;
  max-height: 15px;
  fill: #43494b;
}

.player-comparison-nav .nav-tabs.nav-justified > li.active > a {
  color: #5da400;
  background-color: #ffffff;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
}

.player-comparison-nav .nav-tabs.nav-justified > li.active > a:focus {
  border-top-width: 0;
}

.player-comparison-nav .nav-tabs.nav-justified > li.active svg {
  fill: #5da400;
}

.player-comparison-nav .tab-content .tab-pane {
  padding: 35px;
}

.player-comparison-vs-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 25px;
  background-color: #fafafa;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  color: #4a4a4a;
}

.player-comparison-vs-block:hover {
  color: #4a4a4a;
}

.player-comparison-row .player-comparison-vs-block {
  padding: 14px 8px;
  margin-bottom: 0;
}

.player-comparison-vs-block .player-team-logo {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.player-comparison-vs-block .player-team-logo.player-team-logo--left {
  margin-right: 15px;
}

.player-comparison-row .player-comparison-vs-block .player-team-logo.player-team-logo--left {
  margin-right: 7px;
}

.player-comparison-vs-block .player-team-logo.player-team-logo--right {
  margin-left: 15px;
}

.player-comparison-row .player-comparison-vs-block .player-team-logo.player-team-logo--right {
  margin-left: 7px;
}

.player-comparison-vs-block .player-team-logo img {
  max-width: 36px;
  max-height: 36px;
}

.player-comparison-row .player-comparison-vs-block .player-team-logo img {
  max-width: 18px;
  max-height: 18px;
}

.player-comparison-vs-block .player-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.player-comparison-row .player-comparison-vs-block .player-name {
  font-size: 12px;
}

.player-comparison-vs-block .player-name span {
  font-weight: 700;
}

.player-comparison-vs-block .player-name.player-name--right {
  text-align: right;
}

.player-comparison-vs-block .player-score {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
  font-size: 17px;
  font-weight: 700;
}

.player-comparison-vs-block .player-score.player-score--left {
  padding-right: 35px;
}

.player-comparison-vs-block .player-score.player-score--right {
  padding-left: 35px;
}

.player-comparison-vs-block .vs {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.48px;
  color: #5da400;
}

.player-comparison-row .player-comparison-vs-block .vs {
  font-size: 14px;
  padding: 0 5px;
}

.player-comparison-competitions-stats {
  background-color: #f7f7f7;
  padding: 40px 0;
  margin-bottom: 20px;
}

.player-comparison-competitions-stats.player-comparison-competitions-stats--main {
  border-bottom: 2px solid #f0f0f0;
}

.player-comparison-competitions-stats-title {
  color: #43494b;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  margin-bottom: 35px;
}

.player-comparison-competitions-stats-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player-comparison-stats-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.player-comparison-stats-block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 5px;
}

.player-comparison-stats-block-title .image {
  margin-right: 5px;
}

.player-comparison-stats-block-title .image img {
  max-width: 16px;
  max-height: 16px;
}

.player-comparison-stats-block-title .image .icon {
  font-size: 14px;
  vertical-align: middle;
  color: #43494b;
}

.player-comparison-stats-block-title .name {
  color: #43494b;
  font-weight: 600;
  font-size: 12px;
}

.player-comparison-competitions-stats--main .player-comparison-stats-block-title .name {
  text-transform: uppercase;
}

.player-comparison-stats-block-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-comparison-stats-block-values .number {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.72px;
}

.player-comparison-competitions-stats--main .player-comparison-stats-block-values .number {
  font-size: 36px;
}

.player-comparison-stats-block-values .number.number--left {
  text-align: right;
  color: #ff6565;
}

.player-comparison-stats-block-values .number.number--right {
  color: #34a7ff;
}

.player-comparison-stats-block-values .vs {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #43494b;
  text-transform: uppercase;
  padding: 0 20px;
}

.player-comparison-financial-chart {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px 0 60px;
}

.player-comparison-financial-chart .chart-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  height: 200px;
}

.player-comparison-financial-chart .player-comparison-player-salary {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.player-comparison-financial-chart .player-comparison-player-salary .chart-arm {
  position: absolute;
  top: 30px;
  right: -30px;
  width: 200px;
  border-bottom: 2px dashed #ededed;
}

.player-comparison-financial-chart .player-comparison-player-salary .chart-arm > span {
  position: absolute;
  display: block;
  top: 0;
  left: -70px;
  width: 70px;
  border-bottom: 2px dashed #ededed;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}

.player-comparison-financial-chart .player-comparison-player-salary .chart-arm > span:after {
  position: absolute;
  content: '';
  display: block;
  top: -3px;
  left: -7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ededed;
}

.player-comparison-financial-chart .player-comparison-player-salary .player-salary {
  padding-top: 100px;
}

.player-comparison-financial-chart .player-comparison-player-salary .player-salary-value {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.player-comparison-financial-chart .player-comparison-player-salary .player-salary-description {
  text-transform: uppercase;
  color: #909a9d;
}

.player-comparison-financial-chart .player-comparison-player-salary.player-comparison-player-salary--left .chart-arm > span:after {
  background-color: #ff6565;
}

.player-comparison-financial-chart .player-comparison-player-salary.player-comparison-player-salary--right .chart-arm {
  right: auto;
  left: -30px;
}

.player-comparison-financial-chart .player-comparison-player-salary.player-comparison-player-salary--right .chart-arm > span {
  left: auto;
  right: -70px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}

.player-comparison-financial-chart .player-comparison-player-salary.player-comparison-player-salary--right .chart-arm > span:after {
  left: auto;
  right: -7px;
  background-color: #34a7ff;
}

.player-comparison-financial-chart .player-comparison-player-salary.player-comparison-player-salary--right .player-salary {
  text-align: right;
}

.player-comparison-financial-chart canvas {
  max-width: 200px;
  max-height: 200px;
}

.player-comparison-financial-chart-title {
  text-align: center;
  font-size: 22px;
  padding-top: 20px;
}

.timeline {
  margin: 0 auto 40px;
  padding: 0 0 50px;
  position: relative;
  z-index: 1;
}

.timeline:before {
  position: absolute;
  content: '';
  bottom: 0;
  width: 2px;
  background: #dbdbdb;
  margin-left: -1px;
  left: 50%;
  z-index: -1;
  top: 70px;
}

.timeline:after {
  position: absolute;
  content: '';
  display: block;
  background: #dbdbdb;
  bottom: -5px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
}

.timeline-item {
  position: relative;
  list-style: none;
  padding-left: 0;
  margin: 30px 0 0;
}

.timeline-item.right {
  right: 0;
  padding-left: -webkit-calc(50% + 45px);
  padding-left: calc(50% + 45px);
}

.timeline-item.left {
  left: 0;
  padding-right: -webkit-calc(50% + 45px);
  padding-right: calc(50% + 45px);
}

.timeline-item.left .timeline-content:after {
  right: -5px;
  left: inherit;
}

.timeline-item.left .timeline-content:before {
  right: -5px;
  left: inherit;
}

.timeline-item.left .timeline-icon {
  left: initial;
  right: -67px;
}

.timeline-content {
  position: relative;
  background-color: #f7f7f7;
  padding: 25px 30px 25px 28px;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08);
  min-height: 85px;
}

.timeline-item.left .timeline-content,
.timeline-item.right .timeline-content {
  color: #ffffff;
}

.timeline-item.left .timeline-content a,
.timeline-item.right .timeline-content a,
.timeline-item.left .timeline-content a:hover,
.timeline-item.right .timeline-content a:hover,
.timeline-item.left .timeline-content .timeline-time,
.timeline-item.right .timeline-content .timeline-time {
  color: #ffffff;
}

.timeline-item.left .timeline-content {
  background-color: #ff6565;
}

.timeline-item.left .timeline-content:before {
  background-color: #ff6565;
}

.timeline-item.right .timeline-content {
  background-color: #34a7ff;
}

.timeline-item.right .timeline-content:before {
  background-color: #34a7ff;
}

.timeline-item-gallery .timeline-content {
  padding-bottom: 15px;
}

.timeline-content:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 37.5px;
  left: -5px;
  z-index: -1;
}

.timeline-content:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #f7f7f7;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 37.5px;
  left: -5px;
}

.timeline-header {
  display: block;
  line-height: 16px;
}

.timeline-autor {
  display: inline-block;
  font-weight: bold;
}

.timeline-title {
  margin: 0;
  display: inline;
  line-height: 16px;
  font-size: 15px;
  font-weight: 600;
}

.timeline-time {
  display: block;
  color: #ababab;
  line-height: 21px;
}

.timeline-summary {
  color: #8a8a8a;
  margin-top: 20px;
}

.timeline-summary p {
  margin-bottom: 0;
  line-height: 16px;
}

.timeline-summary-cups {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.timeline-summary-cups .timeline-cup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  padding: 0 10px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.timeline-summary-cups img {
  vertical-align: middle;
  max-width: 48px;
  max-height: 48px;
}

.timeline-gallery {
  margin-top: 20px;
}

.timeline-gallery .gallery-thumbnail {
  display: inline-block;
  max-width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.timeline-item-detailed.timeline-item.left .timeline-content,
.timeline-item-detailed.timeline-item.right .timeline-content {
  background-color: #f7f7f7;
}

.timeline-item-detailed.timeline-item.left .timeline-content:before,
.timeline-item-detailed.timeline-item.right .timeline-content:before {
  background-color: #f7f7f7;
}

.timeline-item-detailed.timeline-item.left .timeline-content .timeline-time,
.timeline-item-detailed.timeline-item.right .timeline-content .timeline-time,
.timeline-item-detailed.timeline-item.left .timeline-content .timeline-title,
.timeline-item-detailed.timeline-item.right .timeline-content .timeline-title {
  color: #4a4a4a;
}

.timeline-item-detailed.timeline-item.left .timeline-content a,
.timeline-item-detailed.timeline-item.right .timeline-content a,
.timeline-item-detailed.timeline-item.left .timeline-content a:hover,
.timeline-item-detailed.timeline-item.right .timeline-content a:hover {
  color: #5da400;
}

.timeline-item-detailed .timeline-time {
  line-height: 21px;
}

.timeline-item-detailed .timeline-header {
  line-height: 21px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.timeline-item-detailed .timeline-avatar {
  vertical-align: top;
}

.timeline-date {
  position: relative;
  width: 100%;
  text-align: center;
  list-style: none;
  margin: 30px 0 15px;
  padding: 11px 0 12px;
}

.timeline-date:first-child {
  margin-top: 0;
  padding-bottom: 5px;
}

.timeline-date:first-child:after {
  position: absolute;
  content: '';
  display: block;
  background: #dbdbdb;
  bottom: -14px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
}

.timeline-date span {
  display: inline-block;
  padding: 3px;
  background-color: #ffffff;
  padding: 9px;
  font-size: 18px;
}

.timeline-icon {
  position: absolute;
  color: #ffffff;
  top: 20px;
  left: -67px;
  width: 44px;
  height: 44px;
  border: 2px solid #ffffff;
  text-align: center;
  background-color: #ededed;
  border-radius: 50%;
}

.timeline-icon > .icon {
  line-height: 40px;
  vertical-align: middle;
  font-size: 22px;
}

.timeline-item.left .timeline-icon {
  background-color: #ff6565;
  border-color: #ff6565;
}

.timeline-item.right .timeline-icon {
  background-color: #34a7ff;
  border-color: #34a7ff;
}

.player-comparison-girlfriends-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player-comparison-girlfriends-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.player-comparison-girlfriends-item {
  position: relative;
}

.player-comparison-girlfriends-item img {
  max-width: 100%;
  max-height: 100%;
}

.player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  opacity: 0;
}

.player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay .player-comparison-girlfriend-name {
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 20px;
}

.player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay .player-comparison-girlfriend-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay .player-comparison-girlfriend-actions a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
  padding: 5px;
  margin: 0 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay .player-comparison-girlfriend-actions a:hover {
  background-color: rgba(255, 255, 255, 0.35);
}

.player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay .player-comparison-girlfriend-actions a svg {
  fill: #ffffff;
  width: 24px;
  height: 24px;
}

.player-comparison-girlfriends-column--left .player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay {
  background-color: rgba(255, 101, 101, 0.65);
}

.player-comparison-girlfriends-column--right .player-comparison-girlfriends-item .player-comparison-girlfriends-item-overlay {
  background-color: rgba(52, 167, 255, 0.65);
}

.player-comparison-girlfriends-item:hover .player-comparison-girlfriends-item-overlay {
  opacity: 1;
}

.player-comparison-vs-summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.player-comparison-summary {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2f2f2;
  font-size: 12px;
  color: #a8a8a8;
}

.player-comparison-summary:first-child {
  margin-right: 1px;
}

.player-comparison-summary:last-child {
  margin-left: 1px;
}

.player-comparison-summary .divider {
  margin: 0 8px;
}

.player-comparison-summary .divider:after {
  content: '/';
}

.player-comparison-selector {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 10px;
  background: url("../bundles/app/markup/img//bg-green-field.png") repeat;
}

.player-comparison-selector-label {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  font-size: 11px;
  line-height: 19px;
  background: #f8f8f8;
  padding: 0 8px;
  color: #666666;
}

.player-comparison-selector-label:after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 2px solid transparent;
  border-right: 8px solid transparent;
  border-top: 20px solid #f8f8f8;
}

.player-comparison-selector-player {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.player-comparison-selector-player:last-child > a {
  text-align: right;
  padding-right: 10px;
  padding-left: 24px;
}

.player-comparison-selector-player:last-child > a:after {
  right: auto;
  left: 5px;
}

.player-comparison-selector-player > a {
  position: relative;
  display: block;
  padding: 8px 24px 8px 10px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 12px;
  font-weight: 600;
}

.player-comparison-selector-player > a:after {
  position: absolute;
  top: 10px;
  right: 6px;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMC4yNTYgOC42MDZjMC0wLjI2OSAwLjEwNi0wLjU0NCAwLjMxMy0wLjc1IDAuNDEyLTAuNDEyIDEuMDg3LTAuNDEyIDEuNSAwbDE0LjExOSAxNC4xMTkgMTMuOTEzLTEzLjkxMmMwLjQxMy0wLjQxMiAxLjA4Ny0wLjQxMiAxLjUgMHMwLjQxMyAxLjA4OCAwIDEuNWwtMTQuNjYzIDE0LjY2OWMtMC40MTMgMC40MTMtMS4wODggMC40MTMtMS41IDBsLTE0Ljg2OS0xNC44NjljLTAuMjEzLTAuMjEzLTAuMzEzLTAuNDgxLTAuMzEzLTAuNzU2eiI+PC9wYXRoPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
}

.player-comparison-selector-vs {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  color: white;
}

.player-comparison-selector-dropdown {
  left: auto;
  right: -9px;
  margin-top: 10px;
  padding-top: 0;
  border-radius: 3px;
  min-width: 234px;
}

.player-comparison-hero-player--right .player-comparison-selector-dropdown {
  right: auto;
  left: 0;
}

.player-comparison-selector-dropdown:after {
  position: absolute;
  right: 12px;
  top: -8px;
  content: "";
  display: inline-block;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -8px;
  z-index: 1001;
}

.player-comparison-hero-player--right .player-comparison-selector-dropdown:after {
  right: auto;
  left: 12px;
}

.player-comparison-selector-dropdown li {
  padding: 2px 13px;
  line-height: 23px;
  cursor: pointer;
}

.player-comparison-selector-dropdown li:hover {
  background-color: #5da400;
  color: white;
}

.player-comparison-selector-dropdown li img {
  position: relative;
  top: 4px;
  float: right;
  max-width: 16px;
  max-height: 16px;
}

.player-comparison-selector-dropdown .menu-title {
  font-size: 12px;
  text-align: center;
  padding: 8px 0;
  border-bottom: 1px solid #ededed;
  cursor: default;
}

.player-comparison-selector-dropdown .menu-title:hover {
  background-color: transparent;
  color: #4a4a4a;
}

ul.table-of-content {
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

ul.table-of-content li {
  display: block;
  border-bottom: 1px solid #eaeaea;
  padding: 0;
  margin: 0;
}

ul.table-of-content li:before {
  display: none;
}

ul.table-of-content li:last-child {
  border-bottom-width: 0;
}

ul.table-of-content li a {
  position: relative;
  display: block;
  padding: 12px 0 12px 47px;
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  color: #5da400;
}

.main-article .article-content ul.table-of-content li a {
  color: #5da400;
  text-decoration: none;
}

.main-article .article-content ul.table-of-content li a:hover {
  text-decoration: underline;
}

ul.table-of-content li a:hover {
  text-decoration: underline;
}

ul.table-of-content li span {
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 0;
  width: 38px;
  height: -webkit-calc(100% - 13px);
  height: calc(100% - 13px);
  border-right: 1px solid #eaeaea;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
  margin-right: 12px;
}

.review-stars {
  position: relative;
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxOTIgMjkiPiAgICA8ZyBmaWxsPSIjQ0NDIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgPHBhdGggZD0iTTE3NiAyNGwtOS40MDUgNC45NDQgMS43OTctMTAuNDcyLTcuNjA5LTcuNDE2IDEwLjUxNS0xLjUyOEwxNzYgMGw0LjcwMiA5LjUyOCAxMC41MTUgMS41MjgtNy42MDkgNy40MTYgMS43OTcgMTAuNDcyek0xMzYgMjRsLTkuNDA1IDQuOTQ0IDEuNzk3LTEwLjQ3Mi03LjYwOS03LjQxNiAxMC41MTUtMS41MjhMMTM2IDBsNC43MDIgOS41MjggMTAuNTE1IDEuNTI4LTcuNjA5IDcuNDE2IDEuNzk3IDEwLjQ3MnpNOTYgMjRsLTkuNDA1IDQuOTQ0IDEuNzk3LTEwLjQ3Mi03LjYwOS03LjQxNiAxMC41MTUtMS41MjhMOTYgMGw0LjcwMiA5LjUyOCAxMC41MTUgMS41MjgtNy42MDkgNy40MTYgMS43OTcgMTAuNDcyek01NiAyNGwtOS40MDUgNC45NDQgMS43OTctMTAuNDcyLTcuNjA5LTcuNDE2IDEwLjUxNS0xLjUyOEw1NiAwbDQuNzAyIDkuNTI4IDEwLjUxNSAxLjUyOC03LjYwOSA3LjQxNiAxLjc5NyAxMC40NzJ6TTE2IDI0bC05LjQwNSA0Ljk0NCAxLjc5Ny0xMC40NzItNy42MDktNy40MTYgMTAuNTE1LTEuNTI4TDE2IDBsNC43MDIgOS41MjggMTAuNTE1IDEuNTI4LTcuNjA5IDcuNDE2IDEuNzk3IDEwLjQ3MnoiLz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 192px 29px;
  width: 192px;
  height: 29px;
}

.review-stars:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxOTIgMjkiPiAgICA8ZyBmaWxsPSIjRkZEODAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgPHBhdGggZD0iTTE3NiAyNGwtOS40MDUgNC45NDQgMS43OTctMTAuNDcyLTcuNjA5LTcuNDE2IDEwLjUxNS0xLjUyOEwxNzYgMGw0LjcwMiA5LjUyOCAxMC41MTUgMS41MjgtNy42MDkgNy40MTYgMS43OTcgMTAuNDcyek0xMzYgMjRsLTkuNDA1IDQuOTQ0IDEuNzk3LTEwLjQ3Mi03LjYwOS03LjQxNiAxMC41MTUtMS41MjhMMTM2IDBsNC43MDIgOS41MjggMTAuNTE1IDEuNTI4LTcuNjA5IDcuNDE2IDEuNzk3IDEwLjQ3MnpNOTYgMjRsLTkuNDA1IDQuOTQ0IDEuNzk3LTEwLjQ3Mi03LjYwOS03LjQxNiAxMC41MTUtMS41MjhMOTYgMGw0LjcwMiA5LjUyOCAxMC41MTUgMS41MjgtNy42MDkgNy40MTYgMS43OTcgMTAuNDcyek01NiAyNGwtOS40MDUgNC45NDQgMS43OTctMTAuNDcyLTcuNjA5LTcuNDE2IDEwLjUxNS0xLjUyOEw1NiAwbDQuNzAyIDkuNTI4IDEwLjUxNSAxLjUyOC03LjYwOSA3LjQxNiAxLjc5NyAxMC40NzJ6TTE2IDI0bC05LjQwNSA0Ljk0NCAxLjc5Ny0xMC40NzItNy42MDktNy40MTYgMTAuNTE1LTEuNTI4TDE2IDBsNC43MDIgOS41MjggMTAuNTE1IDEuNTI4LTcuNjA5IDcuNDE2IDEuNzk3IDEwLjQ3MnoiLz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 192px 29px;
}

.review-stars--5-half:after {
  width: 176px;
}

.review-stars--5:after {
  width: 100%;
}

.review-stars--4-half:after {
  width: 136px;
}

.review-stars--4:after {
  width: 150px;
}

.review-stars--3-half:after {
  width: 96px;
}

.review-stars--3:after {
  width: 110px;
}

.review-stars--2-half:after {
  width: 56px;
}

.review-stars--2:after {
  width: 70px;
}

.review-stars--1:after {
  width: 32px;
}

.review-stars--1-half:after {
  width: 16px;
}

.review-stars--small {
  background-size: 53px 8px;
  width: 53px;
  height: 8px;
}

.review-stars--small:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxOTIgMjkiPiAgICA8ZyBmaWxsPSIjMTY3NzczIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgPHBhdGggZD0iTTE3NiAyNGwtOS40MDUgNC45NDQgMS43OTctMTAuNDcyLTcuNjA5LTcuNDE2IDEwLjUxNS0xLjUyOEwxNzYgMGw0LjcwMiA5LjUyOCAxMC41MTUgMS41MjgtNy42MDkgNy40MTYgMS43OTcgMTAuNDcyek0xMzYgMjRsLTkuNDA1IDQuOTQ0IDEuNzk3LTEwLjQ3Mi03LjYwOS03LjQxNiAxMC41MTUtMS41MjhMMTM2IDBsNC43MDIgOS41MjggMTAuNTE1IDEuNTI4LTcuNjA5IDcuNDE2IDEuNzk3IDEwLjQ3MnpNOTYgMjRsLTkuNDA1IDQuOTQ0IDEuNzk3LTEwLjQ3Mi03LjYwOS03LjQxNiAxMC41MTUtMS41MjhMOTYgMGw0LjcwMiA5LjUyOCAxMC41MTUgMS41MjgtNy42MDkgNy40MTYgMS43OTcgMTAuNDcyek01NiAyNGwtOS40MDUgNC45NDQgMS43OTctMTAuNDcyLTcuNjA5LTcuNDE2IDEwLjUxNS0xLjUyOEw1NiAwbDQuNzAyIDkuNTI4IDEwLjUxNSAxLjUyOC03LjYwOSA3LjQxNiAxLjc5NyAxMC40NzJ6TTE2IDI0bC05LjQwNSA0Ljk0NCAxLjc5Ny0xMC40NzItNy42MDktNy40MTYgMTAuNTE1LTEuNTI4TDE2IDBsNC43MDIgOS41MjggMTAuNTE1IDEuNTI4LTcuNjA5IDcuNDE2IDEuNzk3IDEwLjQ3MnoiLz4gICAgPC9nPjwvc3ZnPg==);
  background-size: 53px 8px;
  width: 53px;
  height: 8px;
}

.review-stars--small.review-stars--5:after {
  width: 100%;
}

.review-stars--small.review-stars--5-half:after {
  width: 49px;
}

.review-stars--small.review-stars--4:after {
  width: 43px;
}

.review-stars--small.review-stars--4-half:after {
  width: 38px;
}

.review-stars--small.review-stars--3:after {
  width: 31px;
}

.review-stars--small.review-stars--3-half:after {
  width: 27px;
}

.review-stars--small.review-stars--2:after {
  width: 20px;
}

.review-stars--small.review-stars--2-half:after {
  width: 16px;
}

.review-stars--small.review-stars--1:after {
  width: 10px;
}

.review-stars--small.review-stars--1-half:after {
  width: 5px;
}

.emoji {
  font-weight: 400;
  font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;
}

.ls-payment-methods-list {
  display: block;
  padding: 16px 0 20px;
}

.list-icon .ls-payment-methods-list {
  padding-bottom: 0;
}

.ls-payment-icon {
  display: inline-block;
  background: url("../bundles/app/markup/img//sprite-payments.png") transparent no-repeat;
  width: 40px;
  height: 23px;
  text-indent: -3939em;
  margin: 0 5px 5px 0;
}

.ls-payment-icon--empty {
  background-position: 0px 20px;
}

.ls-payment-icon--visa_electron {
  background-position: -4px -5px;
}

.ls-payment-icon--webmoney {
  background-position: -54px -5px;
}

.ls-payment-icon--visa {
  background-position: -104px -5px;
}

.ls-payment-icon--usemywallet {
  background-position: -154px -5px;
}

.ls-payment-icon--ukash {
  background-position: -204px -5px;
}

.ls-payment-icon--speedcard {
  background-position: -254px -5px;
}

.ls-payment-icon--sofort {
  background-position: -4px -36px;
}

.ls-payment-icon--paypal {
  background-position: -154px -36px;
}

.ls-payment-icon--neteller {
  background-position: -254px -36px;
}

.ls-payment-icon--mypaylinq {
  background-position: -4px -67px;
}

.ls-payment-icon--mycitadel {
  background-position: -54px -67px;
}

.ls-payment-icon--check {
  background-position: -154px -67px;
}

.ls-payment-icon--moneybookers {
  background-position: -204px -67px;
}

.ls-payment-icon--mastercard {
  background-position: -254px -67px;
}

.ls-payment-icon--maestro {
  background-position: -4px -98px;
}

.ls-payment-icon--kalixa {
  background-position: -54px -98px;
}

.ls-payment-icon--ipoint {
  background-position: -104px -98px;
}

.ls-payment-icon--goldpay {
  background-position: -154px -98px;
}

.ls-payment-icon--giropay {
  background-position: -204px -98px;
}

.ls-payment-icon--ezvouchers {
  background-position: -254px -98px;
}

.ls-payment-icon--ewalletxpress {
  background-position: -4px -129px;
}

.ls-payment-icon--ecocard {
  background-position: -54px -129px;
}

.ls-payment-icon--directebanking {
  background-position: -104px -129px;
}

.ls-payment-icon--dinersclub {
  background-position: -154px -129px;
}

.ls-payment-icon--click2pay {
  background-position: -4px -160px;
}

.ls-payment-icon--moneyorder {
  background-position: -54px -160px;
}

.ls-payment-icon--cb {
  background-position: -104px -160px;
}

.ls-payment-icon--b2b {
  background-position: -204px -160px;
}

.ls-payment-icon--american_express {
  background-position: -254px -160px;
}

.ls-payment-icon--americanexpress {
  background-position: -254px -160px;
}

.ls-payment-icon--neosurf {
  background-position: -4px -191px;
}

.ls-payment-icon--wiretransfer {
  background-position: -254px -346px;
}

.ls-payment-icon--clickandbuy {
  background-position: -104px -191px;
}

.ls-payment-icon--paysafecard {
  background-position: -154px -191px;
}

.ls-payment-icon--ticketpremium {
  background-position: -254px -191px;
}

.ls-payment-icon--hipay {
  background-position: -4px -222px;
}

.ls-payment-icon--entropay {
  background-position: -54px -222px;
}

.ls-payment-icon--amazon_payment {
  background-position: -104px -222px;
}

.ls-payment-icon--skrill {
  background-position: -154px -222px;
}

.ls-payment-icon--quicktender {
  background-position: -204px -222px;
}

.ls-payment-icon--ezipay {
  background-position: -254px -222px;
}

.ls-payment-icon--moneygram {
  background-position: -4px -253px;
}

.ls-payment-icon--poli {
  background-position: -54px -253px;
}

.ls-payment-icon--bpay {
  background-position: -104px -253px;
}

.ls-payment-icon--intercash {
  background-position: -204px -253px;
}

.ls-payment-icon--mistercash {
  background-position: -254px -253px;
}

.ls-payment-icon--fasterpay {
  background-position: -4px -284px;
}

.ls-payment-icon--enets {
  background-position: -54px -284px;
}

.ls-payment-icon--interac {
  background-position: -104px -284px;
}

.ls-payment-icon--echecks {
  background-position: -154px -284px;
}

.ls-payment-icon--echeck {
  background-position: -154px -284px;
}

.ls-payment-icon--boleto {
  background-position: -204px -284px;
}

.ls-payment-icon--pokerstarspay {
  background-position: -254px -284px;
}

.ls-payment-icon--multibanco {
  background-position: -4px -315px;
}

.ls-payment-icon--epay {
  background-position: -54px -315px;
}

.ls-payment-icon--toditocash {
  background-position: -104px -315px;
}

.ls-payment-icon--obopay {
  background-position: -154px -315px;
}

.ls-payment-icon--google_checkout {
  background-position: -204px -315px;
}

.ls-payment-icon--pppay {
  background-position: -254px -315px;
}

.ls-payment-icon--qiwi-visa {
  background-position: -54px -346px;
}

.ls-payment-icon--debit-card {
  background-position: -104px -346px;
}

.ls-payment-icon--debit {
  background-position: -104px -346px;
}

.ls-payment-icon--debitcards {
  background-position: -104px -346px;
}

.ls-payment-icon--dankort {
  background-position: -154px -346px;
}

.ls-payment-icon--online-bank-transfer {
  background-position: -204px -346px;
}

.ls-payment-icon--banktransfer {
  background-position: -54px -191px;
}

.ls-payment-icon--elv {
  background-position: -4px -377px;
}

.ls-payment-icon--moneta {
  background-position: -104px -377px;
}

.ls-payment-icon--instadebit {
  background-position: -154px -377px;
}

.ls-payment-icon--astropay {
  background-position: -204px -377px;
}

.ls-payment-icon--barcode-santander {
  background-position: -254px -377px;
}

.ls-payment-icon--teleingreso {
  background-position: -4px -408px;
}

.ls-payment-icon--abaqoos {
  background-position: -104px -408px;
}

.ls-payment-icon--robokassa {
  background-position: -154px -408px;
}

.ls-payment-icon--sporopay {
  background-position: -204px -408px;
}

.ls-payment-icon--laser {
  background-position: -254px -408px;
}

.ls-payment-icon--xoom {
  background-position: -4px -439px;
}

.ls-payment-icon--bankaxess {
  background-position: -54px -439px;
}

.ls-payment-icon--postepay {
  background-position: -104px -439px;
}

.ls-payment-icon--discover {
  background-position: -154px -439px;
}

.ls-payment-icon--freebet {
  background-position: -204px -439px;
}

.ls-payment-icon--alipay {
  background-position: -254px -439px;
}

.ls-payment-icon--westerunion {
  background-position: -4px -470px;
}

.ls-payment-icon--westernunion {
  background-position: -4px -470px;
}

.ls-payment-icon--union_pay {
  background-position: -54px -470px;
}

.ls-payment-icon--easycash {
  background-position: -104px -470px;
}

.ls-payment-icon--paymate {
  background-position: -154px -470px;
}

.ls-payment-icon--cashu {
  background-position: -204px -470px;
}

.ls-payment-icon--p2p {
  background-position: -254px -470px;
}

.ls-payment-icon--asia_pay {
  background-position: -4px -501px;
}

.ls-payment-icon--cirrus {
  background-position: -54px -501px;
}

.ls-payment-icon--citibank {
  background-position: -104px -501px;
}

.ls-payment-icon--unet {
  background-position: -204px -501px;
}

.ls-payment-icon--instant_banking {
  background-position: -4px -532px;
}

.ls-payment-icon--instantbanking {
  background-position: -4px -532px;
}

.ls-payment-icon--visa_debit {
  background-position: -54px -532px;
}

.ls-payment-icon--buyster {
  background-position: -104px -532px;
}

.ls-payment-icon--dineromail {
  background-position: -4px -625px;
}

.ls-payment-icon--eps {
  background-position: -254px -532px;
}

.ls-payment-icon--ideal {
  background-position: -154px -532px;
}

.ls-payment-icon--ikoruna {
  background-position: -104px -625px;
}

.ls-payment-icon--local-bank-transfer {
  background-position: -104px -129px;
}

.ls-payment-icon--moneyclic {
  background-position: -54px -625px;
}

.ls-payment-icon--ecartebleue {
  background-position: -204px -191px;
}

.ls-payment-icon--spei {
  background-position: -154px -625px;
}

.ls-payment-icon--servipag {
  background-position: -204px -625px;
}

.ls-payment-icon--tpay {
  background-position: -204px -532px;
}

.ls-payment-icon--bonificobancario {
  background-position: -254px -624px;
}

.ls-payment-icon--bitcoin {
  background-position: -4px -654px;
}

.ls-payment-icon--jcb {
  background-position: -54px -654px;
}

.ls-payment-icon--banamex {
  background-position: -104px -654px;
}

.ls-payment-icon--bancomer {
  background-position: -154px -654px;
}

.ls-payment-icon--mint {
  background-position: -204px -654px;
}

.ls-payment-icon--mobiamo {
  background-position: -254px -654px;
}

.ls-payment-icon--oxxo {
  background-position: -4px -687px;
}

.ls-payment-icon--red_compra {
  background-position: -54px -687px;
}

.ls-payment-icon--safetypay {
  background-position: -104px -687px;
}

.ls-payment-icon--efectivo {
  background-position: -154px -66px;
}

.ls-payment-icon--ecopayz {
  background-position: -204px -687px;
}

.ls-payment-icon--idebit {
  background-position: -154px -687px;
}

.ls-country-flag-list {
  display: block;
  padding: 16px 0 20px;
}

.list-icon .ls-country-flag-list {
  padding-bottom: 0;
}

.ls-country-flag-list span {
  display: inline-block;
  margin: 0 5px 5px 0;
}

.ls-country-flag-list svg {
  width: 22px;
  height: 22px;
}

.match-pronostics p {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.match-pronostics p a {
  color: #ffffff !important;
  font-weight: 600;
}

.match-pronostic-block {
  margin-bottom: 20px;
}

.match-pronostic-block:last-child {
  margin-bottom: 0;
}

.match-pronostic-block-header {
  background-color: #000000;
  font-size: 12px;
  line-height: 1.19;
  padding: 9px 10px;
  text-align: center;
}

.match-pronostic-block-header span {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffd800;
}

.match-pronostic-block-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.match-pronostic-block-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 16.6%;
  -ms-flex: 1 1 16.6%;
  flex: 1 1 16.6%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #000000;
  overflow: hidden;
}

.match-pronostic-block-column:first-child {
  border-bottom-left-radius: 4px;
}

.match-pronostic-block-column:last-child {
  border-width: 0;
  border-bottom-right-radius: 4px;
}

.match-pronostic-block-column--logo,
.match-pronostic-block-column--odds {
  background-color: #ffffff;
  color: #4a4a4a;
}

.match-pronostic-block-column--odds span,
.match-pronostic-block-column--bonus span {
  font-size: 14px;
  font-weight: bold;
  margin-left: 3px;
}

.match-pronostic-block-column--logo img {
  max-height: 40px;
}

.match-pronostic-block-column--bonus {
  background-color: #ffd800;
  color: #3e4e5a;
}

.match-pronostic-block-column--cta {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.match-pronostic-block-column--cta a {
  display: block;
  width: 100%;
  padding: 10px 10px;
  background-color: #5da400;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.35;
}

.match-pronostic-block-column--cta a:hover {
  color: #ffffff;
  background-color: #63ae00;
}

.match-pronostic-block-column--cta a:active {
  background-color: #579a00;
}

.panel-inverse .match-pronostic-block-column--cta a {
  color: #ffffff;
}

.panel-inverse .match-pronostic-block-column--cta a:hover {
  color: #ffffff;
}

.match-score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 15px;
}

.match-score-team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  line-height: 0.79;
}

.panel-inverse .match-score-team {
  color: #ffffff;
}

.panel-inverse .match-score-team.match-score-team--preferred {
  color: #ffd800;
  font-weight: bold;
}

.match-score-team:first-child .match-score-team-name {
  text-align: right;
  padding-right: 12px;
  padding-left: 0;
}

.match-score-team-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 12px;
}

.match-score-value {
  padding: 0 5px;
  font-size: 26px;
}

.match-score-divider {
  font-size: 18px;
  padding: 0 2px;
}

/*Base Tables*/

.popover.popover-trend,
.popover.popover-tips {
  border-top: 0;
  min-width: 260px;
  border-radius: 2px;
}

.popover.popover-trend > .arrow:after,
.popover.popover-tips > .arrow:after {
  border-bottom-color: #f5f5f5;
}

.popover.popover-trend > .popover-title,
.popover.popover-tips > .popover-title {
  border-radius: 2px 2px 0 0;
  background: #f5f5f5;
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 20px;
  font-weight: 600;
  font-size: 14px;
}

.popover.popover-trend .popover-content {
  padding: 15px 20px 20px;
}

.popover.popover-trend .popover-content table {
  margin: 0;
  width: 100%;
}

.popover.popover-trend .popover-content table tr td {
  vertical-align: middle;
  padding: 10px;
}

.popover.popover-trend .popover-content table tr td .indicator {
  display: inline-block;
  padding: 0 5px;
  background-color: #cccccc;
  vertical-align: bottom;
  color: #ffffff;
  margin-right: 7px;
  line-height: 23px;
  font-weight: 600;
  font-size: 13px;
  min-width: 23px;
  text-align: center;
}

.popover.popover-trend .popover-content table tr td .indicator.home {
  background-color: #6790ce;
}

.popover.popover-trend .popover-content table tr td .indicator.away {
  background-color: #2356a3;
}

.popover.popover-trend .popover-content table tr td .progress {
  margin: 0;
}

.popover.popover-trend .popover-content table tr.values td {
  line-height: 23px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.popover.popover-tips {
  min-width: 420px;
}

.popover.popover-tips .popover-content {
  padding: 0;
}

.popover.popover-tips .popover-content .tips-list {
  padding: 20px;
  overflow: auto;
  max-height: 400px;
}

.popover.popover-tips .popover-content .tips-list::-webkit-scrollbar {
  width: 3px;
}

.popover.popover-tips .popover-content .tips-list::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.popover.popover-tips .popover-content .tips-list::-webkit-scrollbar-thumb {
  background: #5da400;
  border-radius: 2px;
}

.popover.popover-score {
  min-width: 490px;
  border-radius: 2px;
}

.popover.popover-score .popover-content {
  padding: 0;
}

.popover.popover-score .popover-content .table {
  margin: 0;
}

.popover.popover-score .popover-content .table tr td {
  line-height: 17px;
}

.popover.popover-score .popover-content .table tr td.team {
  padding: 3px 7px;
  width: 45%;
}

.popover.popover-score .popover-content .table tr td.score {
  width: 50px;
  white-space: nowrap;
}

.popover.popover-score .popover-content .table tr:first-child td {
  border-top: none;
}

.popover.popover-standings {
  min-width: 395px;
  border-radius: 2px;
}

.popover.popover-standings .popover-content .table {
  margin: 0;
  border: 0;
}

.popover.popover-standings .popover-content .table tr td.date {
  font-weight: 600;
}

.popover.popover-standings .popover-content .table tr td.team {
  width: 45%;
}

.popover.popover-standings .popover-content .table tr td.score {
  min-width: 50px;
  background-color: transparent;
}

.popover.popover-standings .popover-content .table tr:hover td {
  background-color: transparent;
}

.odds-selector {
  background: #f8f8f8;
  border: 1px solid #efefef;
  overflow: hidden;
  display: table;
  width: 100%;
  margin-bottom: 18px;
}

.odds-selector .content {
  display: table-cell;
  padding: 12px;
  padding-left: 24px;
  padding-right: 0;
}

.odds-selector .content img {
  margin: 0 15px 0 10px;
}

.odds-selector .content p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}

.odds-selector .button {
  padding: 12px;
  display: table-cell;
  text-align: left;
  width: 80%;
}

.odds-selector .button .btn-group .btn.bet-name {
  background-color: #fafafa;
  min-width: 117px;
  text-align: left;
}

.odds-selector .button .btn-group .btn.bet-name span {
  float: right;
  line-height: 15px;
}

.odds-selector .button .btn-group .btn.bet-preview {
  padding: 7px 11px 6px;
  background-color: #e7e7e7;
}

.odds-selector .button .btn-group .btn.bet-preview img {
  max-height: 21px;
}

/*Match Summary */

.match-timeline {
  position: relative;
  background-color: #424749;
}

.match-timeline .team-logos {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  z-index: 4;
}

.match-timeline .team-logos .team {
  min-width: 80px;
  position: absolute;
}

.match-timeline .team-logos .team img {
  vertical-align: top;
  display: inline-block;
  max-width: 38px;
  max-height: 38px;
  margin-right: 5px;
}

.match-timeline .team-logos .team .name {
  display: inline-block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
  line-height: 38px;
}

.match-timeline .team-logos .team.home {
  top: 10%;
}

.match-timeline .team-logos .team.away {
  bottom: 10%;
}

.match-timeline .controls > a {
  z-index: 6;
  position: absolute;
  height: 100%;
  width: 40px;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  outline: none;
}

.match-timeline .controls > a > span {
  font-size: 21px;
  color: #ffffff;
  position: absolute;
  width: 100%;
  height: 21px;
  display: block;
  top: 50%;
  margin-top: -10.5px;
  text-align: center;
}

.match-timeline .controls > a.next {
  left: auto;
  right: 0;
}

.match-timeline .controls > a:hover {
  background: rgba(0, 0, 0, 0.7);
}

.match-timeline .timeline-container {
  overflow: hidden;
}

.match-timeline .timeline-scroll {
  position: relative;
  height: 145px;
  background: url("../bundles/app/markup/img//timeline/timeline-gray-bg.jpg") repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}

.match-timeline .timeline-scroll .timeline-elements {
  white-space: nowrap;
  font-size: 0;
  position: relative;
  top: 50%;
  margin-top: -15px;
}

.match-timeline .timeline-scroll .timeline {
  position: relative;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-width: 1px 0;
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
}

.match-timeline .timeline-scroll .timeline .time-lapse {
  background: url("../bundles/app/markup/img//timeline/timeline-guide.png") repeat-x 12px 0;
  color: #ffffff;
  font-family: Tahoma;
  font-size: 11px;
  display: inline-block;
  width: 26px;
  text-align: center;
  line-height: 29px;
}

.match-timeline .timeline-scroll .timeline .time-lapse:first-child {
  background-repeat: no-repeat;
  margin-left: 39px;
}

.match-timeline .timeline-scroll .timeline .time-lapse.end {
  margin-right: 10px;
  padding-left: 7px;
  text-align: left;
  width: 41px;
}

.match-timeline .timeline-scroll .penalty-goals {
  position: relative;
  display: inline-block;
  line-height: 29px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-width: 1px 0;
  padding-right: 40px;
  z-index: 3;
}

.match-timeline .timeline-scroll .penalty-goals .home {
  position: relative;
  top: -35px;
  display: inline-block;
  /* needed for IE */
}

.match-timeline .timeline-scroll .penalty-goals .away {
  position: absolute;
  left: 0;
  bottom: -35px;
}

.match-timeline .timeline-scroll .penalty-goals .penalty-serie {
  display: inline-block;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

.match-timeline .timeline-scroll .penalty-goals .penalty-serie span {
  cursor: pointer;
  display: inline-block;
  vertical-align: sub;
}

.match-timeline .timeline-scroll .penalty-goals .penalty-serie span.win {
  background: #87B762;
}

.match-timeline .timeline-scroll .penalty-goals .penalty-serie span.lose {
  background: #E6523E;
}

.match-timeline .timeline-scroll .penalty-goals .penalty-serie span.shootout-blank {
  background-image: none;
  cursor: default;
}

.match-timeline .timeline-scroll .penalty-goals .penalty-serie span.shootout-blank:after {
  border-radius: 50%;
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
}

.match-timeline .timeline-scroll .match-live-progress {
  background: url("../bundles/app/markup/img//timeline/timeline-bg.jpg") repeat 0 0;
  z-index: 1;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.match-timeline .timeline-scroll .match-time-zones {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.match-timeline .timeline-scroll .match-time-zones .time-zone {
  display: table;
  position: absolute;
  height: 100%;
}

.match-timeline .timeline-scroll .match-time-zones .time-zone .time {
  display: table-cell;
  background: rgba(192, 0, 0, 0.4);
}

.match-timeline .timeline-scroll .match-time-zones .time-zone .label {
  font-family: Tahoma;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 5px;
  vertical-align: bottom;
  display: table-cell;
  color: #cccccc;
  background: rgba(0, 0, 0, 0.3);
  width: 41px;
  text-align: center;
}

.match-timeline .timeline-scroll .match-time-zones .time-zone.final-score .label {
  width: 52px;
}

.match-timeline .timeline-scroll .team-actions {
  z-index: 4;
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}

.match-timeline .timeline-scroll .team-actions .replay {
  border-radius: 50%;
  background-color: #454a4c;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  padding: 2px;
}

.match-timeline .timeline-scroll .team-actions .replay span {
  font-size: 16px;
  color: #ffffff;
}

.match-timeline .timeline-scroll .team-actions .replay:hover {
  background-color: #5da400;
}

.match-timeline .timeline-scroll .team-actions .action {
  cursor: pointer;
  bottom: 16.5px;
  position: absolute;
  text-align: center;
  display: inline-block;
  background: rgba(69, 75, 77, 0.7);
  padding: 1px 1px;
  min-width: 23px;
  border-radius: 2px;
}

.match-timeline .timeline-scroll .team-actions .action span {
  display: block;
  margin-bottom: -3px;
  margin-left: auto;
  margin-right: auto;
}

.match-timeline .timeline-scroll .team-actions .action:after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -5px;
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid rgba(69, 75, 77, 0.7);
}

.match-timeline .timeline-scroll .team-actions .action.away-team {
  bottom: auto;
  top: 16.5px;
}

.match-timeline .timeline-scroll .team-actions .action.away-team:after {
  top: -4px;
  bottom: auto;
  border-bottom: 4px solid rgba(69, 75, 77, 0.7);
  border-top-width: 0;
}

.match-timeline .timeline-scroll .team-actions .action:hover {
  background-color: #454b4d;
  z-index: 400;
}

.match-timeline .timeline-scroll .team-actions .action:hover:after {
  border-top-color: #454b4d;
}

.match-timeline .timeline-scroll .team-actions .action:hover.away-team:after {
  border-bottom-color: #454b4d;
}

.match-report table thead tr th span.icon {
  vertical-align: middle;
  font-size: 16px;
  color: #8d8d8d;
  line-height: 12px;
  position: relative;
  top: -2px;
}

.match-report table thead tr th.team {
  width: 40%;
}

.match-report table thead tr th.middle {
  width: 10%;
}

.match-report table tbody tr th {
  border-top: 0;
  font-weight: 600;
  font-size: 12px;
}

.match-report table tbody tr td.extra-info {
  width: 1%;
}

.match-report table tbody tr td.extra-info a.replay {
  float: left;
  color: #5da400;
  font-size: 17px;
}

.match-report table tbody tr td.minute {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  background-color: #fafafa;
}

.match-report table tbody tr td.player.home {
  text-align: right;
}

.match-report table tbody tr td.player > a {
  color: #4a4a4a;
}

.match-report table tbody tr td.player > a:hover {
  color: #7bc6e0;
}

.match-report table tbody tr td.incident-icon {
  width: 1%;
  text-align: center;
}

.match-report table tbody tr:hover td.minute {
  background-color: #e6e6e6;
}

.match-teams-lineups .component-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.match-teams-lineups .component-container .team {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  vertical-align: top;
  width: 20%;
}

.match-teams-lineups .component-container .team .table {
  margin-bottom: 0;
}

.match-teams-lineups .component-container .team .table thead tr th.team-logo {
  background: #ffffff;
  text-align: center;
}

.match-teams-lineups .component-container .team .table thead tr th.team-logo img {
  margin-top: 7px;
  max-height: 45px;
  max-width: 45px;
}

.match-teams-lineups .component-container .team .table thead tr th.team-logo span.positions {
  margin-top: 5px;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.match-teams-lineups .component-container .team .table tbody tr th {
  border-top: 0;
  text-transform: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
}

.match-teams-lineups .component-container .team .table tbody tr td {
  line-height: 18px;
}

.match-teams-lineups .component-container .team .table tbody tr td.number {
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  vertical-align: top !important;
}

.match-teams-lineups .component-container .team .table tbody tr td.player {
  padding-left: 1px;
  padding-right: 1px;
}

.match-teams-lineups .component-container .team .table tbody tr td.player span.sprite-icons {
  float: right;
  margin-right: 3px;
}

.match-teams-lineups .component-container .team + .team table thead tr th.team-logo {
  border-left: 2px solid #ededed;
}

.match-teams-lineups .component-container .team + .team table tbody tr th {
  border-left: 2px solid #ededed;
}

.match-teams-lineups .component-container .team + .team table tbody tr td:nth-child(1) {
  border-left: 2px solid #ededed;
}

.match-teams-lineups .component-container .field {
  background: url("../bundles/app/markup/img//field/field-bg.png") repeat 0 -7px;
  display: table-cell;
  vertical-align: top;
  padding: 17px 16px;
  position: relative;
}

.match-teams-lineups .component-container .field .field-lines {
  background: url("../bundles/app/markup/img//field/field-lines.png") no-repeat;
  width: 337px;
  height: 506px;
  position: relative;
}

.match-teams-lineups .component-container .field .field-lines .field-part {
  height: 254px;
}

.match-teams-lineups .component-container .field .field-lines .field-part:not(:first-child) {
  margin-top: 10px;
}

.match-teams-lineups .component-container .field .field-lines .field-part .field-row {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.match-teams-lineups .component-container .field .field-lines .field-part .field-row.lines-3 {
  height: 33.3%;
}

.match-teams-lineups .component-container .field .field-lines .field-part .field-row.lines-4 {
  height: 25%;
}

.match-teams-lineups .component-container .field .field-lines .field-part .field-row.lines-5 {
  height: 20%;
}

.match-teams-lineups .component-container .field .field-lines .field-part .field-row.lines-6 {
  height: 16.6%;
}

.match-teams-lineups .component-container .field .field-lines .field-part .field-row.lines-6 .player .icons {
  margin-bottom: -13px;
}

.match-teams-lineups .component-container .field .field-lines .player {
  position: relative;
  display: table-cell;
  border-left: 0;
  text-align: center;
  min-width: 35px;
  cursor: pointer;
  border-collapse: collapse;
  outline: none;
}

.match-teams-lineups .component-container .field .field-lines .player .number {
  color: #1a1a1a;
  font-size: 10px;
  font-weight: 600;
  line-height: 25.72px;
  display: block;
  width: 100%;
  height: 19.84px;
  text-align: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.match-teams-lineups .component-container .field .field-lines .player .number .icon {
  font-size: 32px;
  color: #fff;
}

.match-teams-lineups .component-container .field .field-lines .player .number .shirt-number {
  position: absolute;
  left: 0;
  right: 0;
  color: #000;
}

.match-teams-lineups .component-container .field .field-lines .player .name {
  display: block;
  color: #ffffff;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-teams-lineups .component-container .field .field-lines .player .icons {
  text-align: center;
  margin-top: -3px;
  line-height: 0;
}

.match-teams-lineups .component-container .field .field-lines .player .icons span {
  margin-bottom: 0;
  margin-right: 4px;
}

.match-teams-lineups .component-container .field .field-lines .player .icons span.sprite-icons.goal {
  background-position: -62px -28px;
  width: 16px;
}

.match-teams-lineups .component-container .field .field-lines .player:hover:after {
  color: #ffffff;
}

.match-teams-lineups .component-container .field .field-lines .player:hover .name {
  color: #e0e0e0;
}

.match-teams-lineups .component-container .field .field-lines .player:hover .number {
  opacity: .7;
}

.match-teams-lineups .component-container .field .field-lines .player.away:after {
  color: #252525;
}

.match-teams-lineups .component-container .field .field-lines .player.away .number .icon {
  color: #000;
}

.match-teams-lineups .component-container .field .field-lines .player.away .number .shirt-number {
  color: #ffffff;
}

.match-teams-lineups .component-container .field:before {
  position: absolute;
  content: "";
  left: 0;
  top: 120px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 13px solid #ffffff;
  -webkit-transform: scale(0.9999);
  -ms-transform: scale(0.9999);
  -o-transform: scale(0.9999);
  transform: scale(0.9999);
}

.match-teams-lineups .component-container .field:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 137px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 13px solid #ffffff;
  -webkit-transform: scale(0.9999);
  -ms-transform: scale(0.9999);
  -o-transform: scale(0.9999);
  transform: scale(0.9999);
}

.match-teams-lineups .popover {
  border-top: 0;
  min-width: 380px;
  border-radius: 2px;
}

.match-teams-lineups .popover .arrow:after {
  border-bottom-color: #f5f5f5;
}

.match-teams-lineups .popover .popover-content {
  padding: 0;
}

.match-teams-lineups .popover .popover-content > .title {
  border-radius: 2px 2px 0 0;
  background: #f5f5f5;
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 600;
}

.match-teams-lineups .popover .popover-content > .body {
  padding: 15px 20px 20px;
}

.match-teams-lineups .popover .popover-content .content-header.player {
  padding: 0;
}

.match-teams-lineups .popover .popover-content .content-header.player .avatar img {
  margin: 0;
  width: 80px;
  height: 80px;
  vertical-align: baseline;
  background: #f7f7f7;
}

.match-teams-lineups .popover .popover-content .content-header.player .info {
  float: left;
}

.match-teams-lineups .popover .popover-content .content-header.player .actions {
  margin-top: 5px;
}

.match-teams-lineups .popover .popover-content .content-header.player .actions .action {
  display: inline-block;
  margin-right: 7px;
}

.match-teams-lineups .popover .popover-content .content-header.player .actions .action .sprite-icons {
  margin-right: 3px;
}

.match-teams-lineups .popover .popover-content .table {
  margin: 12px 0px;
  border-top: 2px solid #fafafa;
}

.match-teams-lineups .popover .popover-content .table tr td.value {
  font-weight: 600;
}

.table.teams-lineups {
  margin-bottom: 0;
}

.table.teams-lineups thead tr th {
  border-right: 2px solid #ededed;
}

.table.teams-lineups thead tr th.team-logo {
  background: #ffffff;
  text-align: center;
}

.table.teams-lineups thead tr th.team-logo img {
  margin-top: 7px;
  max-height: 45px;
  max-width: 45px;
}

.table.teams-lineups thead tr th.team-logo span.positions {
  margin-top: 5px;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.table.teams-lineups thead tr th:last-child {
  border-right: 0;
}

.table.teams-lineups tbody tr th {
  border-top: 0;
  text-transform: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  border-right: 2px solid #ededed;
  width: 50%;
}

.table.teams-lineups tbody tr th:last-child {
  border-right: 0;
}

.table.teams-lineups tbody tr td {
  line-height: 18px;
}

.table.teams-lineups tbody tr td.number {
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  vertical-align: top !important;
  width: 6%;
}

.table.teams-lineups tbody tr td.player span.sprite-icons {
  float: right;
  margin-right: 3px;
}

.table.teams-lineups tbody tr td:nth-child(2) {
  border-right: 2px solid #ededed;
}

.match-prediction .panel-body h4.title,
.match-prediction .panel-body .h4-title {
  display: inline-block;
  margin: 0;
}

.match-prediction .panel-body .info {
  float: right;
  font-size: 10px;
  font-weight: 600;
  color: #969696;
  line-height: 21px;
}

.match-prediction .panel-body .info span.icon {
  margin-right: 5px;
  font-size: 13px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}

.match-prediction .make-prediction {
  overflow: hidden;
  background-color: #f5f5f5;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}

.match-prediction .make-prediction .user-info {
  font-weight: 600;
  display: inline-block;
}

.match-prediction .make-prediction .user-info img {
  margin-right: 5px;
  width: 44px;
  height: 44px;
  background: #ededed;
}

.match-prediction .make-prediction .prediction {
  display: table;
  float: right;
  margin-top: 5px;
}

.match-prediction .make-prediction .prediction .team {
  padding-top: 10px;
  vertical-align: top;
  display: table-cell;
  font-weight: 600;
}

.match-prediction .make-prediction .prediction .choise {
  vertical-align: middle;
  display: table-cell;
}

.match-prediction .make-prediction .prediction .choise .btn-group {
  margin: 0 8px;
}

.match-prediction .make-prediction .prediction .choise .btn-group .btn {
  padding-left: 13px;
  padding-right: 13px;
}

.match-prediction .make-prediction .prediction .choise .result {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}

.match-prediction .make-prediction .prediction .choise .result .icon {
  color: #bababa;
}

.match-prediction > .row {
  margin: 0;
}

.match-prediction > .row > div {
  border-right: 1px solid #f0f0f0;
  padding: 0;
}

.match-prediction > .row > div h5.title,
.match-prediction > .row > div .h5.title {
  margin: 0;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.match-prediction > .row > div .content {
  padding: 0 20px 15px;
}

.match-prediction > .row > div .content p {
  margin: 10px 0 15px;
  font-size: 12px;
}

.match-prediction > .row > div .content img {
  max-width: 100%;
}

.match-prediction > .row > div table tbody tr td .progress {
  margin-bottom: 0;
  box-shadow: none;
  background-color: #e8e8e8;
}

.match-prediction > .row > div table tbody tr td .progress .progress-bar {
  box-shadow: none;
}

.match-prediction > .row > div table tbody tr td .progress.gray .progress-bar {
  background-color: #9e9e9e;
}

.match-prediction > .row > div table tbody tr td.percent {
  width: 60%;
}

.match-prediction > .row > div:last-child {
  border-right: 0;
}

.popover-prediction {
  max-width: 455px;
}

.popover-prediction .popover-content {
  padding: 0;
}

.popover-prediction .popover-content > img {
  float: left;
}

.popover-prediction .popover-content .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.popover-prediction .popover-content > div.content {
  padding: 20px 20px 10px;
  margin-left: 134px;
}

.popover-prediction .popover-content > div.content > p {
  margin-bottom: 15px;
}

.popover-prediction .popover-content .btn {
  min-width: 72px;
}

.popover-prediction .popover-content .btn:last-child {
  margin-left: 10px;
}

.notification {
  position: relative;
  padding: 12px 62px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 19px;
}

.notification > div.icon {
  display: block;
  left: 0;
  top: 0;
  text-align: center;
  width: 43px;
  height: 100%;
  line-height: 43px;
  padding: 0px;
  position: absolute;
  background-color: #f0f0f0;
}

.notification > div.icon > span {
  font-size: 17px;
  line-height: 17px;
  margin-top: -8.5px;
  left: 13px;
  top: 50%;
  position: absolute;
}

.notification > div.icon > span.icon-clock {
  font-size: 20px;
  line-height: 20px;
  margin-top: -10px;
  left: 11px;
}

.notification > span {
  font-weight: 600;
  color: #333333;
}

.notification.prediction-won {
  background-color: #e9f2e2;
}

.notification.prediction-won > div.icon {
  background-color: #5da400;
  color: #ffffff;
}

.notification.prediction-lost {
  background-color: #f5d3cf;
}

.notification.prediction-lost > div.icon {
  background-color: #e6523e;
  color: #ffffff;
}

.iframe .match-tips {
  background: #ffffff;
  padding: 20px;
}

.iframe .match-tips ul.media-list {
  border-top: 0;
  margin: 0;
}

.iframe .match-tips ul.media-list li.media .tip-container {
  display: table;
  width: 100%;
}

.iframe .match-tips ul.media-list li.media .tip-container a.avatar {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
  width: 60px;
  text-align: center;
  outline: none;
}

.iframe .match-tips ul.media-list li.media .tip-container a.avatar img {
  height: 48px;
  width: 48px;
}

.iframe .match-tips ul.media-list li.media .tip-container .media-body {
  display: table-cell;
  vertical-align: middle;
}

.iframe .match-tips ul.media-list li.media .tip-container .media-body p {
  margin: 0;
}

.iframe .match-tips ul.media-list li.media:first-child {
  padding-top: 0;
}

.iframe .match-tips .make-bet {
  padding: 15px;
  background-color: #fafafa;
  text-align: center;
}

.iframe .match-tips .make-bet img {
  max-height: 30px;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.iframe .match-tips .make-bet p {
  font-size: 13px;
  font-weight: 400;
}

.iframe .match-tips.iframe {
  margin: 0;
}

.panel.match-tips ul.media-list {
  border-top: 0;
  margin: 0;
}

.panel.match-tips ul.media-list li.media .tip-container {
  display: table;
  width: 100%;
}

.panel.match-tips ul.media-list li.media .tip-container a.avatar {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
  width: 60px;
  text-align: center;
  outline: none;
}

.panel.match-tips ul.media-list li.media .tip-container a.avatar img {
  height: 48px;
  width: 48px;
}

.panel.match-tips ul.media-list li.media .tip-container .media-body {
  display: table-cell;
  vertical-align: middle;
}

.panel.match-tips ul.media-list li.media .tip-container .media-body p {
  margin: 0;
}

.panel.match-tips ul.media-list li.media:first-child {
  padding-top: 0;
}

.panel.match-tips .make-bet {
  padding: 15px;
  background-color: #fafafa;
  text-align: center;
}

.panel.match-tips .make-bet img {
  max-height: 30px;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.panel.match-tips .make-bet p {
  font-size: 13px;
  font-weight: 400;
}

.panel.match-tips iframe {
  margin: 0;
  display: block;
}

.tips-list ul.media-list {
  border-top: 0;
  margin: 0;
}

.tips-list ul.media-list li.media .tip-container {
  display: table;
  width: 100%;
}

.tips-list ul.media-list li.media .tip-container a.avatar {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
  width: 60px;
  text-align: center;
  outline: none;
}

.tips-list ul.media-list li.media .tip-container a.avatar img {
  height: 48px;
  width: 48px;
}

.tips-list ul.media-list li.media .tip-container .media-body {
  display: table-cell;
  vertical-align: middle;
}

.tips-list ul.media-list li.media .tip-container .media-body p {
  margin: 0;
}

.tips-list ul.media-list li.media:first-child {
  padding-top: 0;
}

.tips-list .make-bet {
  padding: 15px;
  background-color: #fafafa;
  text-align: center;
}

.tips-list .make-bet img {
  max-height: 30px;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
}

.tips-list .make-bet p {
  font-size: 13px;
  font-weight: 400;
}

.table.live-commentary {
  margin: 0;
}

.table.live-commentary tbody tr td {
  vertical-align: middle;
  font-size: 13px;
  font-weight: 400;
}

.table.live-commentary tbody tr td.minute {
  width: 13%;
  text-align: center;
  padding-left: 13px;
  padding-right: 13px;
}

.table.live-commentary tbody tr td.icon {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.table.live-commentary tbody tr td.content img {
  max-width: 100%;
  height: auto;
}

.table.live-commentary tbody tr td.content p {
  font-size: 13px;
  font-weight: 400;
  word-break: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.table.live-commentary tbody tr td.content p + img,
.table.live-commentary tbody tr td.content p + iframe {
  margin-top: 13px;
}

.table.live-commentary tbody tr td.content .btn {
  margin-top: 3px;
}

.table.live-commentary tbody tr td.content .btn .icon {
  font-size: 17px;
  vertical-align: middle;
  color: #666666;
}

.panel.live-commentary iframe {
  margin: 0;
  display: block;
}

.popover-partager {
  border: 1px solid #dddddd;
  min-width: 610px;
  left: auto !important;
  right: 0;
}

.popover-partager.share-social-minimal {
  min-width: 280px;
}

.popover-partager > .arrow {
  left: auto !important;
  right: 9%;
}

.popover-partager .popover-content {
  padding: 0;
}

.popover-partager .share-social {
  margin: 0;
}

.popover-partager .share-social > div {
  padding: 20px;
}

.popover-partager .share-social > div:first-child .teams {
  display: table;
}

.popover-partager .share-social > div:first-child .teams .image,
.popover-partager .share-social > div:first-child .teams .description {
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
}

.popover-partager .share-social > div:first-child .teams .image p,
.popover-partager .share-social > div:first-child .teams .description p {
  margin: 0;
  line-height: 17px;
  font-size: 13px;
}

.popover-partager .share-social > div:last-child {
  padding-left: 0;
}

.popover-partager .share-social .social-embeds {
  padding-top: 10px;
  padding-bottom: 2px;
  padding-left: 20px;
  vertical-align: top;
  border-left: 1px solid #e6e6e6;
}

.popover-partager .share-social .social-embeds > div {
  vertical-align: top !important;
}

.popover-partager .share-social .social-embeds .twitter-share-button {
  display: inline-block;
  vertical-align: top;
  min-width: 77px;
  margin-right: 10px;
}

.popover-partager .share-social .social-embeds:first-child {
  border-left: none;
}

.popover-partager .share-url {
  margin: 0;
  border-top: 1px solid #e6e6e6;
}

.popover-partager .share-url > div {
  padding: 20px;
}

.popover-partager .share-url label {
  margin-top: 11px;
  font-weight: 600;
}

.streaming > .row {
  margin: 0;
}

.streaming > .row > div:first-child {
  padding-right: 0;
  padding-left: 0;
}

.streaming > .row > div:last-child {
  text-align: right;
  padding: 0;
  border-left: 1px solid #e6e6e6;
}

.streaming span.title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin: 10px 20px;
  display: block;
}

.streaming table tbody tr td {
  vertical-align: middle;
}

.streaming table tbody tr td.icon {
  width: 5%;
}

.streaming table tbody tr td.icon a span {
  font-size: 23px;
  color: #888888;
  margin-left: 5px;
}

.streaming table tbody tr td.hour {
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}

.streaming table tbody tr td.watch {
  width: 50%;
  text-align: right;
}

.streaming table tbody tr td.watch span i {
  font-size: 17px;
  color: #ffffff;
  margin-right: 10px;
  vertical-align: middle;
}

.streaming p {
  margin: 10px 18px;
}

.streaming-matches table thead tr th {
  text-align: center;
}

.streaming-matches table tbody tr td {
  text-align: center;
}

.streaming-matches table tbody tr td.team1 {
  width: 17%;
}

.streaming-matches table tbody tr td.icon a {
  font-size: 17px;
  color: #5da400;
}

.streaming-matches table tbody tr td.icon a:hover {
  color: #407100;
}

.streaming-matches table tbody tr td.tools {
  width: 30%;
}

/*Match Odds */

table.odds-1x2 tbody tr td.logo,
table.odds-over-under tbody tr td.logo,
table.odds-double-chance tbody tr td.logo,
table.odds-half-time-full-time tbody tr td.logo,
table.odds-correct-score tbody tr td.logo,
table.odds-goal-scorers tbody tr td.logo,
table.table-odds tbody tr td.logo {
  width: 22px;
  padding: 0 0 1px 4px;
}

table.odds-1x2 tbody tr td.result,
table.odds-over-under tbody tr td.result,
table.odds-double-chance tbody tr td.result,
table.odds-half-time-full-time tbody tr td.result,
table.odds-correct-score tbody tr td.result,
table.odds-goal-scorers tbody tr td.result,
table.table-odds tbody tr td.result {
  text-align: center;
  width: 10%;
  cursor: pointer;
}

table.odds-1x2 tbody tr td.best-odd,
table.odds-over-under tbody tr td.best-odd,
table.odds-double-chance tbody tr td.best-odd,
table.odds-half-time-full-time tbody tr td.best-odd,
table.odds-correct-score tbody tr td.best-odd,
table.odds-goal-scorers tbody tr td.best-odd,
table.table-odds tbody tr td.best-odd {
  font-weight: 600;
}

table.odds-1x2 tbody tr td .odd-value,
table.odds-over-under tbody tr td .odd-value,
table.odds-double-chance tbody tr td .odd-value,
table.odds-half-time-full-time tbody tr td .odd-value,
table.odds-correct-score tbody tr td .odd-value,
table.odds-goal-scorers tbody tr td .odd-value,
table.table-odds tbody tr td .odd-value {
  color: #2e9fc7;
}

table.odds-half-time-full-time tbody tr td.name {
  width: 25%;
}

table.odds-correct-score > tbody > tr > td,
table.odds-goal-scorers > tbody > tr > td {
  padding-left: 18px !important;
  padding-right: 18px !important;
  cursor: pointer;
}

table.odds-correct-score > tbody > tr > td i,
table.odds-goal-scorers > tbody > tr > td i {
  font-size: 10px;
  color: #969696;
  display: none;
  margin-left: 5px;
}

table.odds-correct-score > tbody > tr > td:hover i,
table.odds-goal-scorers > tbody > tr > td:hover i {
  display: inline-block;
}

table.odds-correct-score > tbody > tr > td a,
table.odds-goal-scorers > tbody > tr > td a {
  float: right;
}

table.odds-correct-score > tbody > tr > td.result,
table.odds-goal-scorers > tbody > tr > td.result {
  width: 33.3%;
  text-align: left;
  vertical-align: top !important;
}

table.odds-correct-score > tbody > tr > td .table-slide,
table.odds-goal-scorers > tbody > tr > td .table-slide {
  display: none;
  position: relative;
}

table.odds-correct-score > tbody > tr > td .table-slide .table,
table.odds-goal-scorers > tbody > tr > td .table-slide .table {
  width: 100%;
  background: transparent;
  margin-top: 5px;
  margin-bottom: 16px;
}

table.odds-correct-score > tbody > tr > td .table-slide .table tbody tr td,
table.odds-goal-scorers > tbody > tr > td .table-slide .table tbody tr td {
  border-top: 1px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.06) !important;
}

table.odds-goal-scorers thead tr th.logo,
table.odds-goal-scorers tbody tr th.logo {
  width: 38%;
}

table.odds-goal-scorers thead tr th.logo img,
table.odds-goal-scorers tbody tr th.logo img {
  max-width: 20px;
  max-height: 20px;
  margin-right: 5px;
}

table.odds-goal-scorers tbody tr td i {
  float: left;
  line-height: 16px;
  margin-left: -10px;
  position: relative;
  top: -1px;
}

table.odds-goal-scorers tbody tr td.result {
  width: 20%;
  text-align: center;
}

table.odds-goal-scorers tbody tr td .table-slide .table {
  margin-bottom: 13px;
  margin-top: 8px;
}

table.odds-goal-scorers tbody tr td a {
  float: none;
}

table.odds-goal-scorers tbody tr td:first-child {
  vertical-align: top !important;
}

table.odds-1x2-v2 thead tr th {
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}

table.odds-1x2-v2 thead tr th.bookmaker {
  text-align: center;
  text-transform: none;
}

table.odds-1x2-v2 thead tr th.result {
  background-color: #454a4c;
  font-size: 14px;
  color: #ffffff;
}

table.odds-1x2-v2 thead tr th.result--draw {
  background-color: #313536;
}

table.odds-1x2-v2 thead tr th.bonus {
  background-color: #313536;
  color: #ffd800;
}

table.odds-1x2-v2 thead tr th,
table.odds-over-under thead tr th,
table.odds-1x2-v2 tbody tr th,
table.odds-over-under tbody tr th {
  font-weight: 600;
  text-transform: none;
}

table.odds-1x2-v2 tbody tr td,
table.odds-over-under tbody tr td {
  width: 20%;
  padding: 2px 4px;
}

table.odds-1x2-v2 tbody tr td.logo,
table.odds-over-under tbody tr td.logo {
  text-align: center;
  padding: 2px 15px;
}

table.odds-1x2-v2 tbody tr td.logo img,
table.odds-over-under tbody tr td.logo img {
  max-width: 80px;
}

table.odds-1x2-v2 tbody tr td.result,
table.odds-over-under tbody tr td.result,
table.odds-1x2-v2 tbody tr td.logo,
table.odds-over-under tbody tr td.logo {
  width: 20%;
}

table.odds-1x2-v2 tbody tr td.result > span,
table.odds-over-under tbody tr td.result > span,
table.odds-1x2-v2 tbody tr td.bonus > span,
table.odds-over-under tbody tr td.bonus > span,
table.odds-1x2-v2 tbody tr td.result > a,
table.odds-over-under tbody tr td.result > a,
table.odds-1x2-v2 tbody tr td.bonus > a,
table.odds-over-under tbody tr td.bonus > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  border-radius: 4px;
  color: #5c5c5c;
  font-size: 14px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid transparent;
}

table.odds-1x2-v2 tbody tr td.result,
table.odds-over-under tbody tr td.result {
  border-right-width: 0;
  border-left-width: 0;
}

table.odds-1x2-v2 tbody tr td.result.best-odd > span,
table.odds-over-under tbody tr td.result.best-odd > span {
  font-weight: 600;
  border-color: #d1e9be;
  background-color: rgba(209, 233, 190, 0.25);
}

table.odds-1x2-v2 tbody tr td.bonus .bonus-text,
table.odds-over-under tbody tr td.bonus .bonus-text {
  font-size: 16px;
  font-weight: 600;
  background-color: #ffd800;
}

table.odds-1x2-v2 tbody tr td.event-won,
table.odds-over-under tbody tr td.event-won,
table.odds-1x2-v2 tbody tr td.event-lost,
table.odds-over-under tbody tr td.event-lost {
  background-color: transparent !important;
}

table.odds-1x2-v2 tbody tr td.event-won > span,
table.odds-over-under tbody tr td.event-won > span {
  background-color: rgba(209, 233, 190, 0.5);
}

table.odds-1x2-v2 tbody tr td.event-lost > span,
table.odds-over-under tbody tr td.event-lost > span {
  background-color: rgba(238, 186, 186, 0.5);
}

table.odds-1x2-v2 tbody tr:hover td.event-won,
table.odds-over-under tbody tr:hover td.event-won,
table.odds-1x2-v2 tbody tr:hover td.event-lost,
table.odds-over-under tbody tr:hover td.event-lost {
  background-color: #ededed !important;
}

table.odds-1x2-v2 tbody tr:hover td.event-won:hover,
table.odds-over-under tbody tr:hover td.event-won:hover,
table.odds-1x2-v2 tbody tr:hover td.event-lost:hover,
table.odds-over-under tbody tr:hover td.event-lost:hover {
  background-color: #ededed !important;
}

table.odds-over-under tbody tr td.logo {
  width: 50%;
  text-align: left;
}

.offer-simple {
  background: #f8f8f8;
  border: 1px solid #efefef;
  overflow: hidden;
  display: table;
  width: 100%;
  margin-bottom: 18px;
}

.offer-simple .content {
  display: table-cell;
  padding: 12px;
}

.offer-simple .content img {
  margin: 0 15px 0 10px;
}

.offer-simple .content p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}

.offer-simple .button {
  padding: 12px;
  display: table-cell;
  text-align: right;
}

/*Other Sports*/

table.other-sport thead span.match-name,
table.other-sport tbody tr th span.match-name {
  color: #d6d6d6 !important;
  font-weight: 400;
}

table.other-sport thead tr th {
  vertical-align: middle;
}

table.other-sport thead.league-data > tr > th .tools span a.fav {
  position: relative;
  top: 1px;
}

table.other-sport thead.league-data > tr > th .tools span a i.icon-standings {
  margin-right: 5px;
  position: relative;
  top: -1px;
  line-height: 16px;
}

table.other-sport tbody {
  /*&:nth-child(even){
      background-color: darken(@ls-light-color,2%);
    }*/
}

table.other-sport tbody.highlight {
  background-color: #fff4ce;
}

table.other-sport tbody tr td {
  background-color: transparent !important;
  border: 0;
  vertical-align: middle;
}

table.other-sport tbody tr td.hour {
  width: 5%;
  font-weight: 600;
}

table.other-sport tbody tr td.time {
  width: 7%;
  color: #8a8a8a;
}

table.other-sport tbody tr td.teams {
  width: 32%;
}

table.other-sport tbody tr td.teams i {
  margin-right: 5px;
}

table.other-sport tbody tr td.score {
  width: 5%;
  text-align: center;
  font-size: 14px;
  font-weight: 400 !important;
  padding-top: 1px !important;
  border: 1px solid #fafafa;
  border-top: none;
}

table.other-sport tbody tr td.score.main {
  font-weight: 600 !important;
}

table.other-sport tbody tr td.tools {
  text-align: right;
}

table.other-sport tbody tr td.tools.favorite {
  width: 4%;
  text-align: center;
}

table.other-sport tbody tr:nth-child(2),
table.other-sport tbody tr td[rowspan] {
  border-bottom: 2px solid #e2e2e2;
}

table.other-sport tbody tr th {
  text-align: center;
  text-overflow: clip;
}

table.other-sport tbody tr th.league-title a {
  max-width: 80px !important;
}

table.other-sport tbody tr th .tools a i.icon-standings {
  margin-right: 5px;
  position: relative;
  top: -1px;
  line-height: 16px;
}

table.other-sport tbody:hover {
  background-color: #ededed;
}

table.other-sport tbody.live tr td.score.main,
table.other-sport tbody.live tr td.time {
  color: #e33000;
}

table.other-sport tbody.live tr td.time {
  font-size: 11px;
  padding-left: 15px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
  background-repeat: no-repeat;
  background-position: 5px center;
  -webkit-animation: ls-live-indicator-animation 1s step-end infinite;
  -o-animation: ls-live-indicator-animation 1s step-end infinite;
  animation: ls-live-indicator-animation 1s step-end infinite;
}

table.other-sport tbody.live tr td.time img {
  margin-right: 3px;
}

table.other-sport tbody.live.paused tr td.time {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><circle cx="4" cy="4" r="3.2" stroke="%23e33000" stroke-width="1" fill="%23e33000"/></svg>');
}

table.other-sport tbody.header tr:nth-child(2),
table.other-sport tbody.header tr td[rowspan] {
  border-bottom: 0;
}

table.other-sport.sport-baseball tbody tr td.teams {
  width: 20%;
}

table.other-sport.sport-baseball tbody tr td.score {
  width: 3%;
}

table.other-sport.sport-baseball tbody tr td.hits {
  padding-left: 5px;
}

table.other-sport.sport-tennis thead tr th img,
table.other-sport.sport-tennis tbody tr th img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
  margin-left: 2px;
  margin-top: -3px;
}

table.other-sport.sport-tennis thead tr th i.icon-man,
table.other-sport.sport-tennis tbody tr th i.icon-man,
table.other-sport.sport-tennis thead tr th .icon-woman,
table.other-sport.sport-tennis tbody tr th .icon-woman {
  font-size: 15px;
  color: #8dc4ff;
  display: inline-block;
}

table.other-sport.sport-tennis thead tr th i.icon-woman,
table.other-sport.sport-tennis tbody tr th i.icon-woman {
  color: #ffaef7;
}

table.other-sport.sport-tennis tbody tr td.teams img {
  float: right;
}

table.other-sport tbody.my-games tr:nth-child(2) {
  border-bottom: none;
}

table.other-sport tbody.my-games tr:nth-child(3),
table.other-sport tbody.my-games tr td[rowspan] {
  border-bottom: 2px solid #e2e2e2;
}

/*League Summary*/

ol.breadcrumb li a img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.panel .panel-heading span.icon-football {
  margin-right: 5px;
}

.panel .table.league-clubs tbody tr td.name > a {
  color: #5c5c5c;
}

.panel .table.league-clubs tbody tr td.name > a:hover {
  color: #7bc6e0;
}

.panel .table.league-clubs tbody tr td.name span.name {
  color: #b3b3b3;
}

.panel .table.league-clubs tbody tr td.number,
.panel .table.league-clubs tbody tr td.goals {
  text-align: center;
}

.panel .table.league-clubs tbody tr td.number {
  width: 8%;
}

.panel .table.league-clubs tbody tr td.logo {
  width: 5%;
}

.panel .table.league-clubs tbody tr td.logo img {
  max-height: 18px;
  max-width: 18px;
}

.panel .table.league-clubs tbody tr td.name {
  width: 65%;
}

/*Team Summary*/

.panel .table tbody tr td.avatar img {
  height: 18px;
  width: 18px;
}

.panel.stats .table tbody tr td.percent {
  text-align: right;
  font-weight: 600;
}

.panel.stats .table tbody tr td.date {
  text-align: center;
  font-weight: 600;
}

.goal-stats tbody tr td .progress {
  margin-bottom: 0;
  background: none;
  box-shadow: none;
}

.goal-stats tbody tr td .progress .progress-bar {
  box-shadow: none;
  border-radius: 2px;
  min-width: 1px;
}

.goal-stats tbody tr td .progress .progress-bar.progress-bar-success {
  float: right;
}

.goal-stats tbody tr td .progress .progress-bar[style="width: 0%"],
.goal-stats tbody tr td .progress .progress-bar[style="width:0%"],
.goal-stats tbody tr td .progress .progress-bar[style="width: 0%;"],
.goal-stats tbody tr td .progress .progress-bar[style="width:0%;"],
.goal-stats tbody tr td .progress .progress-bar[width="0%"] {
  background-color: #e6e6e6;
}

.goal-stats tbody tr td.percent {
  width: 3%;
  font-weight: 600;
  text-align: center;
}

.goal-stats tbody tr td.prog {
  width: 30%;
}

.goal-stats tbody tr td.minute-range {
  text-align: center;
  white-space: nowrap;
}

/*Team Squad*/

table.links-table tbody tr td {
  padding: 0;
  width: 33%;
  vertical-align: middle;
}

table.links-table tbody tr td > a {
  padding: 8px;
  display: block;
}

table.links-table tbody tr td > a img {
  max-width: 18px;
  max-height: 18px;
  margin-right: 5px;
}

table.links-table tbody tr td > a span.icon-caret-right {
  float: right;
  line-height: 18px;
}

table.links-table tbody tr td:hover .dropdown-toggle {
  display: block;
}

table.links-table tbody tr td.open .dropdown-toggle {
  display: block;
  background-color: #ededed;
  text-decoration: none;
}

table.links-table tbody tr:hover td {
  background: transparent;
}

table.links-table tbody tr:hover td:hover {
  background-color: #f2f2f2;
}

table.links-table .dropdown-toggle {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: #ffffff;
}

table.links-table .dropdown-toggle:hover {
  display: block;
  background-color: #ededed;
}

table.links-table .dropdown-toggle > span {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -50%;
}

table.squad-listing thead tr th {
  padding: 4px 7px;
  font-size: 10px !important;
}

table.squad-listing tbody tr th {
  border-top: 0;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}

table.squad-listing tbody tr td {
  text-align: center;
}

table.squad-listing tbody tr td.num {
  font-weight: 600;
}

table.squad-listing tbody tr td.player {
  vertical-align: middle !important;
  width: 30%;
  text-align: left;
}

table.squad-listing tbody tr td.player img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  background: #f7f7f7;
}

table.squad-listing tbody tr td.nationality {
  text-align: left;
  border-left: 2px solid #eaeaea;
}

table.squad-listing tbody tr td.nationality span {
  margin-right: 8px;
}

table.squad-listing.avatars tbody tr td.player {
  padding: 0 5px 0 !important;
  line-height: 31px;
}

/*Player Summary*/

.player-statistics > .row {
  margin: 0;
}

.player-statistics > .row > div {
  padding: 0;
}

.player-statistics > .row > div:first-child .big-stat {
  border-left: 0;
}

.player-statistics > .row > div:first-child .statistics .row > div:first-child {
  border: 0;
}

.player-statistics > .row.stat-titles {
  display: table;
  width: 100%;
}

.player-statistics > .row.stat-titles > div {
  display: table-cell;
  padding: 20px 20px 10px;
  border-right: 1px solid #f0f0f0;
  float: none;
}

.player-statistics > .row.stat-titles > div h5.title,
.player-statistics > .row.stat-titles > div .title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 0;
  display: block;
  margin-top: 9px;
}

.player-statistics > .row.stat-titles > div:last-child {
  border-right: 0;
}

.player-statistics > .row.stat-values {
  display: table;
  width: 100%;
}

.player-statistics > .row.stat-values > div {
  display: table-cell;
  padding: 0 20px 20px;
  border-right: 1px solid #f0f0f0;
  float: none;
}

.player-statistics > .row.stat-values > div span.icon {
  font-size: 40px;
  color: #d7d7d7;
}

.player-statistics > .row.stat-values > div h1.result,
.player-statistics > .row.stat-values > div .result {
  font-size: 47px;
  font-weight: 400;
  display: inline-block;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 0;
}

.player-statistics > .row.stat-values > div:last-child {
  border-right: 0;
}

.player-statistics > .row.stats-bottom {
  display: table;
  width: 100%;
  border-top: 1px solid #f0f0f0;
}

.player-statistics > .row.stats-bottom > div {
  display: table-cell;
  border-right: 1px solid #f0f0f0;
  float: none;
}

.player-statistics > .row.stats-bottom > div:last-child {
  border-right: 0;
}

.player-statistics .statistics > .row {
  margin: 0;
}

.player-statistics .statistics > .row > div:last-child {
  border-left: 1px solid #f0f0f0;
  text-align: center;
}

.player-statistics .statistics img {
  vertical-align: baseline;
}

.player-statistics .statistics h2.result,
.player-statistics .statistics .result {
  font-size: 29px;
  font-weight: 400;
  line-height: 1.1;
  text-align: right;
  display: inline-block;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 18px;
}

.player-statistics .statistics h2.result.football-field,
.player-statistics .statistics .result.football-field {
  padding-left: 25px;
  background: url("../bundles/app/markup/img//sprites/football-field.png") no-repeat left center;
}

.player-statistics .statistics h2.result.arrow-right-green,
.player-statistics .statistics .result.arrow-right-green {
  padding-left: 22px;
  background: url("../bundles/app/markup/img//sprites/arrow-right-green.png") no-repeat left center;
}

.player-statistics .statistics h2.result.arrow-left-red,
.player-statistics .statistics .result.arrow-left-red {
  padding-left: 20px;
  background: url("../bundles/app/markup/img//sprites/arrow-left-red.png") no-repeat left center;
}

.player-statistics .statistics h2.result.chairs,
.player-statistics .statistics .result.chairs {
  padding-left: 40px;
  background: url("../bundles/app/markup/img//sprites/chairs.png") no-repeat left center;
}

.player-statistics .statistics h2.result.yellow-card,
.player-statistics .statistics .result.yellow-card {
  padding-left: 20px;
  background: url("../bundles/app/markup/img//sprites/yellow-card.png") no-repeat left center;
}

.player-statistics .statistics h2.result.red-card,
.player-statistics .statistics .result.red-card {
  padding-left: 20px;
  background: url("../bundles/app/markup/img//sprites/red-card.png") no-repeat left center;
}

.player-statistics table.player-statistics thead tr th {
  text-align: center;
}

.player-statistics table.player-statistics thead tr th.competition {
  text-align: left;
}

.player-statistics table.player-statistics thead tr th.shirt-number {
  border-left: 2px solid #dedede;
  border-right: 2px solid #dedede;
}

.player-statistics table.player-statistics thead tr th.goals-number {
  border-left: 2px solid #dedede;
}

.player-statistics table.player-statistics tbody tr th {
  border-top: 0;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  background-color: #e4e4e4;
}

.player-statistics table.player-statistics tbody tr th.competition {
  text-align: left;
}

.player-statistics table.player-statistics tbody tr td {
  text-align: center;
}

.player-statistics table.player-statistics tbody tr td.competition {
  text-align: left;
}

.player-statistics table.player-statistics tbody tr td.competition a {
  margin-left: 8px;
}

.player-statistics table.player-statistics tbody tr td.shirt-number {
  border-left: 2px solid #eaeaea;
  border-right: 2px solid #eaeaea;
}

.player-statistics table.player-statistics tbody tr td.goals-number {
  border-left: 2px solid #eaeaea;
}

.goals-distribution > .row {
  margin: 0;
}

.goals-distribution > .row > div {
  padding: 20px;
}

.goals-distribution > .row > div p {
  font-size: 13px;
  margin-bottom: 20px;
  font-weight: 400;
}

.goals-distribution > .row > div h4,
.goals-distribution > .row > div .content {
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin: 9px 0;
  line-height: 1.1;
}

.goals-distribution .js-chart {
  text-align: center;
  background: #fafafa;
}

.goals-statistics thead tr th.date,
.goals-statistics tbody tr th.date {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}

.goals-statistics thead tr th.statistics-title,
.goals-statistics tbody tr th.statistics-title {
  font-weight: 600;
  font-size: 12px;
  background: #ffffff;
  line-height: 47px;
  border-bottom: 1px solid #fafafa;
}

.goals-statistics thead tr th.statistics-title > span,
.goals-statistics tbody tr th.statistics-title > span {
  line-height: 60px;
}

.goals-statistics thead tr th.statistics-title .stat,
.goals-statistics tbody tr th.statistics-title .stat {
  float: right;
  line-height: 20px;
}

.goals-statistics thead tr th.statistics-title .stat span.icon,
.goals-statistics tbody tr th.statistics-title .stat span.icon {
  font-size: 36px;
  color: #d7d7d7;
}

.goals-statistics thead tr th.statistics-title .stat h1.result,
.goals-statistics tbody tr th.statistics-title .stat h1.result,
.goals-statistics thead tr th.statistics-title .stat .result,
.goals-statistics tbody tr th.statistics-title .stat .result {
  font-size: 47px;
  font-weight: 400;
  display: inline-block;
  margin: 5px 0;
  line-height: 1.1;
}

.goals-statistics thead.multiple,
.goals-statistics tbody.multiple {
  border: none;
}

.goals-statistics thead.multiple + tbody,
.goals-statistics tbody.multiple + tbody {
  border: none;
}

.goals-statistics thead.multiple:hover tr td,
.goals-statistics tbody.multiple:hover tr td {
  background: #ededed;
}

.goals-statistics tbody tr td.logo,
.goals-statistics tbody tr td.date {
  width: 3%;
}

.goals-statistics tbody tr td.logo img,
.goals-statistics tbody tr td.date img {
  max-width: 16px;
  max-height: 16px;
}

.goals-statistics tbody tr td.league img {
  max-height: 16px;
  max-width: 16px;
  margin-right: 2px;
}

.goals-statistics tbody tr td.score {
  width: 8%;
}

.goals-statistics tbody tr td.minutes,
.goals-statistics tbody tr td.date {
  font-weight: 600;
}

.goals-statistics tbody tr td.tools {
  width: 4%;
}

/*Widget Creator*/

.widget-creator-heading {
  padding: 20px;
}

.widget-creator-heading > .title {
  display: inline-block;
  margin: 0;
  font-size: 27px;
  font-weight: 600;
  line-height: 35px;
}

.widget-creator-heading > .btn {
  vertical-align: top;
}

.widget-creator-heading > .btn:first-child {
  margin-right: 20px;
}

.widget-creator-heading > a.pull-right {
  line-height: 35px;
}

.widget-creator-widget-subject > .row > div .search-competition label {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 18px;
}

.widget-creator-widget-subject > .row > div .search-competition .title {
  display: block;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}

.widget-creator-settings-validation > .row > div .step-heading span.icon {
  margin-right: 5px;
  font-size: 11px;
}

.widget-creator-settings-validation > .row > div .widget-parameters {
  margin-bottom: 19px;
}

.widget-creator-settings-validation > .row > div .widget-parameters .title {
  font-size: 16px;
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-top: 18px;
}

.widget-creator-settings-validation > .row > div .widget-parameters .form-group {
  display: table;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
}

.widget-creator-settings-validation > .row > div .widget-parameters .form-group .name {
  padding-left: 0;
  font-weight: 600;
}

.widget-creator-settings-validation > .row > div .widget-parameters .form-group .name .icon {
  margin-right: 15px;
  margin-left: 8px;
  vertical-align: middle;
}

.widget-creator-settings-validation > .row > div .widget-parameters .form-group .value {
  display: table-cell;
  padding-right: 0;
}

.widget-creator-settings-validation > .row > div .widget-parameters .form-group:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-options .form-group {
  display: table;
  width: 100%;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-options .form-group .name {
  padding-top: 10px;
  padding-bottom: 10px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  line-height: 14px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-options .form-group .name .icon {
  float: left;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-options .form-group .value {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group {
  display: table;
  width: 100%;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .name {
  vertical-align: top;
  display: table-cell;
  float: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  width: 30%;
  line-height: 28px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value {
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 70%;
  padding-left: 0;
  float: none;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .icon {
  font-size: 15px;
  position: relative;
  top: 2px;
  color: #9e9e9e;
  margin-right: 9px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value input[type="text"] {
  height: 30px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .radio {
  margin-top: 0;
  margin-bottom: 0;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .radio label {
  font-weight: 400;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .select-component {
  display: inline-block;
  min-width: 145px;
  line-height: 18px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .select-component select {
  padding-top: 4px;
  padding-bottom: 4px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .select-component:after {
  line-height: 27px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value .switch-button {
  vertical-align: middle;
  margin-right: 10px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.width {
  text-align: left;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.width .input-group {
  max-width: 130px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.height {
  text-align: left;
  line-height: 28px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.height .input-group {
  margin-left: 8px;
  display: inline-table;
  max-width: 130px;
  vertical-align: middle;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.type-of-display > .divider {
  margin-bottom: 5px;
  min-height: 30px;
  line-height: 28px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.type-of-display .radio {
  margin-right: 8px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group .value.type-of-display .select-component {
  min-width: 145px;
}

.widget-creator-settings-validation > .row > div .widget-parameters.widget-style .form-group:first-child {
  border-top: 0;
}

.widget-creator-settings-validation > .row > div p.warning {
  color: #ff0000;
}

.widget-creator-settings-validation > .row > div p.warning b {
  color: #ff0000;
}

.widget-creator-settings-validation > .row > div .widget-preview .title {
  font-size: 18px;
  font-weight: 600;
  margin-right: 7px;
}

.widget-creator-settings-validation > .row > div .widget-preview .btn-group-justified {
  margin-top: 20px;
}

.widget-creator-settings-validation > .row > div .widget-preview textarea.embed-code {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 100px;
}

.widget-creator-settings-validation > .row > div .widget-preview .buttons {
  text-align: right;
}

.widget-creator-settings-validation > .row > div .widget-preview .buttons .btn {
  margin-left: 10px;
}

.widget-creator-settings-validation > .row > div .widget-preview .iframe-container {
  margin-bottom: 25px;
  height: 518px;
  position: relative;
}

.widget-creator-settings-validation > .row > div .widget-preview .iframe-container .widget-iframe {
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  position: absolute;
  right: 0;
  width: 100%;
  height: 518px;
  z-index: 3;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  overflow: hidden;
}

.widget-creator-settings-validation > .row > div .widget-preview .iframe-container .widget-iframe iframe {
  height: 518px;
  width: 640px;
  overflow: hidden;
  padding: 13px 8px;
}

.widget-creator-settings-validation > .row > div .widget-preview .iframe-container .widget-iframe:hover {
  width: 630px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.widget-creator-settings-validation > .row > div .widget-preview .iframe-container .widget-iframe:after {
  content: "";
  height: 100%;
  width: 100%;
  top: 15px;
  left: 15px;
  background-color: rgba(218, 218, 218, 0.4);
  position: absolute;
}

main .create-widget {
  border: 1px solid #efefef;
  overflow: hidden;
}

main .create-widget img {
  float: left;
}

main .create-widget .content {
  padding: 20px;
  margin-left: 115px;
}

main .create-widget .content p {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
}

main .create-widget .content a {
  font-size: 14px;
}

main .create-widget .content button {
  margin-top: 20px;
}

main .widget-conditions p {
  margin-bottom: 20px;
}

main .widget-conditions p:last-child {
  margin-bottom: 0;
}

main .widget-conditions .important {
  color: #ff0000;
}

main .fixtures-widgets tbody tr td,
main .standings-widgets tbody tr td,
main .livescore-widgets tbody tr td,
main .matches-widgets tbody tr td {
  vertical-align: middle;
}

main .fixtures-widgets tbody tr td.icon,
main .standings-widgets tbody tr td.icon,
main .livescore-widgets tbody tr td.icon,
main .matches-widgets tbody tr td.icon {
  width: 2%;
}

main .fixtures-widgets tbody tr td.icon img,
main .standings-widgets tbody tr td.icon img,
main .livescore-widgets tbody tr td.icon img,
main .matches-widgets tbody tr td.icon img {
  max-width: 28px;
  max-height: 28px;
  margin-left: 6px;
}

main .fixtures-widgets tbody tr td.content,
main .standings-widgets tbody tr td.content,
main .livescore-widgets tbody tr td.content,
main .matches-widgets tbody tr td.content {
  max-width: 70%;
}

main .fixtures-widgets tbody tr td.content a.edit,
main .standings-widgets tbody tr td.content a.edit,
main .livescore-widgets tbody tr td.content a.edit,
main .matches-widgets tbody tr td.content a.edit {
  color: #888888;
  font-size: 16px;
  margin-left: 7px;
}

main .fixtures-widgets tbody tr td.content input,
main .standings-widgets tbody tr td.content input,
main .livescore-widgets tbody tr td.content input,
main .matches-widgets tbody tr td.content input {
  max-width: 58%;
  display: inline-block;
}

main .fixtures-widgets tbody tr td.content button,
main .standings-widgets tbody tr td.content button,
main .livescore-widgets tbody tr td.content button,
main .matches-widgets tbody tr td.content button {
  margin-left: 6px;
}

main .fixtures-widgets tbody tr td.button,
main .standings-widgets tbody tr td.button,
main .livescore-widgets tbody tr td.button,
main .matches-widgets tbody tr td.button {
  text-align: right;
  max-width: 100%;
}

main .fixtures-widgets tbody tr td.button .btn-default,
main .standings-widgets tbody tr td.button .btn-default,
main .livescore-widgets tbody tr td.button .btn-default,
main .matches-widgets tbody tr td.button .btn-default {
  margin-right: 5px;
}

main .fixtures-widgets tbody tr td.button .btn-default span,
main .standings-widgets tbody tr td.button .btn-default span,
main .livescore-widgets tbody tr td.button .btn-default span,
main .matches-widgets tbody tr td.button .btn-default span {
  color: #888888;
}

main .fixtures-widgets tbody tr td.button .btn-danger span,
main .standings-widgets tbody tr td.button .btn-danger span,
main .livescore-widgets tbody tr td.button .btn-danger span,
main .matches-widgets tbody tr td.button .btn-danger span {
  color: #ffffff;
}

main .fixtures-widgets tbody tr td.button span.glyphicon,
main .standings-widgets tbody tr td.button span.glyphicon,
main .livescore-widgets tbody tr td.button span.glyphicon,
main .matches-widgets tbody tr td.button span.glyphicon {
  font-size: 18px;
  margin-right: 5px;
  line-height: 7px;
  position: relative;
  top: 4px;
}

main .standings-widgets td.content span.empty,
main .livescore-widgets td.content span.empty,
main .matches-widgets td.content span.empty {
  color: #c8c8c8;
  font-size: 12px;
  font-weight: 600;
}

/*User Dashboard & Contest*/

.prediction-contest-grid .indicators,
.last-predictions .indicators {
  margin: 0;
  padding: 0;
}

.prediction-contest-grid .indicators > div,
.last-predictions .indicators > div {
  padding: 15px 0;
  text-align: right;
  font-size: 12px;
}

.prediction-contest-grid .indicators > div:first-child,
.last-predictions .indicators > div:first-child {
  padding-left: 20px;
  text-align: left;
}

.prediction-contest-grid .indicators > div:last-child,
.last-predictions .indicators > div:last-child {
  padding-right: 20px;
}

.prediction-contest-grid .indicators > div .number-big,
.last-predictions .indicators > div .number-big {
  font-size: 24px;
  line-height: 24px;
  color: #5c5c5c;
  margin-right: 4px;
  margin-left: 7px;
}

.prediction-contest-grid .indicators > div .number-small,
.last-predictions .indicators > div .number-small {
  font-size: 17px;
  color: #b3b3b3;
}

.prediction-contest-grid .user-notification,
.last-predictions .user-notification {
  padding: 15px;
  font-size: 12px;
}

.prediction-contest-grid .user-notification > a,
.last-predictions .user-notification > a {
  font-weight: 600;
}

.prediction-contest-grid .user-notification > a img,
.last-predictions .user-notification > a img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 8px;
  background: #f7f7f7;
}

.prediction-contest-grid .table-pagination,
.last-predictions .table-pagination {
  padding: 10px 15px;
  font-size: 12px;
  line-height: 25px;
}

.prediction-contest-grid .table-pagination:before,
.last-predictions .table-pagination:before,
.prediction-contest-grid .table-pagination:after,
.last-predictions .table-pagination:after {
  content: " ";
  display: table;
}

.prediction-contest-grid .table-pagination:after,
.last-predictions .table-pagination:after {
  clear: both;
}

.prediction-contest-grid .table-pagination:before,
.last-predictions .table-pagination:before,
.prediction-contest-grid .table-pagination:after,
.last-predictions .table-pagination:after {
  content: " ";
  display: table;
}

.prediction-contest-grid .table-pagination:after,
.last-predictions .table-pagination:after {
  clear: both;
}

.prediction-contest-grid .table-pagination .pagination,
.last-predictions .table-pagination .pagination {
  margin: 0;
  float: right;
}

.prediction-contest-grid .table,
.last-predictions .table {
  margin: 0;
}

.season-gifts .table tbody tr td.place {
  text-align: center;
  min-width: 19%;
  font-weight: 600;
}

.season-gifts .table tbody tr td.gift-img {
  min-width: 17%;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

.season-gifts .table tbody tr td.gift-img img {
  max-width: 30px;
  max-height: 30px;
}

.first-day-month-gift .panel-body {
  text-align: center;
}

.first-day-month-gift .panel-body .title {
  line-height: 17px;
  font-size: 17px;
  font-weight: 600;
}

.first-day-month-gift .panel-body .title sup {
  font-size: 10px;
}

.first-day-month-gift .panel-body a {
  font-size: 12px;
  margin-top: 10px;
  display: block;
}

.first-day-month-gift .month-gift-image {
  max-width: 240px;
  max-height: 300px;
}

.setting-box {
  background-color: #f8f8f8;
  border: 1px solid #f5f5f5;
  padding: 15px 10px;
  line-height: 24px;
}

.setting-box .option-name {
  display: inline-block;
  font-size: 12px;
}

.setting-box .option-name .icon {
  font-size: 18px;
  vertical-align: middle;
  color: #5da400;
  margin-right: 7px;
}

.setting-box .field {
  float: right;
}

.settings-list {
  padding: 0;
  margin: 0;
}

.settings-list > li {
  list-style: none;
  padding: 5px 10px;
  line-height: 24px;
}

.settings-list > li .option-name {
  display: inline-block;
  font-size: 12px;
}

.settings-list > li .option-name .icon {
  display: inline-block;
  margin-right: 5px;
  width: 25px;
  text-align: center;
}

.settings-list > li .option-name .icon > .icon {
  font-size: 18px;
  vertical-align: middle;
  color: #5da400;
}

.settings-list > li .field {
  float: right;
}

.settings-list > li:nth-child(even) {
  background-color: #fafafa;
}

.teams-table .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.teams-table .title > span {
  color: #5da400;
}

.teams-table table tbody tr td.logo {
  width: 3%;
}

.teams-table table tbody tr td.logo img {
  max-width: 18px;
  max-height: 18px;
}

.contest-standings .filters {
  padding: 15px 15px 0;
}

.contest-standings .filters .btn-group-justified {
  margin-bottom: 15px;
}

.contest-standings .filters .btn-group-justified .btn.spinner {
  min-width: 169px;
}

.contest-standings .filters .btn-group-justified:last-child {
  margin-bottom: 5px;
}

.contest-standings .table-scroll {
  max-height: 570px;
  overflow: auto;
}

.predictions-filter label {
  font-size: 14px;
  font-weight: 600;
}

.predictions-filter select {
  margin-top: 5px;
  margin-bottom: 20px;
}

.predictions-filter .row {
  margin-bottom: 0;
}

.predictions-filter .row label {
  font-weight: 400;
  font-size: 12px;
}

.archives .table tbody tr td.icon {
  width: 1%;
  padding-right: 2px;
}

.archives .table tbody tr td.icon .icon {
  font-size: 16px;
  color: #b8b8b8;
  line-height: 12px;
  position: relative;
  top: 2px;
}

.how-to-play p {
  font-size: 13px;
}

.how-to-play .image {
  margin: 20px 0;
}

.how-to-play .image img {
  float: left;
  margin-right: 10px;
  margin-top: 7px;
}

.how-to-play .image p {
  color: #5da400;
  font-weight: 600;
}

.share-contest .share-buttons-title {
  font-weight: 400;
  padding-bottom: 20px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

/*Login*/

.content-wrapper-login {
  margin: 0;
  padding: 20px;
  min-height: 600px;
  overflow: hidden;
  position: relative;
}

.registration-features {
  overflow: hidden;
  border: 1px solid #f5f5f5;
  background-color: #fafafa;
}

.registration-features .content {
  padding: 20px;
}

.registration-features .content p {
  font-size: 13px;
}

.registration-features .content span.title {
  display: block;
  font-size: 22px;
  font-weight: 600;
}

.registration-features .content ul {
  list-style: none;
  padding: 0;
  margin-top: 18px;
}

.registration-features .content ul li {
  font-size: 14px;
  line-height: 33px;
}

.registration-features .content ul li .icon {
  font-size: 24px;
  color: #5da400;
  display: inline-block;
  min-width: 35px;
  text-align: center;
  vertical-align: middle;
}

.registration-features .image {
  float: right;
}

.login .login-facebook,
.register .login-facebook,
.password-forgotten .login-facebook {
  text-align: center;
  padding: 20px;
}

.login .login-facebook .btn i,
.register .login-facebook .btn i,
.password-forgotten .login-facebook .btn i {
  font-size: 18px;
  vertical-align: middle;
  line-height: 17px;
  margin-right: 12px;
}

.login .divider,
.register .divider,
.password-forgotten .divider {
  text-align: center;
  border-top: 1px solid #dddddd;
  position: relative;
}

.login .divider span,
.register .divider span,
.password-forgotten .divider span {
  position: relative;
  display: inline-block;
  line-height: 20px;
  top: -12px;
  background-color: #ffffff;
  padding: 0 10px;
}

.login form a.forgot-password-link,
.register form a.forgot-password-link,
.password-forgotten form a.forgot-password-link {
  float: right;
  font-size: 10px;
  line-height: 23px;
}

.login form .has-error,
.register form .has-error,
.password-forgotten form .has-error {
  margin-bottom: 25px;
}

.login form button.btn-primary,
.register form button.btn-primary,
.password-forgotten form button.btn-primary {
  float: right;
  min-width: 115px;
}

.register form button.btn-primary {
  float: none;
  margin-top: 15px;
}

.password-forgotten form button span {
  margin-right: 5px;
}

.password-forgotten form button .btn-primary {
  float: right;
}

.password-forgotten .title {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #313131;
  margin-top: 9px;
  margin-bottom: 9px;
  font-size: 17px;
  display: block;
}

.password-forgotten .title small,
.password-forgotten .title .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

.password-forgotten .title small,
.password-forgotten .title .small {
  font-size: 75%;
}

.login-register-container .login-image {
  margin-left: -20px;
  margin-bottom: -20px;
}

.login-register-container .login-image img {
  max-width: 100%;
}

.login-full-background {
  position: absolute;
  top: 0;
  left: 0;
}

.login-full-background > .login-background-image {
  width: 100%;
  height: auto;
}

.pass-recovery,
.successfully {
  float: none;
  margin: auto;
}

.pass-recovery span.title,
.successfully span.title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
  display: block;
  margin-top: 5px;
}

.pass-recovery form .buttons,
.successfully form .buttons {
  margin-top: 30px;
}

.successfully {
  text-align: center;
}

.successfully span.title {
  margin-bottom: 15px;
}

.successfully i.icon {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
  color: #5da400;
}

.successfully p {
  font-size: 13px;
  font-weight: 400;
}

.successfully button {
  margin-top: 30px;
}

.login-modal form:before,
.login-modal form:after {
  content: " ";
  display: table;
}

.login-modal form:after {
  clear: both;
}

.login-modal form:before,
.login-modal form:after {
  content: " ";
  display: table;
}

.login-modal form:after {
  clear: both;
}

/*User My Information*/

main .content .form-section {
  border-top: 1px solid #f1f1f1;
  padding-top: 20px;
  padding-bottom: 6px;
}

main .content .form-section .name {
  font-weight: 600;
  line-height: 36px;
  width: 26%;
  padding-right: 0;
}

main .content .form-section .field {
  width: 65%;
}

main .content .form-section .field .input-group span.input-group-addon {
  padding: 6px 9px;
  background-color: #f8f8f8;
}

main .content .form-section .field .input-group span.input-group-addon .icon {
  color: #cdcdcd;
  font-size: 16px;
}

main .content .form-section .profile-image-field .name {
  line-height: 75px;
}

main .content .form-section .profile-image-field .profile-image {
  height: 77px;
  width: 77px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

main .content .form-section .profile-image-field .profile-image a {
  height: 54px;
  width: 54px;
  bottom: -29px;
  margin-left: -27px;
  padding-top: 5px;
}

main .content .form-section .profile-image-field .profile-image a .icon {
  font-size: 16px;
}

main .content .form-section .info {
  color: #a0a0a0;
  font-size: 16px;
  line-height: 40px;
  padding-left: 0;
}

main .content .form-section .info > span {
  cursor: default;
}

main .content .form-section .buttons {
  text-align: right;
}

main .content .form-section .buttons .btn {
  padding: 9px 14px;
  line-height: 14px;
}

main .content .form-section .buttons .btn-default {
  margin-right: 20px;
}

main .content .form-section:last-child {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
}

main .content .league-list {
  overflow: hidden;
}

main .content .league-list .heading {
  background-color: #fcfcfc;
  padding: 10px 15px;
  line-height: 34px;
}

main .content .league-list .heading img {
  position: relative;
  top: 5px;
}

main .content .league-list .heading span {
  font-weight: 600;
}

main .content .league-list .heading > button {
  text-align: right;
  float: right;
}

main .content .league-list .heading .divider {
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 5px;
}

main .content .league-list ul {
  list-style: none;
  padding-left: 0;
}

main .content .league-list ul li {
  background-color: #ffffff;
}

main .content .league-list ul li span.sort {
  margin-right: 10px;
  color: #afafaf;
  padding: 0 17px;
  background: #fbfbfb;
  line-height: 34px;
  display: inline-block;
  cursor: move;
}

main .content .league-list ul li span.sort:hover {
  background-color: #5da400 !important;
  color: #ffffff;
}

main .content .league-list ul li span.logo {
  margin: 0 8px;
}

main .content .league-list ul li span.logo img {
  max-width: 18px;
}

main .content .league-list ul li span.fav .icon {
  cursor: pointer;
  float: right;
  color: #b0b0b0;
  margin-right: 15px;
  line-height: 34px;
}

main .content .league-list ul li span.fav .icon:hover {
  color: #a1a1a1;
}

main .content .league-list ul li span.fav.active .icon {
  color: #ffc600;
}

main .content .league-list ul li span.fav.active .icon:hover {
  color: #f0ba00;
}

main .content .league-list ul li:nth-child(even) {
  background-color: #fcfcfc;
}

main .content .league-list ul li:nth-child(even) span.sort {
  background-color: #f4f4f4;
}

main .content .league-list ul li.item-placeholder {
  border: 1px dashed #cccccc;
  padding: 17px 0;
  background: #f2f2f2;
}

/*User profile*/

.profile-wall {
  position: relative;
  min-height: 100px;
  background-color: #b3b3b3;
}

.profile-wall > img {
  max-width: 100%;
}

.profile-wall a.change-image {
  display: inline-block;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.27);
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
}

.profile-wall a.change-image .icon {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.profile-wall a.change-image:hover {
  background-color: #5da400;
  color: #ffffff;
}

.profile-wall .profile-image {
  bottom: -49px;
  left: 24px;
}

.profile-wall .display-name {
  position: absolute;
  font-size: 28px;
  bottom: 10px;
  left: 180px;
  color: #ffffff;
  font-weight: 400;
  margin: 0;
}

.profile-image {
  border-radius: 50%;
  height: 138px;
  width: 138px;
  overflow: hidden;
  position: absolute;
  display: block;
}

.profile-image > img {
  height: 100%;
  width: 100%;
}

.profile-image > a {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  display: block;
  position: absolute;
  bottom: -40px;
  background-color: rgba(0, 0, 0, 0.27);
  left: 50%;
  margin-left: -40px;
  text-align: center;
  padding-top: 10px;
}

.profile-image > a .icon {
  font-size: 20px;
  color: #ffffff;
}

.profile-image > a:hover {
  background-color: #5da400;
}

ul.profile-nav {
  margin-top: 23px;
}

ul.profile-nav li:first-child {
  margin-left: 178px;
}

.content .profile-tabs {
  margin-bottom: 20px;
}

.content ul.media-list li .match-info {
  text-align: center;
  padding: 0 70px 12px;
  position: relative;
}

.content ul.media-list li .match-info .date {
  display: inline-block;
  font-size: 11px;
  position: relative;
  background-color: #f0f0f0;
  padding: 5px 15px;
  margin-bottom: 10px;
}

.content ul.media-list li .match-info img {
  max-width: 47px;
  max-height: 47px;
  margin-top: 12px;
  position: absolute;
}

.content ul.media-list li .match-info img.team1 {
  left: 15px;
}

.content ul.media-list li .match-info img.team2 {
  right: 15px;
  top: 0;
}

.content ul.media-list li .match-info table.user-prediction {
  width: 100%;
}

.content ul.media-list li .match-info table.user-prediction tr td.team1 {
  width: 38%;
  text-align: right;
  font-size: 17px;
  font-weight: 600;
}

.content ul.media-list li .match-info table.user-prediction tr td.prediction {
  width: 22%;
}

.content ul.media-list li .match-info table.user-prediction tr td.prediction .btn-group {
  margin-bottom: 0;
}

.content ul.media-list li .match-info table.user-prediction tr td.team2 {
  text-align: left;
  font-size: 17px;
  font-weight: 600;
}

.content ul.media-list li .indicators {
  margin: 0;
  padding: 0;
  background-color: #f8f8f8;
  margin-top: 8px;
  margin-bottom: 10px;
}

.content ul.media-list li .indicators > div {
  padding: 15px 0;
  text-align: right;
  font-size: 12px;
}

.content ul.media-list li .indicators > div:first-child {
  padding-left: 20px;
  text-align: left;
}

.content ul.media-list li .indicators > div:last-child {
  padding-right: 20px;
}

.content ul.media-list li .indicators > div .number-big {
  font-size: 24px;
  line-height: 24px;
  color: #5c5c5c;
  margin-right: 4px;
  margin-left: 3px;
}

.content ul.media-list li .indicators > div .number-small {
  font-size: 17px;
  color: #b3b3b3;
}

ul.image-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
}

ul.image-list li {
  display: inline-block;
  padding: 13px;
}

ul.image-list li img {
  max-width: 35px;
  max-height: 35px;
}

.contest-ranking .panel-body {
  text-align: center;
}

.contest-ranking .panel-body span.title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.contest-ranking .panel-body ul {
  list-style: none;
  padding: 0;
}

.contest-ranking .panel-body ul li.rank {
  border-bottom: 1px solid #ededed;
  margin-bottom: 10px;
}

.contest-ranking .panel-body ul li.rank .rank-numbers {
  margin-top: 5px;
  margin-bottom: 10px;
}

.contest-ranking .panel-body ul li.rank .rank-numbers span {
  font-size: 28px;
}

.contest-ranking .panel-body ul li.rank .rank-numbers span.rank1 {
  font-weight: 600;
}

.contest-ranking .panel-body ul li.rank .rank-numbers span.rank1.active {
  color: #5da400;
}

.contest-ranking .panel-body ul li.rank .rank-numbers span.rank1 sup {
  font-size: 17px !important;
}

.contest-ranking .evolution-image img {
  width: 100%;
}

.prediction-statistics .panel-body .stat,
.prediction-statistics .panel-body .statistics {
  padding: 17px 0;
  border-bottom: 1px solid #ededed;
}

.prediction-statistics .panel-body .stat span.title,
.prediction-statistics .panel-body .statistics span.title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.prediction-statistics .panel-body .stat span.number,
.prediction-statistics .panel-body .statistics span.number {
  float: right;
  line-height: 18px;
  font-size: 21px;
  font-weight: 600;
}

.prediction-statistics .panel-body .stat span.number.active,
.prediction-statistics .panel-body .statistics span.number.active {
  color: #5da400;
  font-size: 28px;
  font-weight: 600;
}

.prediction-statistics .panel-body .stat:first-child {
  padding-top: 4px;
}

.prediction-statistics .panel-body .statistics {
  border: 0;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}

.prediction-statistics .panel-body .statistics span.number {
  float: none;
  display: block;
  margin-top: 15px;
}

.prediction-statistics .panel-body .statistics span.won {
  color: #5da400;
}

.prediction-statistics .panel-body .statistics span.lost {
  color: #e33000;
}

.prediction-statistics .panel-body img {
  margin-top: 25px;
  margin-bottom: 13px;
}

.change-profile-image > .row {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.change-profile-image > .row .left-side {
  vertical-align: top;
  display: table-cell;
  float: none;
  padding: 0;
  border-right: 1px solid #e5e5e5;
  background-color: #f8f8f8;
}

.change-profile-image > .row .left-side .current-image {
  padding: 20px;
  text-align: center;
}

.change-profile-image > .row .left-side .current-image img {
  border-radius: 50%;
  margin-bottom: 8px;
  width: 104px;
  height: 104px;
}

.change-profile-image > .row .options {
  vertical-align: top;
  display: table-cell;
  float: none;
  padding: 15px 20px;
}

.change-profile-image > .row .options label {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 10px;
}

.change-profile-image > .row .options .avatars-list {
  margin-bottom: 20px;
}

.change-profile-image > .row .options .avatars-list .scroll-container {
  overflow: auto;
  width: 100%;
  padding-bottom: 10px;
}

.change-profile-image > .row .options .avatars-list ul {
  display: inline-block;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.change-profile-image > .row .options .avatars-list ul > li {
  list-style: none;
  display: inline-block;
  text-align: center;
  min-width: 90px;
  margin-right: 10px;
}

.change-profile-image > .row .options .avatars-list ul > li .img,
.change-profile-image > .row .options .avatars-list ul > li .logo {
  border-radius: 50%;
  background-color: #f3f3f3;
  display: inline-block;
  height: 52px;
  width: 52px;
  margin-bottom: 5px;
  border: 3px solid transparent;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.change-profile-image > .row .options .avatars-list ul > li .img img,
.change-profile-image > .row .options .avatars-list ul > li .logo img {
  height: 52px;
  width: 52px;
}

.change-profile-image > .row .options .avatars-list ul > li .name {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.change-profile-image > .row .options .avatars-list ul > li a {
  color: #5c5c5c;
  outline: none;
  display: block;
  max-width: 90px;
}

.change-profile-image > .row .options .avatars-list ul > li.selected-image .img,
.change-profile-image > .row .options .avatars-list ul > li.selected-image .logo {
  position: relative;
  border-color: #5da400;
}

.change-profile-image > .row .options .avatars-list ul > li.selected-image .img:after,
.change-profile-image > .row .options .avatars-list ul > li.selected-image .logo:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  color: #5da400;
  position: absolute;
  display: block;
  left: 0;
  bottom: 4px;
  width: 100%;
}

.change-profile-image > .row .options .custom-picture > .row > div:first-child {
  padding-right: 0;
  text-align: center;
}

.change-profile-image > .row .options .custom-picture > .row > div:first-child.selected-image .img {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid transparent;
  border-color: #5da400;
}

.change-profile-image > .row .options .custom-picture > .row > div:first-child.selected-image .img img {
  max-height: 46px;
  max-width: 46px;
}

.change-profile-image > .row .options .custom-picture > .row > div:first-child.selected-image .img:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  color: #5da400;
  position: absolute;
  display: block;
  left: 0;
  bottom: 4px;
  width: 100%;
}

.change-profile-image > .row .options .custom-picture .add-file {
  cursor: pointer;
}

.change-profile-image > .row .options .custom-picture .drag-zone {
  border: 2px dashed #dedede;
  padding: 9px;
  text-align: center;
}

.change-profile-image > .row .options .custom-picture .drag-zone .drag-message > span {
  font-size: 14px;
}

.change-profile-image > .row .options .custom-picture .drag-zone .drag-message .btn {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-left: 10px;
}

.change-profile-image > .row .options .custom-picture .drag-zone .drag-message .btn .icon {
  font-size: 16px;
  position: relative;
  vertical-align: middle;
  top: -2px;
  margin-right: 10px;
}

.change-profile-image > .row .options .custom-picture .drag-zone .drop-message {
  display: none;
  font-size: 14px;
  line-height: 32px;
}

.change-profile-image > .row .options .custom-picture .drag-zone .drop-message .icon {
  font-size: 27px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.change-profile-image > .row .options .custom-picture .drag-zone.dragging {
  background-color: #5da400;
  color: #ffffff;
  border-color: #ffffff;
}

.change-profile-image > .row .options .custom-picture .drag-zone.dragging .drop-message {
  display: block;
}

.change-profile-image > .row .options .custom-picture .drag-zone.dragging .drag-message {
  display: none;
}

/*Webmaster 2*/

.webmaster-banner {
  position: relative;
}

.webmaster-banner img {
  width: 100%;
}

.webmaster-banner .banner-title {
  position: absolute;
  top: 73px;
  left: 40px;
}

.webmaster-banner .banner-title span {
  display: block;
  color: #ffffff;
}

.webmaster-banner .banner-title span.big {
  font-size: 43px;
  text-transform: uppercase;
  font-weight: 800;
}

.webmaster-banner .banner-title span.big span {
  display: inline-block;
  color: #5da400;
}

.webmaster-banner .banner-title span.subtitle {
  font-size: 32px;
  line-height: 30px;
  font-weight: 400;
}

.webmaster-banner .banner-title span.small {
  font-size: 19px;
  font-weight: 600;
  margin-top: 15px;
}

.webmaster-banner .banner-title span.medium {
  font-size: 27px;
  font-weight: 600;
  line-height: 22px;
}

.webmaster-content-section-1 span.title {
  font-size: 24px;
  font-weight: 600;
}

.webmaster-content-section-1 .columns > div:first-child {
  width: 23%;
}

.webmaster-content-section-1 .columns > div:nth-child(2) {
  padding: 0;
  width: 47%;
}

.webmaster-content-section-1 .columns > div:last-child {
  width: 30%;
}

.webmaster-content-section-1 .columns .widget-preview {
  position: relative;
  margin-top: 20px;
}

.webmaster-content-section-1 .columns .widget-preview span {
  position: absolute;
  display: block;
  font-size: 10px;
}

.webmaster-content-section-1 .columns .widget-preview span.image-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  top: 0;
  left: 50px;
}

.webmaster-content-section-1 .columns .widget-preview span.widget-1 {
  top: 49px;
  font-weight: 600;
}

.webmaster-content-section-1 .columns .widget-preview span.widget-2 {
  bottom: 12px;
  right: 20px;
  font-weight: 600;
}

.webmaster-content-section-1 .columns .description {
  margin-top: 20px;
}

.webmaster-content-section-1 .columns .description .webmaster-list {
  margin-top: 25px;
}

.webmaster-content-section-1 .columns .description .webmaster-list ul {
  list-style: none;
  padding: 0;
}

.webmaster-content-section-1 .columns .description .webmaster-list ul li {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.webmaster-content-section-1 .columns .create-widget {
  margin-top: 29px;
  border: 1px solid #efefef;
  padding: 42px 12px;
  background-color: #fbfbfb;
}

.webmaster-content-section-1 .columns .create-widget button {
  margin-bottom: 15px;
}

.webmaster-content-section-1 .columns .create-widget a {
  display: block;
}

.webmaster-content-section-2 {
  background-color: #f7f7f7;
  margin-left: -20px;
  margin-right: -20px;
}

.webmaster-content-section-2 > .row {
  padding-top: 30px;
}

.webmaster-content-section-2 span.title {
  font-size: 24px;
  font-weight: 600;
  margin-left: 20px;
}

.webmaster-content-section-2 .section-nav {
  display: inline-block;
  float: right;
  margin-right: 20px;
}

.webmaster-content-section-2 .section-nav a {
  line-height: 33px;
  display: inline-block;
  color: #bebebe;
}

.webmaster-content-section-2 .section-nav a .icon {
  vertical-align: middle;
  font-size: 20px;
}

.webmaster-content-section-2 .features {
  padding: 0 20px;
  margin-top: 25px;
}

.webmaster-content-section-2 .features > div {
  padding-left: 10px;
}

.webmaster-content-section-2 .features .widget {
  margin-bottom: 30px;
}

.webmaster-content-section-2 .features .widget .image {
  position: relative;
}

.webmaster-content-section-2 .features .widget a {
  text-align: center;
  display: block;
  margin-top: 8px;
}

.webmaster-content-section-2 .features .widget a.zoom {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
  padding: 6px 8px;
  color: #ffffff;
  bottom: 5px;
  right: 5px;
  line-height: 14px;
}

.webmaster-content-section-2 .features .widget a.zoom .icon {
  font-size: 15px;
}

.webmaster-content-section-3 {
  padding: 10px 20px;
  margin-left: -20px;
  margin-right: -20px;
}

.webmaster-content-section-3 > .row > div {
  border-left: 1px solid #ececec;
}

.webmaster-content-section-3 > .row > div:first-child {
  border: 0;
}

.webmaster-content-section-3 .widgets {
  text-align: center;
}

.webmaster-content-section-3 .widgets span.title {
  display: block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 30px;
}

.webmaster-content-section-3 .widgets p {
  font-size: 13px;
  line-height: 22px;
  margin-top: 30px;
  margin-bottom: 20px;
}

/*News*/

.article-resume {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.article-resume .article-data {
  margin: 0;
  padding: 0;
}

.article-resume .article-data > li {
  display: inline-block;
  list-style: none;
  font-size: 11px;
  margin-right: 5px;
  color: #a4a4a4;
}

.article-resume .article-data > li.social-link {
  font-weight: 600;
  margin-right: 3px;
}

.article-resume .article-data > li.social-link .icon {
  color: #d3d3d3;
  font-size: 13px;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.article-resume .article-data > li.social-link a {
  display: block;
  color: #a4a4a4;
  padding: 5px 6px;
  min-width: 40px;
  text-align: center;
  line-height: 15px;
}

.article-resume .article-data > li.social-link.facebook a:hover {
  background-color: #4763b2;
  color: #ffffff;
}

.article-resume .article-data > li.social-link.facebook a:hover .icon {
  color: #ffffff;
}

.article-resume .article-data > li.social-link.twitter a:hover {
  background-color: #00b9f3;
  color: #ffffff;
}

.article-resume .article-data > li.social-link.twitter a:hover .icon {
  color: #ffffff;
}

.article-resume .article-data > li.social-link.google-plus a:hover {
  background-color: #e75f46;
  color: #ffffff;
}

.article-resume .article-data > li.social-link.google-plus a:hover .icon {
  color: #ffffff;
}

.article-resume .article-data > li.social-link.comment a:hover {
  background-color: #5da400;
  color: #ffffff;
}

.article-resume .article-data > li.social-link.comment a:hover .icon {
  color: #ffffff;
}

.article-resume .article-title {
  margin-top: 0;
  margin-bottom: 20px;
  display: block;
  font-size: 25px;
  font-weight: 800;
  line-height: 31px;
  color: #353535;
}

.article-resume .article-title:hover {
  color: #2e9fc7;
}

.article-resume .article-body {
  padding-bottom: 20px;
  overflow: hidden;
}

.article-resume .article-body .article-image {
  float: left;
  width: 50%;
  margin-right: 10px;
}

.article-resume .article-body .article-image img {
  max-width: 100%;
  max-height: 100%;
}

.article-resume .article-body .article-image img:hover {
  opacity: .9;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.article-resume a.read-more {
  font-size: 12px;
  font-weight: 600;
}

.article-resume a.read-more span {
  font-size: 9px;
  margin-right: 3px;
}

.article-resume.full-width .article-body {
  padding-bottom: 0;
}

.article-resume.full-width .article-body .article-title {
  font-size: 27px;
}

.article-resume.full-width .article-body .article-image {
  float: none;
  margin-right: 0;
  width: 100%;
  margin: 10px 0;
}

.article-resume.full-width .article-body p {
  margin-bottom: 15px;
}

.article-match-info {
  display: table;
  width: 100%;
  background-color: #f5f5f5;
  margin-bottom: 15px;
  position: relative;
}

.article-match-info .team {
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  padding: 6px 8px;
  width: 42%;
  display: table-cell;
}

.article-match-info .team img {
  max-width: 30px;
  max-height: 30px;
}

.article-match-info .team.team1 {
  text-align: right;
  padding-right: 20px;
  color: #5c5c5c;
}

.article-match-info .team.team1 img {
  float: left;
}

.article-match-info .team.team2 {
  text-align: left;
  padding-left: 20px;
  color: #5c5c5c;
}

.article-match-info .team.team2 img {
  float: right;
}

.article-match-info .hour,
.article-match-info .versus {
  text-align: center;
  width: 16%;
  display: table-cell;
  vertical-align: middle;
  font-size: 19px;
  font-weight: 600;
  background-color: #dfdfdf;
  color: #5c5c5c;
}

.article-match-info:hover {
  text-decoration: none;
  background-color: #ebebeb;
}

.article-match-info:hover .hour,
.article-match-info:hover .versus {
  background-color: #d5d5d5;
}

.featured-article {
  background-color: #363a3c;
}

.featured-article > .row {
  margin: 0;
  padding: 0;
}

.featured-article .article-image {
  padding: 0;
  position: relative;
}

.featured-article .article-image img {
  width: 100%;
}

.featured-article .article-image img:hover {
  opacity: .9;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.featured-article .article-image .message {
  padding: 5px 10px;
  position: absolute;
  display: inline-block;
  background-color: #5da400;
  color: #ffffff;
  top: 0;
  left: 20px;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.featured-article .article-image .match-container {
  padding: 0 20px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

.featured-article .article-image .match-container .article-match-info {
  position: relative;
  margin-bottom: 0;
  background-color: #454a4c;
}

.featured-article .article-image .match-container .article-match-info .team {
  color: #dfdfdf;
}

.featured-article .article-image .match-container .article-match-info .team.team1 {
  padding-right: 8px;
}

.featured-article .article-image .match-container .article-match-info .team.team2 {
  padding-left: 8px;
}

.featured-article .article-image .match-container .article-match-info .hour {
  background-color: #313536;
  color: #ffffff;
}

.featured-article .article-image .match-container .article-match-info:hover {
  background-color: #3d4244;
}

.featured-article .article-image .match-container .article-match-info:hover .hour {
  background-color: #2a2d2e;
}

.featured-article .article-resume {
  padding: 10px 20px;
  border-bottom: 0;
  margin-bottom: 0;
}

.featured-article .article-resume .article-data {
  margin-bottom: 2px;
}

.featured-article .article-resume .article-data > li {
  color: #a4a4a4;
}

.featured-article .article-resume .article-data > li.social-link .icon {
  color: #7a7a7a;
}

.featured-article .article-resume .article-title {
  color: #ffffff;
  font-size: 27px;
  margin-bottom: 10px;
}

.featured-article .article-resume .article-title:hover {
  color: #e6e6e6;
}

.featured-article .article-resume p {
  color: #d7d7d7;
}

.featured-article .article-resume a {
  color: #9ccdff;
}

.featured-article .article-resume a:hover {
  color: #007fff;
}

.main-article span.article-data {
  font-size: 12px;
  color: #bfbfbf;
  font-weight: 600;
}

.main-article .article-body {
  padding: 40px 16px 20px 36px;
}

.main-article .article-widget {
  padding: 12px 0;
}

.main-article h1,
.main-article h2,
.main-article h3,
.main-article h4,
.main-article h5,
.main-article h6 {
  color: #06082e;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}

.main-article h1 {
  font-size: 38px;
  line-height: 1.16;
  letter-spacing: normal;
  margin-top: 7px;
  margin-bottom: 0;
  color: #06082e;
}

.main-article h2,
.main-article h3,
.main-article h4 {
  margin-top: 25px;
}

.main-article h2:first-child,
.main-article h3:first-child,
.main-article h4:first-child {
  margin-top: 0;
}

.main-article h2 {
  font-size: 28px;
}

.main-article h3 {
  font-size: 24px;
}

.main-article h4 {
  font-size: 20px;
}

.main-article h5 {
  font-size: 18px;
  margin-bottom: 24px;
}

.main-article p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 36px;
}

.main-article p .icon svg {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.main-article img {
  max-width: 100%;
  height: auto;
}

.main-article a:not(.btn) {
  color: #4a4a4a;
  text-decoration: underline;
  font-weight: 600;
}

.main-article a:not(.btn):hover {
  color: #5da400;
}

.main-article img.article-image {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 0;
  margin-bottom: -60px;
}

.main-article p.introduction {
  font-size: 16px;
  font-weight: 600;
}

.main-article span.subtitle {
  font-size: 17px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
  margin-top: 25px;
}

.main-article .article-content {
  position: relative;
  background-color: #ffffff;
  border-radius: 0 8px 0 0;
  margin-right: 40px;
  padding: 25px;
  font-size: 16px;
  line-height: 1.5;
}

.main-article ol {
  list-style: none;
  counter-reset: ordered-list-counter;
  margin: 0 0 30px;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-article ol li {
  display: block;
  position: relative;
  counter-increment: ordered-list-counter;
  padding: 0 0 0 37px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 26px;
}

.main-article ol li:before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: counter(ordered-list-counter);
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  color: #ffffff;
  background-color: #5da400;
  border-radius: 50%;
}

.main-article ol li strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 12px;
  line-height: 26px;
}

.main-article .blockquote {
  position: relative;
  margin: 0 auto 40px;
  padding: 0 0 0 48px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left-width: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDMyIDI4Ij4gICAgPHBhdGggZmlsbD0iI0YwRjBGMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjkgMTRoLTV2LTRjMC0yLjIwNiAxLjc5NC00IDQtNGguNWMuODMxIDAgMS41LS42NjkgMS41LTEuNXYtM2MwLS44MzEtLjY2OS0xLjUtMS41LTEuNUgyOGMtNS41MjUgMC0xMCA0LjQ3NS0xMCAxMHYxNWEzIDMgMCAwIDAgMyAzaDhhMyAzIDAgMCAwIDMtM3YtOGEzIDMgMCAwIDAtMy0zem0tMTggMEg2di00YzAtMi4yMDYgMS43OTQtNCA0LTRoLjVjLjgzMSAwIDEuNS0uNjY5IDEuNS0xLjV2LTNjMC0uODMxLS42NjktMS41LTEuNS0xLjVIMTBDNC40NzUgMCAwIDQuNDc1IDAgMTB2MTVhMyAzIDAgMCAwIDMgM2g4YTMgMyAwIDAgMCAzLTN2LThhMyAzIDAgMCAwLTMtM3oiLz48L3N2Zz4=);
  background-position: top left;
  background-size: 32px 28px;
  background-repeat: no-repeat;
}

.main-article .blockquote p {
  font-weight: normal;
  font-style: italic;
  line-height: 1.33;
  font-size: 24px;
  color: #5da400;
  margin: 0;
}

.main-article .blockquote div.blockquote-details {
  padding-left: 0;
  margin-top: 5px;
}

.main-article .blockquote div.blockquote-details p {
  font-size: 16px;
  font-weight: normal;
  color: #4a4a4a;
}

.main-article .blockquote.blockquote-highlight {
  background: none;
  padding: 20px 0;
}

.main-article .blockquote.blockquote-highlight:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 50%;
  height: 4px;
  background-color: #f0f0f0;
}

.main-article .blockquote.blockquote-highlight p {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.33;
  color: #5da400;
}

.main-article div.blockquote-details {
  display: block;
  padding-top: 10px;
  padding-left: 48px;
  margin-top: -34px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
}

.main-article div.blockquote-details a {
  color: #4a4a4a;
  text-decoration: underline;
}

.main-article div.blockquote-details a:hover {
  color: #5da400;
  text-decoration: underline;
}

.main-article div.blockquote-alert p {
  margin: 0 auto 40px;
  padding: 15px 15px 15px 20px;
  background-color: rgba(255, 216, 0, 0.2);
  border-left: 4px solid #ffd800;
  color: #3e4e5a;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.news-article .content-section .main-article div.blockquote-alert p a {
  color: #3e4e5a;
  text-decoration: underline;
}

.news-article .content-section .main-article div.blockquote-alert p a:hover,
.news-article .content-section .main-article div.blockquote-alert p a:visited {
  color: #3e4e5a;
  text-decoration: underline;
}

.main-article .list-icon {
  padding: 0;
  margin: 0 0 40px;
  list-style: none;
}

.main-article .list-icon li {
  position: relative;
  margin-bottom: 16px;
  line-height: 23px;
  font-size: 16px;
  padding-left: 40px;
}

.main-article .list-icon li > .emoji,
.main-article .list-icon li > .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.main-article .list-icon li > .emoji svg,
.main-article .list-icon li > .icon svg {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.discussion .panel-body span.users-list-title {
  font-size: 12px;
}

.discussion .panel-body span.users-list-title .active {
  color: #5da400;
}

.discussion .panel-body ul.users-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.discussion .panel-body ul.users-list li {
  display: inline-block;
  padding: 8px;
  vertical-align: top;
}

.discussion .panel-body ul.users-list li a {
  border-radius: 50%;
  background-color: #fafafa;
  display: block;
  width: 36px;
  height: 36px;
  text-align: center;
}

.discussion .panel-body ul.users-list li a img {
  max-width: 36px;
  max-height: 36px;
}

.discussion .panel-body ul.users-list li a span {
  line-height: 36px;
  font-size: 10px;
}

.news-title {
  margin-top: 15px;
  margin-bottom: 12px;
}

.news-title span {
  font-size: 27px;
  font-weight: 600;
}

.article-resumes > div .article-resume:first-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}

.small-news {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.small-news > .row {
  display: table-row;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.small-news > .row > div {
  display: table-cell;
  float: none;
  padding: 20px;
}

.small-news > .row > div:first-child {
  padding-left: 0;
  border-right: 1px solid #e6e6e6;
}

.small-news > .row > div:last-child {
  padding-right: 0;
}

.small-news > .row:first-child {
  border-bottom: 0;
}

.small-news a.article-image {
  float: left;
  margin-right: 12px;
}

.small-news a.article-image img {
  max-width: 111px;
}

.small-news a.article-image img:hover {
  opacity: .9;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}

.small-news span.article-date {
  display: block;
  font-size: 11px;
  color: #a4a4a4;
  margin-bottom: 5px;
}

.small-news a.article-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #353535;
  display: block;
}

.small-news a:hover {
  color: #2e9fc7;
}

.right-sidebar .newsletter img {
  width: 100%;
}

.right-sidebar .newsletter .panel-body span.description {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  display: block;
  margin-bottom: 15px;
}

.right-sidebar .newsletter .panel-body form button {
  padding: 9px 20px;
}

.right-sidebar .newsletter .panel-body form span.message {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 400;
}

/*Streaming*/

.streaming-description {
  margin-bottom: 0;
}

.streaming-description > div:first-child {
  padding-right: 0;
}

.streaming-description > div:last-child {
  margin-left: 0;
}

.streaming-description .title {
  display: block;
  margin: 0;
  font-size: 38px;
  font-weight: 600;
}

.streaming-description .sub-title {
  display: block;
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 600;
}

.streaming-table > div > .title {
  display: block;
  font-size: 27px;
  font-weight: 600;
  margin: 0 0 20px;
}

.streaming-table table {
  margin-top: 15px;
}

.streaming-table table thead tr th {
  text-align: center;
}

.streaming-table table thead tr th span {
  display: block;
  font-weight: 400;
}

.streaming-table table tbody tr td {
  width: 10.25%;
  vertical-align: top;
}

.streaming-table table tbody tr td.hour {
  text-align: center;
  background-color: #f6f6f6 !important;
  width: 5%;
  font-weight: 600;
  vertical-align: middle;
  padding: 23px 8px;
}

.streaming-table table tbody tr td ul {
  margin: 0;
  padding: 0;
}

.streaming-table table tbody tr td ul > li {
  list-style: none;
  display: block;
  padding: 8px 0;
  border-top: 1px solid #e6e6e6;
}

.streaming-table table tbody tr td ul > li > a {
  position: relative;
  display: block;
  color: #5c5c5c;
}

.streaming-table table tbody tr td ul > li > a .title {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.streaming-table table tbody tr td ul > li > a .title img {
  max-height: 14px;
  margin-right: 5px;
}

.streaming-table table tbody tr td ul > li > a .description {
  display: block;
  margin-top: 3px;
  line-height: 14px;
  font-size: 11px;
  font-weight: 400;
}

.streaming-table table tbody tr td ul > li > a .hover {
  display: none;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  font-size: 11px;
  line-height: 11px;
}

.streaming-table table tbody tr td ul > li > a .hover .icon {
  margin-right: 5px;
  color: #5da400;
  display: inline-block;
  float: left;
  font-size: 23px;
}

.streaming-table table tbody tr td ul > li > a:hover .hover {
  display: block;
}

.streaming-table table tbody tr td ul > li:first-child {
  padding-top: 0;
  border: 0;
}

.streaming-table table tbody tr td ul > li:last-child {
  padding-bottom: 0;
}

.streaming-table table tbody tr td:nth-child(odd) {
  background-color: #fdfdfd;
}

.streaming-table table tbody tr:hover td {
  background-color: #ededed;
}

/*Stats display*/

/* Statistics display templates */

.stats-holder {
  margin-bottom: 0;
}

.stats-holder .stat-block {
  font-size: 40px;
  display: block;
  text-align: center;
}

.stats-holder .stat-block p {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.stats-holder .stat-block + .stat-block {
  border-left: 1px solid #ededed;
}

.stats-holder .stat-block .stat-value-small {
  font-size: 16px;
}

.stats-holder .stat-block .icon {
  display: block;
  font-size: 30px;
}

.stats-holder .stat-block .scored {
  color: #87b762;
}

.stats-holder .stat-block .conceded {
  color: #dd4f3c;
}

.stats-holder .stat-block .red-cards .icon {
  color: #dc0000;
}

.stats-holder .stat-block .yellow-cards .icon {
  color: #ffde00;
}

.stats-holder .stats-separator {
  text-align: center;
  padding: 10px;
}

/*Search*/

.search-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
}

.search-block label {
  font-weight: 600;
}

.search-block .option-group-name {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #969696;
}

.search-block div.checkbox {
  display: block;
  margin-bottom: 13px;
}

.dropdown-search li a img {
  height: 20px;
  margin-right: 5px;
  width: 20px;
}

.dropdown-search li a .glyphicon-user {
  color: #c0c0c0;
}

/* Content */

.review-header {
  position: relative;
  padding: 20px;
  background: url("../bundles/app/markup/img//review/header-bg.png") repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  border-radius: 8px;
  min-height: 320px;
}

.review-header .review-stars {
  margin-bottom: 30px;
}

.review-header .btn-cta {
  max-width: 50%;
}

.review-header-title {
  display: block;
  color: white;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.16;
  margin-bottom: 16px;
}

.review-sidebar h2,
.review-sidebar h3,
.review-sidebar h4 {
  margin-bottom: 24px;
}

.review-header-bookmaker {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 460px;
  height: 312px;
}

.review-header-bookmaker img {
  max-width: 100%;
}

.review-header-promo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

.review-header-promo .icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
}

.review-header-promo .icon svg {
  width: 24px;
  height: 24px;
}

.review-header-promo .text {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
}

.review-header-promo .text .value {
  font-weight: bold;
  color: #ffd800;
}

.review-sidebar {
  padding: 24px 0 24px 62px;
}

.main-article .article-content--review {
  background-color: #ffffff;
  border-radius: 0 8px 0 0;
  margin-top: -40px;
  margin-right: 0;
  padding: 24px;
}

.review-body-title {
  line-height: 1.16;
  margin-bottom: 30px;
}

.btn-cta {
  position: relative;
  background-color: #ffd800;
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 600;
  padding: 18px 30px 18px 10px;
  width: 100%;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  border-width: 2px;
  border-radius: 4px;
  text-decoration: none;
}

.btn-cta:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
}

.btn-cta:active {
  box-shadow: none;
  border-color: #e1b902;
}

.btn-cta:after {
  position: absolute;
  top: 18px;
  right: 15px;
  content: '\e60d';
  font-family: "LSicons";
  font-size: 16px;
  color: #4a4a4a;
}

.ls-cta-widget {
  margin-bottom: 40px;
}

.ls-cta-widget__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ls-cta-widget__value,
.ls-cta-widget__description {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0 0 24px;
}

.ls-cta-widget .ls-cta-widget__value p,
.ls-cta-widget .ls-cta-widget__description p {
  margin: 0;
}

.ls-cta-widget__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 50px;
  font-weight: bold;
}

.ls-cta-widget__value .icon svg {
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

/* Widgets */

.widget-postprediction .lead {
  font-size: 15px;
}

.widget-postprediction .lead strong {
  font-weight: 600;
}

.widget-postprediction .lead .amount {
  font-size: 18px;
}

.widget-postprediction .amount {
  text-decoration: underline dotted;
}

.widget-postprediction .prediction-link a {
  display: block;
  color: #2e9fc7;
  font-size: 16px;
  font-weight: 600;
}

.widget-postprediction .prediction-link a strong {
  font-weight: 600;
}

.widget-postprediction .prediction-link .catch {
  font-size: 12px;
  font-weight: 600;
  color: #5f5f5f;
}

/*Site administration*/

.admin-action {
  background: red;
  padding: 4px;
  color: #fff;
}

.media-list li.media .media-body .media-heading .tools > a.admin-action {
  padding-left: 3px;
  padding-top: 5px;
}

.media-list li.media .media-body .media-heading .tools > a.admin-action > span {
  color: #fff;
}

/*CSS animations*/

.blinking {
  -webkit-animation: blinker 1s linear 4;
  -o-animation: blinker 1s linear 4;
  animation: blinker 1s linear 4;
}

@-webkit-keyframes blinker {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: .0;
  }

  100% {
    opacity: 1.0;
  }
}

@-o-keyframes blinker {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: .0;
  }

  100% {
    opacity: 1.0;
  }
}

@keyframes blinker {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: .0;
  }

  100% {
    opacity: 1.0;
  }
}

.bounce {
  -webkit-animation: bounce 1s .5s;
  -o-animation: bounce 1s .5s;
  animation: bounce 1s .5s;
}

.bounceHide {
  -webkit-animation: bounce 1s, showHide 5s;
  -o-animation: bounce 1s, showHide 5s;
  animation: bounce 1s, showHide 5s;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }

  60% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes bounce {
  0% {
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -o-transform: scale(1.6);
    transform: scale(1.6);
  }

  60% {
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  80% {
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
  }

  60% {
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  80% {
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes progressiveHighlight {
  0% {
    background-color: #fff4ce;
  }

  90% {
    background-color: #fff4ce;
  }
}

@-o-keyframes progressiveHighlight {
  0% {
    background-color: #fff4ce;
  }

  90% {
    background-color: #fff4ce;
  }
}

@keyframes progressiveHighlight {
  0% {
    background-color: #fff4ce;
  }

  90% {
    background-color: #fff4ce;
  }
}

@-webkit-keyframes progressiveUpdate {
  0% {
    background-color: #e33000;
    color: #ffffff;
  }

  90% {
    background-color: #e33000;
    color: #ffffff;
  }
}

@-o-keyframes progressiveUpdate {
  0% {
    background-color: #e33000;
    color: #ffffff;
  }

  90% {
    background-color: #e33000;
    color: #ffffff;
  }
}

@keyframes progressiveUpdate {
  0% {
    background-color: #e33000;
    color: #ffffff;
  }

  90% {
    background-color: #e33000;
    color: #ffffff;
  }
}

@-webkit-keyframes progressiveUpdateLink {
  0% {
    color: #ffffff;
  }

  90% {
    color: #ffffff;
  }
}

@-o-keyframes progressiveUpdateLink {
  0% {
    color: #ffffff;
  }

  90% {
    color: #ffffff;
  }
}

@keyframes progressiveUpdateLink {
  0% {
    color: #ffffff;
  }

  90% {
    color: #ffffff;
  }
}

.showHide {
  -webkit-animation: showHide 1s linear 4;
  -o-animation: showHide 1s linear 4;
  animation: showHide 1s linear 4;
}

@-webkit-keyframes showHide {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes showHide {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes showHide {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*IE8 Compatibility*/

/*ls-wrapper.less*/

@media \0screen {
  .wrapper:before,
  .wrapper:after {
    content: none;
  }
}

/*Theming*/

/*@import "variables/ls-variables-widgets.less";*/

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 18px;
}

.wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  border: 0;
}

.wrapper:before {
  content: "";
  display: none;
}

.left-sidebar {
  display: table-cell;
  vertical-align: top;
  background: #f3f4f5;
  border-right: 1px solid #e7e7e7;
  padding: 0;
  float: none;
  margin: 0;
  width: 150px;
  font-size: 12px;
}

.sidebar-nav {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.sidebar-nav > li {
  border-bottom: 1px solid #e8e8e8;
}

.sidebar-nav > li > a {
  font-weight: 600;
  line-height: 23px;
  cursor: pointer;
  padding: 11px 21px;
  padding-right: 15px;
}

.sidebar-nav > li > a .icon.right {
  float: right;
  line-height: 23px;
  color: #d4d4d4;
}

.sidebar-nav > li > a .icon.active {
  color: #5da400;
}

.sidebar-nav > li > a.option-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  padding-left: 8px;
  padding-right: 8px;
  display: none;
}

.sidebar-nav > li > a.pull-right {
  position: absolute;
  border-left: 1px solid #e8e8e8;
  color: #adadad;
  background-color: #f5f5f5;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 15px 15px 8px;
  line-height: 30px;
}

.sidebar-nav > li > a.pull-right span {
  font-size: 18px;
}

.sidebar-nav > li > a i {
  font-size: 16px;
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.sidebar-nav > li > a .badge.pull-right {
  margin-left: 2px;
  position: absolute;
  right: 8px;
}

.sidebar-nav li {
  position: relative;
  font-weight: 400;
}

.sidebar-nav li.active > a {
  color: #5da400;
}

.sidebar-nav li.user-display.active {
  background-color: #5da400;
}

.sidebar-nav li.user-display.active .info span {
  color: #ffffff !important;
}

.sidebar-nav li:hover .option-icon {
  display: block;
}

.sidebar-nav li a {
  color: #4a4a4a;
  display: block;
}

.sidebar-nav li a:hover {
  background-color: #e2e5e6;
  cursor: pointer;
}

.sidebar-nav li a:hover .icon.right {
  color: #808080;
}

.sidebar-nav li a:hover.dropdown-toggle:before {
  color: #808080;
}

.sidebar-nav li a.dropdown-toggle:before {
  content: "\e60d";
  font-family: "LSicons";
  font-size: 10px;
  left: 8px;
  position: absolute;
  color: #d4d4d4;
  -webkit-transition: -webkit-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.sidebar-nav li a.sortable .sort {
  margin-top: 2px;
  position: absolute;
  left: 5px;
  top: 1px;
  opacity: 0;
  font-size: 12px;
  cursor: move;
}

.sidebar-nav li a.sortable .close {
  display: none;
  font-size: 12px;
  right: 4px;
  top: 1px;
  margin-top: 3px;
  position: absolute;
  color: rgba(0, 0, 0, 0.2);
  text-shadow: none;
  opacity: 1;
}

.sidebar-nav li a.sortable .close:hover {
  color: #808080;
}

.sidebar-nav li a.sortable:hover .sort {
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  text-shadow: none;
}

.sidebar-nav li a.sortable:hover .sort:hover {
  color: #808080;
}

.sidebar-nav li a.sortable:hover .close {
  display: block;
}

.sidebar-nav li .sub-menu {
  padding: 0 0 10px;
  list-style: none;
  -webkit-transition: max-height 400ms ease-out;
  -o-transition: max-height 400ms ease-out;
  transition: max-height 400ms ease-out;
}

.sidebar-nav li .sub-menu.second-menu > li.open > a {
  background-color: #edeff0;
  border-left: 3px solid #5da400;
  padding-left: 18px;
}

.sidebar-nav li .sub-menu > li a {
  padding: 3px 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar-nav li .sub-menu > li a span.img {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 18px;
  margin-top: -7px;
}

.sidebar-nav li .sub-menu > li a span.img > img {
  margin: 0;
}

.sidebar-nav li .sub-menu > li a img,
.sidebar-nav li .sub-menu > li a span {
  margin-right: 5px;
  margin-top: -5px;
  max-width: 18px;
  max-height: 18px;
}

.sidebar-nav li .sub-menu > li a .country-flag {
  position: relative;
  top: 6px;
}

.sidebar-nav li .sub-menu > li a.dropdown-toggle:before {
  margin-top: 2px;
}

.sidebar-nav li .sub-menu > li a.no-link {
  cursor: default;
  background: none;
}

.sidebar-nav li .sub-menu > li.open > a:hover {
  background-color: #e2e5e6;
}

.sidebar-nav li .sub-menu > li.open > a:before {
  color: #999999;
}

.sidebar-nav li .sub-menu > li.more a {
  color: #2e9fc7;
}

.sidebar-nav li .sub-menu > li.more a i {
  position: relative;
  text-align: center;
  display: inline-block;
  width: 18px;
  margin-right: 5px;
}

.sidebar-nav li .sub-menu > li.item-placeholder {
  border: 1px dashed #cccccc;
  padding: 12px 0;
  background: #e6e6e6;
}

.sidebar-nav li .sub-menu > li .third-menu {
  padding: 0;
  list-style: none;
  background-color: #edeff0;
  border-left: 3px solid #5da400;
}

.sidebar-nav li .sub-menu > li .third-menu li a {
  color: #2e9fc7;
  padding-left: 18px;
}

.sidebar-nav li .sub-menu > li .third-menu li a .fav {
  color: #cccccc;
  position: absolute;
  right: 0;
  top: 5px;
  padding: 3px 7px;
  display: block;
}

.sidebar-nav li .sub-menu > li .third-menu li a .fav:hover {
  color: #a1a1a1;
}

.sidebar-nav li .sub-menu > li .third-menu li a .fav.active {
  color: #ffc600;
}

.sidebar-nav li .sub-menu > li .third-menu li a.dropdown-toggle:before {
  left: 5px;
}

.sidebar-nav li .sub-menu > li .third-menu li:hover:before {
  color: #d4d4d4;
}

.sidebar-nav li .sub-menu > li .third-menu li.sub-menu:hover:before {
  color: #d4d4d4;
}

.sidebar-nav li .sub-menu > li .third-menu li .fourth-menu {
  padding: 0;
  list-style: none;
}

.sidebar-nav li .sub-menu > li .third-menu li .fourth-menu li a {
  padding-left: 30px;
}

.sidebar-nav li .sub-menu > li .third-menu li .fourth-menu li a.pull-right {
  padding-left: 0px !important;
}

.sidebar-nav li.open > a.dropdown-toggle:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar-nav-inverse {
  background-color: #2e3436;
}

.sidebar-nav-inverse > li > a.dropdown-toggle {
  color: #d1d4d5;
  line-height: 20px;
}

.sidebar-nav-inverse > li > a.dropdown-toggle.active .icon {
  color: #5da400;
  margin-right: 5px;
  font-size: 16px;
}

.sidebar-nav-inverse > li > a.dropdown-toggle:before {
  margin-top: 0;
  font-size: 10px;
}

.sidebar-nav-inverse > li > a.dropdown-toggle:hover {
  background-color: #3e4749;
}

.sidebar-nav-inverse > li > a.dropdown-toggle:hover:before {
  color: #ffffff;
}

.sidebar-nav-inverse > li > ul > li a {
  color: #d1d4d5;
  line-height: 19px;
}

.sidebar-nav-inverse > li > ul > li a .icon {
  color: #818f93;
  font-size: 16px;
  position: relative;
  top: 3px;
}

.sidebar-nav-inverse > li > ul > li a:hover {
  background-color: #3e4749;
}

.sidebar-nav-inverse > li > ul > li.active a {
  background-color: #5da400;
  color: #ffffff;
}

.sidebar-nav-inverse > li > ul > li.active a .icon {
  color: #ffffff;
}

.user-sidebar-nav {
  margin-bottom: 0;
}

.user-sidebar-nav > li {
  border-bottom: 1px solid #343b3d;
}

.user-sidebar-nav li.user-display {
  overflow: hidden;
  padding: 10px 20px;
  text-align: center;
}

.user-sidebar-nav li.user-display .profile-image {
  height: 50px;
  width: 50px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.user-sidebar-nav li.user-display .profile-image > a {
  height: 50px;
  width: 50px;
  bottom: 0px;
  margin-left: -50%;
  opacity: 0;
}

.user-sidebar-nav li.user-display .profile-image > a .icon {
  font-size: 15px;
  top: 11px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.user-sidebar-nav li.user-display .profile-image > a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.user-sidebar-nav li.user-display img {
  height: 50px;
  width: 50px;
  background: #3a4144;
}

.user-sidebar-nav li.user-display .info {
  margin-top: 6px;
}

.user-sidebar-nav li.user-display .info span {
  color: #d7d7d7;
}

.user-sidebar-nav li.user-display .info a {
  color: #9ccdff;
  font-size: 12px;
}

.user-sidebar-nav li.user-display .info a:hover {
  background-color: transparent;
  color: #007fff;
}

.user-sidebar-nav li.rank {
  text-align: center;
  padding: 10px 20px;
}

.user-sidebar-nav li.rank span.title {
  text-transform: uppercase;
  color: #818f93;
  font-weight: 600;
  font-size: 12px;
}

.user-sidebar-nav li.rank .rank-numbers span.rank1 {
  font-size: 25px;
  color: #d1d4d5;
}

.user-sidebar-nav li.rank .rank-numbers span.rank2 {
  font-size: 17px;
  color: #88969a;
}

.right-sidebar .panel .panel-heading .tools {
  right: -7px;
}

.breadcrumb {
  border-radius: 0;
  background: #ffffff;
  padding: 0 0 0 20px;
  margin: 0;
  border-bottom: 1px solid #ececec;
}

.breadcrumb > li {
  font-size: 12px;
}

.breadcrumb > li > a {
  outline: none;
  display: inline-block;
  line-height: 43px;
  padding: 0 8px;
  border-bottom: 2px solid transparent;
}

.breadcrumb > li > a img.team {
  max-width: 18px;
  max-height: 18px;
  margin-right: 7px;
}

.breadcrumb > li > a > span {
  font-size: 11px;
  margin-left: 6px;
  color: #e2e2e2;
}

.breadcrumb > li > a > span.icon,
.breadcrumb > li > a > i.icon,
.breadcrumb > li > a > .icon {
  font-size: 17px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.breadcrumb > li > a > span.icon:hover,
.breadcrumb > li > a > i.icon:hover,
.breadcrumb > li > a > .icon:hover {
  color: #424749;
}

.breadcrumb > li h1,
.breadcrumb > li h2,
.breadcrumb > li h3 {
  font-size: 12px;
  display: inline-block;
  margin: 0;
  padding: 0 8px;
  color: #b0b0b0;
}

.breadcrumb > li + li:before {
  color: #e2e2e2;
  font-family: 'LSicons';
  content: "\e60d ";
  padding: 0;
  font-size: 17px;
  vertical-align: middle;
}

.breadcrumb > li.open > a {
  background: #f0f0f0;
  border-bottom-color: #5da400;
}

.breadcrumb > li.open > a > span {
  color: #5da400;
}

.breadcrumb > li.active:before {
  padding-right: 8px;
}

.breadcrumb > li.active > a {
  padding-left: 0;
}

.breadcrumb > li .dropdown-menu {
  left: 17px;
  /*This is only a temporal solution*/
  max-height: 300px;
  overflow: auto;
}

.breadcrumb-subtitle {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-indent: -980px;
}

.main {
  display: table-cell;
  vertical-align: top;
  background: #ffffff;
  padding: 0;
  float: none;
  margin: 0;
  width: 100%;
}

.main .content-wrapper {
  margin: 0;
  padding: 20px;
}

.main .content-wrapper > .content {
  float: left;
  width: 620px;
  padding-right: 10px;
}

.main .content-wrapper > .content.content-no-sidebar-left {
  width: 770px;
}

.main .content-wrapper .right-sidebar {
  float: left;
  width: 310px;
  padding-left: 10px;
}

.main--alt {
  background: transparent;
  padding-top: 1em;
}

.footer .top-footer {
  background: #313536;
}

.footer .top-footer > .row {
  margin: 0;
  display: table;
  width: 100%;
}

.footer .top-footer .left-column {
  padding: 20px 25px 40px;
  display: table-cell;
  float: none;
  vertical-align: top;
}

.footer .top-footer .left-column > .row {
  margin-bottom: 0;
}

.footer .top-footer .left-column h3,
.footer .top-footer .left-column span.title,
.footer .top-footer .left-column span {
  color: #d2dce5;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
  margin-bottom: 9px;
  margin-top: 18px;
}

.footer .top-footer .left-column h3 img,
.footer .top-footer .left-column span.title img,
.footer .top-footer .left-column span img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.footer .top-footer .left-column h3.title,
.footer .top-footer .left-column span.title {
  text-transform: uppercase;
}

.footer .top-footer .left-column ul {
  padding: 0;
}

.footer .top-footer .left-column ul li {
  list-style: none;
}

.footer .top-footer .left-column ul li a {
  color: #9fbbd3;
  font-size: 11px;
  line-height: 18px;
}

.footer .top-footer .left-column ul li a:hover {
  color: #7ca2c3;
}

.footer .top-footer .right-column {
  background: #272a2c;
  display: table-cell;
  float: none;
  padding: 40px 20px 0;
  vertical-align: top;
}

.footer .top-footer .right-column img {
  margin-bottom: 40px;
}

.footer .top-footer .right-column p {
  color: #f9f9f9;
  font-size: 11px;
  line-height: 18px;
}

.footer .top-footer .right-column .app-links {
  margin-top: 20px;
}

.footer .top-footer .right-column .app-links img:first-child {
  margin-right: 5px;
}

.footer .bottom-footer {
  overflow: hidden;
  text-align: center;
  background: #272a2c;
}

.footer .bottom-footer .navbar-nav {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.footer .bottom-footer .navbar-nav li a {
  color: #9fbbd3;
  font-size: 11px;
  padding: 13px 15px;
}

.footer .bottom-footer .navbar-nav li a:hover,
.footer .bottom-footer .navbar-nav li a:focus {
  background: transparent;
}

.footer .bottom-footer .navbar-nav li a:hover {
  color: #7ca2c3;
}

.footer .bottom-footer .warning-text {
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  text-align: right;
  padding: 4px 0 0;
}

.footer .bottom-footer .legal-text {
  margin: 10px auto 0;
  border-top: 1px solid #7f7f7f;
  color: #7f7f7f;
  padding: 10px 0 0;
  font-size: 11px;
  line-height: 13px;
}

.footer .bottom-footer .ls-svg {
  float: right;
  max-width: 32px;
  max-height: 32px;
  background: #ffffff;
  margin: 4px 0 0 10px;
}

.footer .bottom-footer .ls-svg-bg {
  fill: #272a2c;
}

.footer .bottom-footer .ls-svg-text {
  fill: #272a2c;
}

.footer .bottom-footer .over18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
}

.footer .bottom-footer .over18 .ls-svg {
  fill: #fff;
  background: none;
}

.footer .bottom-footer .over18 a {
  color: #fff;
}

.footer .bottom-footer .over18 p {
  margin: 0;
}

/* Components */

.ls-alert {
  padding: 20px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 21px;
  border: none;
}

.ls-alert h4 {
  margin-top: 0;
  color: inherit;
}

.ls-alert .alert-link {
  font-weight: bold;
}

.ls-alert > p,
.ls-alert > ul {
  margin-bottom: 0;
}

.ls-alert > p + p {
  margin-top: 5px;
}

.ls-alert.alert-dismissible {
  padding-right: 30px;
}

.ls-alert > .icon {
  vertical-align: middle;
  height: 20px;
  width: 20px;
  display: inline-block;
  font-size: 18px;
  margin-right: 12px;
  text-align: center;
}

.ls-alert > .icon.icon-default {
  color: #c3c3c3;
}

.ls-alert > .icon.glyphicon-ok {
  font-size: 14px;
}

.ls-alert.icon {
  line-height: 19px;
}

.ls-alert.ls-alert--info {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
  background-color: rgba(255, 216, 0, 0.2);
  border-left: 4px solid #ffd800;
}

.ls-alert.ls-alert--info hr {
  border-top-color: #f7e1b5;
}

.ls-alert.ls-alert--info .alert-link {
  color: #66512c;
}

.bar-chart {
  width: 100%;
}

.bar-chart .bars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 50px;
  border-bottom: 1px solid #eeeeee;
}

.bar-chart .bars .bar {
  width: 50px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.bar-chart .bars .bar--green {
  background-color: #94da1c;
}

.bar-chart .bars .bar--yellow {
  background-color: #fbd900;
}

.bar-chart .bars .bar--red {
  background-color: #f67f62;
}

.bar-chart .x-axis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 5px;
  color: #969696;
  text-transform: lowercase;
}

.btn-secondary {
  background-color: #ffd800;
  text-transform: uppercase;
  color: #4a4a4a;
}

.btn-secondary:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #167773;
}

.btn-secondary:active {
  color: #ffd800;
  background-color: #167773;
  box-shadow: none;
}

.card {
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 19.5px;
}

.card__header,
.card__body,
.card__footer {
  padding: 13px;
}

.card__header.card__header--with-separator {
  border-bottom: 1px solid #eeeeee;
}

.card__title {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.card__title.card__title--with-bolded {
  font-weight: 400;
}

.card__body {
  display: block;
  color: #262a36;
}

.card__body--indented {
  padding: 13px 13.7px;
}

@media (min-width: 768px) {
  .card__body--indented {
    padding: 13px 39px;
  }
}

.card--flat {
  box-shadow: none;
}

.card--flat .card__header {
  padding: 13px 13px 0 13px;
  border: none;
}

.card--flat .card__title {
  display: inline-block;
  padding-bottom: 0;
  margin: 0 0 19.5px 0;
  font-size: 22px;
  color: #807f9a;
  font-weight: 400;
}

.card--flat .card__title .card__title {
  display: inline-block;
  padding-bottom: 4px;
  margin: 0 0 19.5px 0;
}

.card--flat .card__title .card__title span {
  color: #333333;
  font-weight: 700;
}

.card--flat .card__title .card__body {
  display: block;
  color: #262a36;
  padding: 39px;
}

.card--flat .card__title .card__body:last-child {
  border-bottom: 1px solid #555555;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.card--flat .card__title .card__footer {
  padding: 0 39px 39px 39px;
  border-bottom: 1px solid #555555;
}

.card > .list-group {
  margin: 0;
}

.card > .list-group .list-group-item {
  padding-left: 13px;
  padding-right: 13px;
}

.card > .list-group .list-group-item:last-child {
  padding-bottom: 13px;
}

.match-list.match-list--vertical .match-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-top: 1px solid #e2e2e2;
  color: #969696;
}

.match-list.match-list--vertical .match-item .match-item__when,
.match-list.match-list--vertical .match-item .match-item__teams {
  padding: 6.5px 13px;
}

.match-list.match-list--vertical .match-item .match-item__when {
  -webkit-flex-basis: 110px;
  -ms-flex-preferred-size: 110px;
  flex-basis: 110px;
  padding-right: 0;
}

.match-list.match-list--vertical .match-item .match-item__when .match-item__date,
.match-list.match-list--vertical .match-item .match-item__when .match-item__competition {
  font-size: 11px;
}

.match-list.match-list--vertical .match-item .match-item__teams {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 11px;
}

.match-list.match-list--vertical .match-item .match-item__teams__team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 7px;
}

.match-list.match-list--vertical .match-item .match-item__teams__team:last-child {
  margin-bottom: 0;
}

.match-list.match-list--vertical .match-item .match-item__teams__team.winner {
  font-weight: 600;
  color: #000000;
}

.match-list.match-list--vertical .match-item .match-item__teams__team .team__logo {
  width: 18px;
  margin-right: 5px;
}

.match-list.match-list--vertical .match-item .match-item__teams__team .team__logo img {
  width: 100%;
}

.match-list.match-list--vertical .match-item .match-item__teams__team .team__name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.match-list.match-list--vertical .match-item .match-item__teams__team .team__score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 30px;
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
}

.match-list.match-list--vertical .match-item .team__outcome {
  -webkit-flex-basis: 20px;
  -ms-flex-preferred-size: 20px;
  flex-basis: 20px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 6.5px 6.5px 6.5px 0;
}

.match-list.match-list--vertical .match-item .team__outcome__value {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.match-list.match-list--vertical .match-item .team__outcome--win {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.match-list.match-list--vertical .match-item .team__outcome--win .team__outcome__value {
  background-color: #94da1c;
}

.match-list.match-list--vertical .match-item .team__outcome--lost {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.match-list.match-list--vertical .match-item .team__outcome--lost .team__outcome__value {
  background-color: #f67f62;
}

.match-list.match-list--vertical .match-item .team__outcome--draw {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.match-list.match-list--vertical .match-item .team__outcome--draw .team__outcome__value {
  background-color: #fbd900;
}

.match-list.match-list--vertical .match-item__date {
  color: #4a4a4a;
}

.progress-top-labels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.progress-top-labels .progressbar__legend-value:last-child {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.progress-top-labels .progressbar__legend-value:nth-child(2):not(:last-child) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.progressbar__legend-value {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.3em;
}

.progressbar__legend-value .legend {
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 3px;
  word-wrap: anywhere;
}

.progressbar__legend-value .number {
  font-weight: 600;
}

.progressbar__legend-value.progressbar__legend-value--highlighted .number {
  color: #5da400;
  font-weight: 700;
}

.nav-tabs--ls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.nav-tabs--ls .nav-link {
  color: #4a4a4a;
  text-transform: capitalize;
  padding-bottom: 6.5px;
}

.nav-tabs--ls .nav-link.active {
  border-bottom: 3px solid #2e9fc7;
  font-weight: 600;
}

.nav-tabs--ls .nav-link:hover {
  background: none;
}

.match-participants--hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 13px;
}

.match-participants--hero .hero__team {
  font-weight: 600;
  text-align: center;
}

.match-participants--hero .hero__team img {
  display: block;
  margin-right: 13px;
}

.match-participants--hero .hero__team.hero__team--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.match-participants--hero .hero__team.hero__team--horizontal:last-child img {
  margin-right: 0;
  margin-left: 13px;
}

/** Pages */

body.page--pronosticador {
  background: #f3f3f5;
}

body.page--pronosticador .header .navbar-right {
  display: none;
}

@media (max-width: 768px) {
  body.page--pronosticador footer.footer .top-footer .left-column,
  body.page--pronosticador footer.footer .top-footer .right-column {
    display: block;
  }

  body.page--pronosticador footer.footer .container {
    width: 100%;
    min-width: initial;
  }
}

.widget--bookmaker-list .card__title span:first-child {
  vertical-align: bottom;
}

.widget--bookmaker-list .bookmaker-list .bookmaker {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  box-shadow: none;
  padding: 13px;
  border-bottom: 1px dotted #ccc;
}

.widget--bookmaker-list .bookmaker-list .bookmaker:last-child {
  border-bottom: none;
  padding: 13px;
}

.widget--bookmaker-list .bookmaker-list .bookmaker:after {
  display: none;
}

.widget--bookmaker-list .bookmaker-list .partner-list__order {
  position: initial;
  border-radius: 0;
}

.bookmaker-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.bookmaker-list .bookmaker {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__item {
  padding: 13px;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__item:hover {
  background-color: #f8f8f8;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__item:last-child .bookmaker:after {
  border-bottom: none;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker:after {
  content: "";
  border-bottom: 1px solid #dddddd;
  position: absolute;
  bottom: -1em;
  left: 0;
  right: 0;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__logo-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__review {
  padding-top: 0;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__bonus {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 1em;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__bonus .partner-list__bonus-text {
  padding-bottom: 6.5px;
}

.bookmaker-list.bookmaker-list--vertical .bookmaker__button {
  padding: 13px 0 13px 13px;
}

.bookmaker-list.bookmaker-list--vertical .break {
  border-top: 0;
  border-bottom: 1px solid #dddddd;
  margin: 13px 0 0 0;
}

.bookmaker-list--table .bookmaker {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0;
}

.bookmaker-list--table .bookmaker .bookmaker__logo,
.bookmaker-list--table .bookmaker .bookmaker__bonus,
.bookmaker-list--table .bookmaker .bookmaker__review,
.bookmaker-list--table .bookmaker .bookmaker__button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.bookmaker-list--table .bookmaker .bookmaker__bonus,
.bookmaker-list--table .bookmaker .bookmaker__review {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.bookmaker-list--table .bookmaker .bookmaker__order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bookmaker-list--table .bookmaker .bookmaker__logo {
  padding: 8px;
}

.bookmaker-list--table .bookmaker .bookmaker__bonus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 13px;
}

.bookmaker-list--table .bookmaker .bookmaker__bonus .partner-list__bonus-text {
  padding: 0 13px;
}

.bookmaker-list--table .bookmaker .bookmaker__review {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}

.bookmaker__order {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  background-color: #454a4c;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  border-radius: 4px 0 0 4px;
}

.partner-list--small .bookmaker__order {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px 0 4px 0;
  padding: 4px 0px;
  line-height: 1.5;
}

.partner-list--small .bookmaker:active .bookmaker__order {
  background-color: #167773;
}

.bookmaker__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bookmaker__logo img {
  max-width: 80px;
}

.bookmaker__review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #177773;
}

.bookmaker__review .partner-list__review-link {
  color: #167773;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
}

.partner-list--small .bookmaker__review .partner-list__review-link {
  display: block;
  margin-bottom: 2px;
}

.main-article .partner-list .bookmaker__review .partner-list__review-link {
  text-decoration: none;
}

.bookmaker__bonus {
  text-align: right;
  color: #177773;
}

.bookmaker__bonus .partner-list__bonus-text {
  font-size: 11px;
  line-height: 1.17;
}

.partner-list--small .bookmaker__bonus .partner-list__bonus-text {
  line-height: 1.6em;
}

.bookmaker__bonus .partner-list__bonus-value {
  color: #167773;
  font-size: 20px;
  font-weight: 600;
  line-height: 0.85;
}

.bookmaker__button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  padding: 8px;
}

.partner-list--small .bookmaker__button {
  padding: 0;
}

.partner-list--small .bookmaker__button a {
  padding: 5px 14px;
}

.bookmaker__button a {
  display: block;
  padding: 9px 17px;
  border-radius: 4px;
  background-color: #ffd800;
  font-size: 12px;
  line-height: 1.58;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #4a4a4a;
}

.main-article .partner-list .bookmaker__button a {
  text-decoration: none;
}

.bookmaker__button a:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #167773;
}

.bookmaker__button a:active {
  color: #ffd800;
  background-color: #167773;
  box-shadow: none;
}

.card--match-statistics .possession {
  padding: 13px 10px 20px;
  text-align: center;
}

.card--match-statistics .possession .title {
  margin-bottom: 13px;
}

.card--match-statistics .possession .graph .progress {
  margin-bottom: 6.5px;
}

.card--match-statistics .possession .graph .progress-bar {
  background-color: #94da1c;
}

.card--match-statistics .possession .legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 18px;
}

.card--match-statistics .possession .legend .percent {
  color: #969696;
}

.card--match-statistics .possession .legend .percent-highlighted {
  color: #94da1c;
  font-weight: bold;
}

.card--match-statistics .table {
  margin: 0 auto;
}

.card--match-statistics .table .prog {
  text-align: right;
  width: 30%;
}

.card--match-statistics .table .prog .progress {
  margin: 0;
  background-color: transparent;
  box-shadow: none;
}

.card--match-statistics .table .prog .progress .progress-bar {
  box-shadow: none;
  border-radius: 2px;
  min-width: 1px;
}

.card--match-statistics .table .statistic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card--match-statistics .table .statistic-bars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.card--match-statistics .table .statistic-bars .progress {
  background-color: transparent;
  box-shadow: none;
  width: 35%;
  height: 8px;
  border-radius: 0;
  margin-bottom: 0;
  margin-right: 3px;
}

.card--match-statistics .table .statistic-bars .progress:last-child {
  margin-right: 0;
}

.card--match-statistics .table .statistic-bars .progress:first-child .progress-bar {
  float: right;
}

.card--match-statistics .table .statistic-bars .progress .progress-bar {
  background-color: #94da1c;
  box-shadow: none;
}

.card--match-statistics .table .statistic-bars .progress.gray .progress-bar {
  background-color: #d8d8d8;
}

.card--match-statistics .table .number {
  width: 2%;
  text-align: center;
  font-weight: 600;
  color: #969696;
}

.card--match-summary {
  font-family: 'Open Sans', sans-serif;
}

.card--match-summary .card__header {
  text-align: center;
  text-transform: uppercase;
}

.card--match-summary .card__header .card__title {
  font-size: 12px;
}

.card--match-summary .card__header .card__title a {
  color: #5da400;
}

.card--match-summary .card__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 2em;
  padding-bottom: 2.5em;
}

.card--match-summary .team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  color: #333333;
}

.card--match-summary .team .team__name {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 19.5px;
}

.card--match-summary .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2em 10px 0 10px;
}

.card--match-summary .info .time {
  font-weight: 500;
  font-size: 2.5em;
}

.card--match-summary .info .date {
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
}

.card--match-summary .info .info__score {
  font-size: 3em;
  font-weight: 600;
}

.card--match-summary .info .info__halftime-score {
  font-weight: 600;
  margin-bottom: 13px;
}

.card--match-summary .info .info__status {
  font-weight: 600;
  color: #2e9fc7;
  text-transform: uppercase;
  text-align: center;
}

.card--match-summary .info .period,
.card--match-summary .info .minute {
  color: #2e9fc7;
  font-weight: 700;
  margin-left: 5px;
}

.card--match-summary .info .match-is-live {
  display: block;
  margin-top: 1em;
  font-weight: normal;
  text-transform: initial;
}

.card--match-summary.card--match-summary--inprogress .info__score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #2e9fc7;
  color: #FFF;
  border-radius: 13px;
  padding: 0 20px;
  margin-bottom: 10px;
}

.card--match-summary.card--match-summary--inprogress .info__score .versus {
  margin: 0 10px;
}

.card--head-to-head .progressbar__legend-value {
  min-width: 70px;
}

.card--head-to-head .head-to-head__intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 39px;
}

.card--head-to-head .head-to-head__intro__team {
  font-weight: 600;
  text-align: center;
}

.card--head-to-head .head-to-head__intro__team img {
  margin: 6.5px auto;
  display: block;
}

.card--head-to-head .head-to-head__intro__hero {
  text-align: center;
}

.card--head-to-head .head-to-head__intro__hero strong {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}

.card--head-to-head .head-to-head__intro__hero small {
  font-size: 11px;
}

.card--head-to-head .progressbar__legend-value .number {
  font-weight: 300;
}

.card--head-to-head .progressbar__legend-value.highlighted .number {
  font-weight: 600;
  color: #92d41f;
}

.card--head-to-head .progressbar__legend-value .legend {
  text-transform: lowercase;
}

.card--head-to-head .progress {
  height: 6px;
}

.card--head-to-head .progress .progress-bar {
  background-color: #92d41f;
}

.card--head-to-head .progress .progress-bar--tied {
  background-color: #fbd900;
}

.card--head-to-head .card__footer {
  text-align: center;
  font-weight: 600;
}

.card--head-to-head .card__footer a {
  padding: 0;
  color: #2e9fc7;
}

.card--participant-forms .card__header {
  height: 60px;
}

.card--participant-forms .match-list.match-list--vertical .match-item .match-item__when {
  width: 50px;
}

.card--participant-forms .card__footer {
  font-weight: 600;
}