/* general classes */
.green_circle { border-radius: 50%;  background: yellowgreen; }


/* startlist v3 */
.startlist_v3 { list-style: none; overflow: hidden; }
.startlist_v3 li { width: 33%;   float: left; margin-bottom: 20px; font-size: 12px; line-height: 17px; }
.startlist_v3 li:nth-child(3n+1){ clear: left;  }
.startlist_v3 ul { list-style: none; }
.startlist_v3 ul li { float: none; width: 100%; margin: 0; }

@media screen and (max-width: 1100px){
    .startlist_v3 li:nth-child(3n+1){ clear: none;  }
    .startlist_v3 li:nth-child(2n+1){ clear: left;  }
    .startlist_v3 li { width: 50%; }
}
@media screen and (max-width: 600px){
    .startlist_v3 li { width: 100%;  font-size: 14px; line-height: 19px; }
}

.startlist_v4 { list-style: none; overflow: hidden; }
.startlist_v4 li { width: 50%;   float: left; margin-bottom: 20px; font-size: 12px; line-height: 17px; }
.startlist_v4 li div.shirtCont { width: 120px; float: left; }
.startlist_v4 li div.ridersCont { width: calc(100% - 120px); float: left; }
.startlist_v4 ul { list-style:none; }
.startlist_v4 ul li { float: none; width: 100%; margin: 0; overflow: hidden; padding: 1px 0;}
.startlist_v4 ul li.dropout { opacity: 0.2; }
.startlist_v4 .bib { display: inline-block; width: 24px; height: 16px; background: #e8f0f6; text-align: center; border-radius: 1px; margin-right: 4px; font-size: 11px; float: left; }
.startlist_v4 li:nth-child(2n+1){ clear: left;  }
.startlist_v4 span.confirmed { width: 20px; height: 20px; background: url('https://www.procyclingstats.com/site-icons/tick48grey.png') no-repeat; background-size: 20px; display: inline-block; float: left; margin-left: -3px; margin-right: 4px;  }
.startlist_v4 span.confirmed.ok { background: url('https://www.procyclingstats.com/site-icons/tick48grey.png') no-repeat; background-size: 20px; }
.startlist_v4 a.team { font-size: 14px; font-weight: bold; display: block; float: left; width: calc(100% - 25px);  }
.startlist_v4 .recentlyAdded { background: #c4ec74; display: inline-block; border-radius: 10%; line-height: 10px; margin-left: 2px; padding: 2px 4px; font-size: 10px; color: #858c1f; }
.startlist_v4 .dsCont { font-size:11px; color: #999; }
.startlist_v4 .dsCont a:link, .startlist_v4 .dsCont a:visited { color: #999;  }
.startlist_v4 .dsCont a:hover { color: #1B9BE0;  }
.startlist_v4 .perc:link, .startlist_v4 .perc:visited { display: block; float: left; width: 24px; height: 16px; background: #e8f0f6; color: #777; text-align: center; border-radius: 2px; font-size: 10px; margin-right: 4px; }
.startlist_v4 .perc[data-bg="green"]:link, .startlist_v4 .perc[data-bg="green"]:visited { background: #d2f24b; color: #768f0e; }
.startlist_v4 .perc:hover, .startlist_v4 .perc[data-bg="green"]:hover { text-decoration:none; background:#333; color:#fff; }
.startlist_v4 li ul li[data-bg="default"] .riderlink { opacity:0.5; }


@media screen and (max-width: 600px){
    .startlist_v4 li { width: 100%;  font-size: 14px; line-height: 19px; }
    .startlist_v4 li div.shirtCont { width: 90px;  }
    .startlist_v4 li div.ridersCont {  width: calc(100% - 90px);  }
}

/* linechart */
.linechart_v1 { width: 100%; position: relative; }
.linechart_v1 svg { width:100%;   height:100%; margin: 0;z-index: 3; position: absolute; }
.linechart_v1 div.point { position: absolute; z-index: 5; width: 6px; height:6px;  border: 2px solid #A1D250; border-radius: 50%; background: #fff; }
.linechart_v1 div.value { position: absolute; z-index: 7; width: 30px; font-size: 10px;   text-align: center;   }
.linechart_v1 div.vert_line { position: absolute; z-index: 4; width: 1px;  background: #fff; }
.linechart_v1 div.label { position: absolute; z-index: 4;   background: #fff;  height: 20px; width: 20px;  text-align: center; }

.linechartV3 {  }


.vlabels li.hide1 { display: none;  }
@media screen and (max-width: 600px){
    .vlabels li.show1, .vlabels li.show1.hide2  { display: none;  }
    .vlabels li.show2  { display: block;  }
    .vlabels li { display: none;  } /* to prevent horizontal scroll on mobile */
}


/* barchart */
.barchart { display: flex; list-style: none; }
.barchart.bgShade li    { background: #E6F0F5;  }
.barchart.bgShade li:hover  { background: #DAE7ED;  }
.bar-label-text { position: absolute;   width: 100%;  align-items: center;  z-index: 10000;  }
.bar-label-text.flex { display: flex; justify-content: center; }
.bar-label-text.hide { display: none; }

/* barchart_simple */
.barchart_simple div.innerCont { width: 100%;  }
.barchart_simple .label { font-size: 12px; background: #fff; }
.barchart_simple .barCont {  float: left;  position: relative; text-align: center;  }
.barchart_simple .bgCont {  background: #E6F0F5; position: relative;  }
.barchart_simple .barCont:hover .bgCont { background: #DAE7ED;  }
.barchart_simple .bg { position: relative; width: 100%;    }

.barchart_simple.dark_bg { background: #003A4C;  padding: 5px; border-radius: 7px; color: #fff; width: auto; display: inline-block;  }
.barchart_simple.dark_bg div.innerCont {  background: #e00;  }
.barchart_simple.dark_bg .bgCont { background: #003A4C; border-right: 1px solid #05485C;}
.barchart_simple.dark_bg .barCont:hover .bgCont { background: #05485C;  }

/* articles */
.article table { font-size: 12px; border-collapse: collapse; width: 100%;  }
.article table.basic tr th  { color: #bbb; font-weight: normal;  font-size: 10px; text-transform: uppercase; padding: 1px 0; background: transparent;}
.article table tr td, .tlDefaultTable tr th { background: #fff; }
.article table tr td { border-top: 1px solid #ddd; padding: 4px 0; line-height: 11px; }
.article table tr td.padr5, .timeline2 table tr th.padr5 { padding-right: 5px; }
.article table tr.highlight td { background: #D0E3A8; font-weight: bold;  }
.article table.basic tr td a:link, .article table.basic tr td a:visited { color: #1B9BE0; }

.article p a:link, .article p a:visited { color: #72c2ed; color: #2373af; }
.article p a:hover { color: #3dabff; text-decoration:none; }

/* LiveStats */
.timeline2 { list-style: none;  border: 1px solid #ddd; border-radius: 4px; padding: 4px; min-height: 50px; font-size: 14px;  }
.timeline2 li.event { border-left: 1px solid #555; margin-left: 11px; padding-left: 20px; margin-bottom: 0; padding-bottom: 10px; }
.timeline2 li div.bol { border-radius: 50%; border: 2px solid #666; width: 20px; height: 20px; margin-left: -32px; background: #fff; float: left; text-align: center; line-height: 20px; letter-spacing: -0.5px; font-size: 10px; color: #555; }
.timeline2 li div.txt { border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 10px; font-size: 14px;  }
.timeline2 li a:link, .timeline2 li a:visited {  color: #1B9BE0;   }
.timeline2 li ul { list-style: none; }
.timeline2 li ul.ls_list { padding-left: 20px; list-style: square;}
.timeline2 li a.goto:link, .timeline2 li a.goto:visited { color: #72c2ed; background: #fff; border: 1px solid #b5e6ff; border-radius: 3px; display: inline-block; font-size: 12px; margin-top: 5px; padding: 3px 15px; }
.timeline2 li a.goto:hover, .timeline2 li a.goto:active { border-color: #000; color: #000;  }

.timeline2 span.text { display: none;  }
.timeline2[data-lan="gb"] span.text[data-lan="gb"] { display: block;  }
.timeline2[data-lan="nl"] span.text[data-lan="nl"] { display: block;  }
.timeline2[data-lan="es"] span.text[data-lan="es"] { display: block;  }
.timeline2[data-lan="it"] span.text[data-lan="it"] { display: block;  }
.timeline2[data-lan="fr"] span.text[data-lan="fr"] { display: block;  }

.timeline2 li[data-voted="1"] input[type="submit"] { display: none;  }
.timeline2 li[data-voted="1"] input[type="radio"] { display: none;}
.timeline2 li[data-voted="0"] div.thanksForVoting { display: none; }

.timeline2 .showFullList:link,  .timeline2 .showFullList:visited { text-transform: lowercase; background: #dcedf7;  border-radius: 2px; padding: 3px 18px; font-size: 11px; color: #9cc1d6; margin-top: 2px; display: inline-block; }
.timeline2 .showFullList:hover {  background: #cee2ed;  color: #5f8396; text-decoration: none; }

.timeline2 .timeago { float: right; display: block; font-size: 10px; color: yellowgreen; margin-left: 5px; }

.timeline2 table { font-size: 12px; border-collapse: collapse; width: 100%;  }
.timeline2 table tr th  { color: #bbb; font-weight: normal;  font-size: 10px; text-transform: uppercase; padding: 1px 0; background: transparent;}
.timeline2 table tr td, .tlDefaultTable tr th { background: #fff; }
.timeline2 table tr td { border-top: 1px solid #ddd; padding: 3px 0; line-height: 11px; }
.timeline2 table tr td.padr5, .timeline2 table tr th.padr5 { padding-right: 5px; }
.timeline2 table tr.highlight td { background: #D0E3A8; font-weight: bold;  }
.timeline2 table tr.highlight td { background: #D0E3A8; font-weight: bold;  }
.timeline2 table.space6 tr td { padding: 6px 2px;   }
.timeline2 table.space8 tr td { padding: 8px 2px;   }


.infoSnippet { float: left; margin-right: 10px;  }
.infoSnippet .number { font-size: 32px; letter-spacing: -2px; font-weight: bold;    }
.infoSnippet .number_in_circle { font-size: 32px; letter-spacing: -2px; font-weight: bold;  border: 4px dashed #AECDE9; color: crimson; border-radius: 50%; width: 59px; height: 59px; text-align: center; line-height: 59px;  }
.infoSnippet .parallellogram {  transform: skew(-15deg); background: #0F576E; color: #fff; padding: 3px 15px; font-size: 26px; letter-spacing: -2px; font-weight: bold;   }
.infoSnippet .lastKM { width: 0;   height: 0;    border-left: 16px solid transparent;      border-right: 16px solid transparent;      border-top: 32px solid crimson; }
.infoSnippet .square { padding: 5px 10px; background: #272F3D; color: #fff; font-size: 26px; letter-spacing: -2px; font-weight: bold; }
.infoSnippet .started { fill: yellowgreen; }
.infoSnippet .delta_down { color: crimson;  font-size: 24px; letter-spacing: -2px; font-weight: bold;   }
.infoSnippet .delta_up { color: yellowgreen;  font-size: 24px; letter-spacing: -2px; font-weight: bold;   }
.infoSnippet .finish { width: 50px; overflow: hidden;  }
.infoSnippet .finish li { float: left; width: 10px; height: 10px; background: #324D5B; border-radius: 1px;}
.infoSnippet .finish li:nth-child(even) { background: #eee; }
.infoSnippet .number-vs-number { overflow: hidden;  }
.infoSnippet .number-vs-number li { float: left; padding: 8px 8px; background: #B7210B; color: #fff; font-size: 24px; letter-spacing: -1.5px; font-weight: bold; border-radius: 2px; }
.infoSnippet .number-vs-number li:first-child { margin-right: 1px; background: #77AF2C; color: #fff; }
.infoSnippet .perc_bol  { width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background: #b6e026;  text-align: center; color: #333; font-weight: bold; font-size: 30px; letter-spacing: -2px;  }
.infoSnippet .perc_bol span { font-size: 18px;  }
.infoSnippet .twitter { width: 30px; height: 30px; background: url(https://www.procyclingstats.com/images/icons/twitter128.png) no-repeat 0 0;  background-size: 30px; }
.infoSnippet .poll { width: 50px; height: 50px; background: url(https://www.procyclingstats.com/images/icons/questionmark.png) no-repeat 0 0; margin-bottom:  10px; background-size: 50px; }
.infoSnippet .hour_glass { width: 50px; height: 50px; background: url(https://www.procyclingstats.com/images/icons/hour_glass.png) no-repeat 0 0; margin-bottom:  20px;   background-size: 50px; }
.infoSnippet .last_lap { width: 50px; height: 50px; background: url(https://www.procyclingstats.com/images/icons/notification.png) no-repeat 0 0; margin-bottom:  20px;   background-size: 50px; }
.infoSnippet .flag_start { width: 50px; height: 50px; background: url(https://www.procyclingstats.com/images/icons/flag_start.png) no-repeat 0 0; margin-bottom:  20px;   background-size: 50px; }
.infoSnippet .photoFinish { width: 50px; height: 50px; background: url(https://www.procyclingstats.com/images/icons/camera-icon.png) no-repeat 0 0; margin-bottom:  20px;   background-size: 50px; }
.infoSnippet .teamshirt { float: left; margin-right: 10px;  }
.infoSnippet .bigText { font-size: 27px; font-weight: bold; font-style: italic; letter-spacing: -1px; line-height: 22px; padding-bottom: 8px; }
.infoSnippet .animatedNr { border: 3px solid #333; border-radius: 4px; width: 70px; height: 60px; text-align: center; line-height: 60px; font-weight: bold; font-size: 38px; letter-spacing: -3px; }
.bigSnippet { border-radius: 50px;  background: #FF415A; width: 280px;  padding:  7px; overflow:  hidden; box-shadow: 5px 5px 5px #ddd; }
.bigSnippet .nr { float: left; background: #fff; color:  #e02d45; box-shadow: 5px 5px 5px #e02d45; border-radius: 50%; width: 60px; height: 60px; text-align: center; line-height: 60px;
    font-weight: bold; font-size: 40px; letter-spacing: -3px; }
.bigSnippet .text { color: #fff; padding: 5px; width:  calc(100% - 80px);  margin-left:  10px; float: Left;  }
.bigSnippet.blue { background: #016786;  }  .bigSnippet.blue .nr { color:  #0a4b5e; box-shadow: 5px 5px 5px #0a4b5e; }
.bigSnippet.yellow { background: #FFBA05;  }  .bigSnippet.yellow .nr { color:  #333; box-shadow: 5px 5px 5px #d19904; }
.bigSnippet.green { background: #01BF7F;  }  .bigSnippet.green .nr { color:  #01BF7F; box-shadow: 5px 5px 5px #079465; }

.factText { background: #DFE9F0; color: #333;border-radius:4px; padding: 8px; font-style:italic; font-size: 14px; text-align: center; line-height: 19px;margin-top: 10px; max-width: 300px; }

.situ3 { list-style: none; }
.situ3 li { overflow: hidden; position: relative; min-height: 30px;  }
.situ3 li div.bolCont { width: 28px; float: left; }
.situ3 li div.riderCont { width: calc(100% - 28px); float: left; margin-bottom: 5px;  border-top: 1px solid #bbb; }
.situ3 li div.steepnessCont { display: none;  }
.situ3[data-steepness="1"] li div.riderCont { width: calc(100% - 60px);  }
.situ3[data-steepness="1"] li div.steepnessCont { display: block;  }
.situ3 li div.steepnessCont { width: 32px; float: left; border-top: 1px solid #bbb;  padding-top: 6px; font-size: 11px; overflow: hidden; }
.situ3 li div.bol { background: #1B9BE0; border-radius: 50%;  width: 22px; height: 22px; text-align: center;  line-height: 22px; color: #fff; margin-top: 5px; z-index: 99; position: relative;  }
.situ3 li div.bol.one, .situ3 li[data-grouptype="2"] div.bol {  width: 16px; height: 16px;   line-height: 16px; font-size: 10px;   margin-left: 3px;}
.situ3 li[data-grouptype="2"] div.bol  { background: #ccc;  }
.situ3 li div.line {    height: 100%;  width: 2px; background: #333; position: absolute; margin-left: 10px; top: 0; }
.situ3 li div.group-aantal { position: absolute; padding:  0 2px; height: 12px; background: #333; border-radius: 3px; color: #fff; top: 0px; left: 16px; line-height: 12px; text-align: center; font-size: 10px; letter-spacing: -0.5px;
    z-index: 9999; }
.situ3 li span.time { font-weight: bold; font-size: 14px; }
.situ3 li[data-grouptype="2"]  span.time { font-weight: normal; color: #444; }

.situ3 li span.time font { display: none;  width: 14px; text-align: center;  }
.situ3 li span.time[data-uncertain="1"] { color:  #444; font-weight: normal; font-size: 14px; }
.situ3 li span.time[data-uncertain="1"] font { display: inline-block; }
.situ3 li span.time[data-uncertain="2"]  { display: none; }
.situ3 .riders2 { border-collapse: collapse; font-size: 14px; width: 100%;  }
.situ3 li[data-grouptype="2"] .riders2 { font-size: 11px; opacity: 0.6;  }
.situ3 .riders2 td { border-top: 0px solid #ddd;  }
.situ3 .riders2 td.rnk {  width: 3%;  font-size: 10px; color: #666; text-align: center;}
.situ3 .riders2 td.bib {  width: 6%;   font-size: 12px; text-align: center; letter-spacing: -1px; }
.situ3 .riders2 td.bib div { background: #DFE9F0; width: 16px; height: 16px; line-height: 16px; letter-spacing: -0.5px; font-size: 10px; color: #555; }
.situ3 li[data-grouptype="2"] .riders2 td.bib div { width: 14px; height: 14px;  line-height: 14px;  }
.situ3 .riders2 td.team {  width: 4%;  }
.situ3 .riders2 td.name {  width: 63%;  }
.situ3 .riders2 td.time {  width: 18%; padding-right: 2%; text-align: right; font-size: 11px; color: #555;  }
.situ3 .riders2 td.nation {  width: 6%; text-align: right; }
.situ3 .riders2 td.del { display: none; }
.situ3 .contribute:link, .situ3 .contribute:visited { display: block; color: #ddd; font-size: 10px; float: right; }
.situ3 .contribute:hover { color: #1B9BE0; }
.steepnessCont div.perc { font-size: 10px;  float: right;  color: #333; }
.steepnessCont div.triangle { width: 0;     height: 0;      border-bottom: 8px solid #333;      border-left: 7px solid transparent; float: right; margin-top:2px;  margin-right: 2px; }

.tl_situ { list-style: none; }
.tl_situ li { overflow: hidden; position: relative; font-size: 12px; }
.tl_situ .lineCont { width: 22px; float: left; }
.tl_situ .textCont { width: calc(100% - 26px); float: left; margin-bottom: 10px; }
.tl_situ li div.xbol { background: #1B9BE0; border-radius: 50%;  width: 18px; height: 18px; text-align: center;  line-height: 18px; color: #fff; }
.tl_situ li div.line {    height: 100%;  width: 2px; background: #333; position: absolute; margin-left: 8px; }
.tl_situ li .xshirt { display: inline-block; float: left;  }

.ViewFullTimeline:link, .ViewFullTimeline:visited  { display: block;  background: #DFE9F0;  text-align: center; border-radius: 3px; margin-top: 4px; padding: 5px 0; color: #708B9F; }
.ViewFullTimeline:hover { color: #333; text-decoration: none;  background: #D2E0E9; }

.statRequest2:link, .statRequest2:visited { background: #eee; border-radius: 2px; display: inline-block; float: right; text-align: center; padding: 4px 20px; color: #666; }

.groupcolor { color: #57792B; }

/* livestats tt times table */
.tt-times-table { border-collapse: collapse; width: 100%;  }
.tt-times-table th { font-size: 10px; text-transform: uppercase; color: #777; font-weight: normal; text-align: left;  background: #fff;}
.tt-times-table td { border-top: 1px solid #ddd; padding: 4px 0; }
.tt-times-table tr:nth-child(odd){   }

/* donut chart */
.donut-cont {  }
.donut-chart svg text {  }

.chart-text {
    font: 16px/1.4em  Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.5px;
    fill: #000;
    -moz-transform: translateY(0.45em);
    -ms-transform: translateY(0.45em);
    -webkit-transform: translateY(0.45em);
    transform: translateY(0.45em);
}

.line2_1 { text-anchor: middle; letter-spacing: -0.4px;  font-size: 9px; line-height: 11px; transform: translateY(-9px);}
.line2_2 { text-anchor: middle; letter-spacing: -0.4px;  font-size: 9px; line-height: 11px; transform: translateY(-1px); }

.line3_1 { text-anchor: middle; letter-spacing: -0.2px;  font-size: 5px; line-height: 6px; transform: translateY(-11px);}
.line3_2 { text-anchor: middle; letter-spacing: -0.2px;  font-size: 5px; line-height: 6px; transform: translateY(-6px); }
.line3_3 { text-anchor: middle; letter-spacing: -0.2px; font-size: 5px; line-height: 6px; transform: translateY(-1px); }

.chart-percentage {  font-size: 10px;  line-height: 1;  text-anchor: middle;  -moz-transform: translateY(-0.35em);  -ms-transform: translateY(-0.35em);  -webkit-transform: translateY(-0.35em);  transform: translateY(-0.35em);}

svg .donut-segment.red { stroke: #EC3838; }  svg .donut-segment.red:hover { stroke: #FE5151; }
svg .donut-segment.blue { stroke: #367DCF; } svg .donut-segment.blue:hover { stroke: #2668B5; }
svg .donut-segment.yellowgreen { stroke: #bbdb1a; } svg .donut-segment.yellowgreen:hover { stroke: #adcf04; }

svg .donut-segment.sprint  { stroke: #FFAD4E;  }   .legend li span.clr.sprint { background: #FFAD4E;  }
svg .donut-segment.climber  { stroke: #BB4B9C;  }  .legend li span.clr.climber { background: #BB4B9C;  }
svg .donut-segment.tt { stroke: #5DA9EF;  }        .legend li span.clr.tt { background: #5DA9EF;  }
svg .donut-segment.classic   { stroke: #A0D54C;  } .legend li span.clr.classic { background: #A0D54C;  }
svg .donut-segment.gc   { stroke: #F42A0E;  }      .legend li span.clr.gc { background: #F42A0E;  }

/* slice from pie */
svg .blue1 {  fill: #367DCF; }
svg .blue1:hover {  fill: #2668B5;  }

svg .red2 {  fill: #FF4B3A; }
svg .red2:hover {  fill: #F34130;  }

/* gantt chart */
.gantt { list-style: none;  }
.gantt li { overflow: hidden; border-top: 1px solid #ddd; padding: 3px 0; }
.gantt li a { display: block; height: 14px;  border-radius: 2px; position: relative;}
.gantt li div { position: absolute;  left: calc(100% + 5px); width: 400px; }

/* head to head */
.hthInfo { float: left; width: 45%;  }
.hthInfoMid { float: left; width: 10%; font-size: 36px; font-weight: bold; text-align: center; padding-top: 50px; }
.hthImg { padding: 4px; border-radius: 4px; display: inline-block; border: 1px solid #ddd; float: right; width: 100px; }
.hthInfo.rg .hthImg { float: left;  }
.hthImg img { border-radius: 4px; width: 100%;   }
.hthName { float: left; font-size: 28px; font-weight: bold; letter-spacing: -2px; padding: 30px 30px 10px 0; width: calc(100% - 140px);   text-align: right;  }
.hthInfo.rg .hthName { text-align: left;  padding: 30px 0 10px 30px; float: right; }
.hthScore  {  font-size: 34px; font-weight: bold; letter-spacing: -2px; padding-top: 10px;text-align:right  }
.hthScore[data-better="1"] { color: yellowgreen; }
.hthScore[data-better="0"] { color: crimson; }
.h2h.teams .hthImg { width: 140px; }
.h2h.teams .hthName  {  width: calc(100% - 180px); }

@media screen and (max-width: 600px){
    .hthName, .hthInfo.rg .hthName, .h2h.teams .hthName { width: 100%;  }
    .hthName span { display: block; min-height: 70px; }
    .hthInfoMid { font-size: 22px;  padding-top: 150px; }
}

.hth-results { list-style: none;   }
.hth-results li { overflow: hidden; padding: 2px 0; font-size: 13px; line-height: 25px; border-top: 1px solid #ddd;  }
.hth-results li div { float: left;  }
.hth-results li div.rnk1, .hth-results li div.rnk2 { width: 25px; text-align: center; height: 25px;  border-radius: 50%; font-size: 13px; line-height: 25px; }
.hth-results li div.better { background: yellowgreen; color: #fff; }
.hth-results li div.race { width: calc(100% - 60px); text-align: center; }

.hth-kpis {  }
.hth-kpis td  div.barCont { background: #E9F0F2; height: 10px; overflow: hidden; }
.hth-kpis td.bar1 div.barCont div.bg {  float: right; background: #1261A6;  text-align: right; }
.hth-kpis td.bar2 div.barCont div.bg {  background: #97CC3B; }


/* running avg chart */
.bucket-cont:hover { background: #E9F0F2; }


/* LEGEND */
.legend  {  list-style: none; overflow: hidden;  }
.legend li {  overflow: hidden;    }
.legend.horizontal li { float: left; padding-right: 11px;  }
.legend li span { display: block; float: left;  font-size: 11px; color: #333; }
.legend li span.clr { display: inline-block; width: 12px; height: 10px; margin-right: 4px; margin-top: 1px;  }
.legend li span.value { display: inline-block; width: 32px; height: 10px;  text-align: right; font-size: 11px; font-weight: bold; margin-right: 4px; }

/* Deviation from avg */
.devFromAvg {  }
.devFromAvgUl { list-style: none; }
.devFromAvgUl li { overflow: hidden;   }
.devFromAvgUl li div  { height: 16px; float: left;   }
.devFromAvgUl li div.neg { width: calc(50% - 1px); border-right: 1px solid #333;    }
.devFromAvgUl li div.pos { width: 50%;      }
.devFromAvgUl li div.neg div.bar {  float: right; background: crimson;  }
.devFromAvgUl li div.pos div.bar { float: left;  background: yellowgreen;    }
.devFromAvgUl li:hover {   }
.devFromAvgUl li div div.bar { height: 12px;  }
.devFromAvgUl li:hover div.neg div.bar {  float: right; background: #ED2D53;  }
.devFromAvgUl li:hover div.pos div.bar { float: left;  background: #AEDE4E;    }
.devFromAvgUl li div div.value { float: right; font-size: 11px; color: #333; padding: 0 11px;  }
.devFromAvgUl li div.neg div.value, .devFromAvgUl li div.neg a.label {  float: right;    }
.devFromAvgUl li div.pos div.value, .devFromAvgUl li div.pos a.label { float: left;     }
.devFromAvgUl li div  a.label { display: block;  font-size: 11px; }

/* country map */
.cMap .dot:link, .cMap .dot:visited { display: block; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; background: crimson;  }
.cMap .dot.green:link, .cMap .dot.green:visited { background: yellowgreen; }

.hoverCountryMapSegment line { stroke: #333; }
.hoverCountryMapSegment:hover line { stroke: crimson; }
.CountryMapSegmentInfo { display: none; border: 1px solid #333; background: #fff;   }

.cMapDot:link, .cMapDot:visited { display: block; position: absolute;   }
.cMapDot { border-radius: 50%;  display: block; position: absolute; }
.cMapDot.a { background: #0972CE;  }
.cMapDot.b { background: #EB000A;  }
.cMapDot.i { background: #333; }
.cMapDot.heatmap { background: crimson; opacity: 0.7; }
.cMapDot span.hvr { display: none;  border-radius: 2px; border: 1px solid #bbb; background: #fff; z-index: 10; color: #000; width: 100px;}
.cMapDot:hover span.hvr { display: block;  }

/* sectionmap */
.sectionmap {   width: 100%;   position: relative; }
.sectionmap .map {   position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}
.sectionmap .mapunit {  width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; border-radius: 50%; border: 2px solid #fff; background: #1585E7; position: absolute;  }

.profileUnit {  position: absolute; height: 80px; top: 40px; width: 1px; background: #333; font-size: 10px; font-family: tahoma;  }  /* writing-mode: vertical-rl;  text-orientation: mixed; */

.worldmap {  background: url(https://www.procyclingstats.com/images/worldmap4.png) no-repeat 0 0; background-size: 100%;}

.gpxmap .km { height: 12px; border-radius: 10%; background: #fff; line-height: 12px; position: absolute;     font-size: 10px; opacity: 0.7; letter-spacing: -0px; padding: 0 1px; }
.gpxmap .city { position: absolute;    height: 8px; width: 8px; border-radius: 10%;  background: #333;}
.gpxmap .city span { width: 140px; display: block;  top: -20px; position: absolute;}
.gpxmap .city.start { background: crimson; border: 1px solid #fff; box-shadow: 0px 0px 5px #fff;  }
.gpxmap .city.finish { background: #333;  border: 1px solid #fff; box-shadow: 0px 0px 5px #fff;  }
.mapblue { background: radial-gradient(ellipse at center, #257ec2 0%,#0e5ca7 100%); border-radius: 5px; }
.mapgrey { background: #eee; border-radius: 5px; }
.maplines {  border: 1px solid #ddd; }
.direction-arrow { width: 0;   height: 0;  border-top: 5px solid transparent;   border-left: 6px solid #333;    border-bottom: 5px solid transparent; position: absolute;}

/* pyramid */

.pyramid { border: 0px solid #333; list-style: none; }
.pyramid li { margin-bottom: 1px; overflow: hidden;  }
.pyramid li div {    border-bottom: 30px solid red;   border-left: 15px solid transparent;      border-right: 15px solid transparent; height: 0; line-height: 30px; text-align: center;color: #fff; float: left;
    font-size: 11px;  }
.pyramid li span { display: block; float: left; font-size: 12px;   }
.pyramid li span.txt-in { margin-left: -30px; font-size: 11px; color: #fff; padding-top: 14px; line-height: 16px; width: 30px; text-align: center;  }
.pyramid li:first-child div {    width: 0;     margin-left: 64px; border-bottom-color: #A20000; text-align: left;    }
.pyramid li:nth-child(2) div {   width: 32px;  margin-left: 48px; border-bottom-color: #F02121;   }
.pyramid li:nth-child(3) div {   width: 64px;  margin-left: 32px; border-bottom-color: #F08121;  }
.pyramid li:nth-child(4) div {   width: 96px;  margin-left: 16px; border-bottom-color: yellowgreen;   }
.pyramid li:nth-child(5) div {   width: 128px;  margin-left: 0px; border-bottom-color: yellowgreen;   }



/* sitemap */
.sitemap { padding-left: 20px; list-style: square;  }
.sitemap li { font-size: 13px;  }
.sitemap li.level1 { border-top: 1px solid #bbb; }
.sitemap li a:link, .sitemap li a:visited {  color: #126AA9; }
.sitemap li a.black:link, .sitemap li a.black:visited {  color: #333; }
.sitemap li a.level1:link, .sitemap li a.level1:visited { color: #769F08; font-size: 17px;   padding: 3px 0; display: inline-block; }
.sitemap li a.level2:link, .sitemap li a.level2:visited { color: #000; font-size: 14px; padding: 1px 0; display: inline-block; }
.sitemap li ul { padding-left: 20px; list-style: disc;  }
.sitemap li ul li { font-size: 14px; }
.sitemap li ul li ul  { padding-left: 20px; list-style: circle;  }
.sitemap li ul li ul li { font-size: 14px; }
.sitemap li ul li ul li h4 { font-weight: bold; color: #666; font-size: 11px; display: inline-block; margin-top: 5px; }
.sitemap li ul li ul li ul { column-count: 3; border: 1px dashed #ddd; border-radius: 4px; padding: 4px; max-width: 700px;  list-style: none; }
.sitemap li ul li ul li ul li::before {  content: "\2022";     color: #126AA9; ;    display: inline-block;    width: 1em;  }

.sitemap2 { list-style:none; font-size: 14px; border-top: 1px solid #333; margin-top: 10px; }
.sitemap2 li { display: flex; border-top: 1px solid #333; line-height:21px; }
.sitemap2 li.level1 { padding-bottom:4px;  }
.sitemap2 li.level1:first-child, .sitemap2 li.level2:first-child, .sitemap2 li.level3:first-child, .sitemap2 li.level4:first-child { border-top: 0; }
.sitemap2 li div { width: 150px;  }
.sitemap2 li ul { width: calc(100% - 150px);   }
.sitemap2 li.level3 { border-top: 1px solid #bbb; }
.sitemap2 li.level4 { border-top: 1px dashed #bbb; font-size:12px; line-height:18px; }



/* GAME */
.myteam2Cont {  border: 1px solid #ddd;  border-radius: 5px; padding: 5px;  }
.myteam2 { border-collapse: collapse; width: 100%;     }
.myteam2 th { text-align: left; font-size: 11px; }
/*
.myteam2 tr[data-id="0"] td.stars ul { display: none;   }
.myteam2 tr[data-id="0"] td.name span { display: none;  }
.myteam2 tr[data-id="0"] td.delete a { display: none;  }
*/
.myteam2 td {  border-top: 1px dashed #ccc; padding: 2px 0 0; font-size: 14px; height: 30px;  }

.gamestars li { overflow: hidden; float: left; }
.gamestars li a { display: inline-block; width: 23px; height: 23px;   padding: 0; margin: 0; float: left; }

.gamestars { list-style: none; margin: 0; margin-top: 3px;  padding: 0; text-indent: 0; width: 115px; display: inline-block; height: 23px;  background: url(https://www.procyclingstats.com/images/game_stars_v2.png) no-repeat; background-size: 230px; }
.gamestars[data-stars="0"] { background-position:  -115px -0; }
.gamestars[data-stars="1"] { background-position:  -92px -0;  }
.gamestars[data-stars="2"] { background-position:  -69px -0;  }
.gamestars[data-stars="3"] { background-position:  -46px -0;  }
.gamestars[data-stars="4"] { background-position:  -23px -0;   }
.gamestars[data-stars="5"] { background-position:  -0px -0;    }

.gamestars[data-starwidth="0"] {   width: 0px; }
.gamestars[data-starwidth="1"] {  width: 23px; }
.gamestars[data-starwidth="2"] {  width: 46px; }
.gamestars[data-starwidth="3"] {  width: 69px; }
.gamestars[data-starwidth="4"] {  width: 92px; }
.gamestars[data-starwidth="5"] {  width: 115px; }

.removeFromTeam:link, .removeFromTeam:visited { background-image: url(https://www.procyclingstats.com/images/icons/remove_grey.png); background-size: 24px; display: block; width: 24px; height: 24px; }
.removeFromTeam:active, .removeFromTeam:hover { background-image: url(https://www.procyclingstats.com/images/icons/remove_red.png);   }


.cb-rider-program { list-style: none; }
.cb-rider-program li { overflow: hidden; border-top: 1px dashed #ddd; padding: 2px 0; }
.cb-rider-program li:first-child { border-top: 0; }
.cb-rider-program li span.date {  display: block; float: left; width: 70px; padding: 2px 0; }
.cb-rider-program li span.form { display: block; float: left; border: 0px solid #ddd; padding: 3px; border-radius: 3px; margin: 0 3px;  }
.cb-rider-program li span.form input { margin: 0; }
.cb-rider-program li div.race { float:left; padding: 2px 0; }
.cb-rider-program a.removeLine { float: right;  display: inline-block; padding: 0 3px; }

.gme-top-info { font-size: 11px; margin-bottom: 3px; }
.gme-top-info li span  { color: #999; }
.gme-top-info li { margin-right: 8px; }

.gme-tabs li a:link, .gme-tabs li a:visited { color: #444; font-size: 11px; text-transform: uppercase; padding: 2px 4px; }
.gme-tabs li a.cur:link, .gme-tabs li a.cur:visited { color: dodgerblue; text-decoration: none;  }

.listCont a.pick:link, .listCont a.pick:visited { background: #ddd; width: 36px; border-radius: 2px; height: 16px; line-height: 16px; text-align: center; display: block; }
.listCont a.pick:hover { background: #aaa; text-decoration: none; color: #000; }
.listCont a.pick span:nth-child(2) { display: none; }
.listCont a.pick.cur:link, .listCont a.pick.cur:visited { background: yellowgreen; color: #fff; }
.listCont a.pick.cur span:nth-child(2) { display: inline-block; }
.listCont a.pick.cur span:nth-child(1) { display: none; }

.gme-stats { font-size: 14px;  }
.gme-stats li { overflow: hidden; display: flex; margin: 6px 0;}
.gme-stats li div:nth-child(1) { margin-right: 8px;   }


.ls-kpi { list-style: none; overflow: hidden;    } /*  display: flex;  justify-content: space-between;  */
.ls-kpi li { float: left; margin-right: 25px; }
.ls-kpi li div:nth-child(1) { text-transform: uppercase; color: #999; font-size: 10px;  }
.ls-kpi li div:nth-child(2) { font-size: 14px; font-weight: bold; }
@media screen and (max-width: 600px){
    .ls-kpi li { margin-right:  15px;  }
    .ls-kpi li div:nth-child(1) {   font-size: 10px; }
    .ls-kpi li div:nth-child(2) {  font-size: 11px; }
}

/* widgets */
.widgetResult h3 {  font-weight: bold; font-size: 14px; }
.widgetResult h4 {  color: #2276BC;  font-weight: normal; font-size: 14px; }
.widgetResult { font-size: 12px; height: 320px; max-width: 800px; }
.widgetResult[data-fontsize="11"] { font-size: 11px;  }
.widgetResult[data-fontsize="12"] { font-size: 12px;  }
.widgetResult[data-fontsize="13"] { font-size: 13px;  }
.widgetResult[data-fontsize="14"] { font-size: 14px;  }
.widgetResult[data-fontsize="15"] { font-size: 15px;  }
.widgetResult[data-fontsize="16"] { font-size: 16px;  }
.widgetResult[data-font="Times"] { font-family: Times;  }
.widgetResult ul { list-style: none; overflow: hidden;   }

.widgetResult div.tabs-cont { height: 21px; border-bottom: 1px solid #ccc; position: relative;  }
.widgetResult ul.tabs { overflow: hidden; list-style: none; margin-top: 5px; padding: 0;  }
.widgetResult ul.tabs li { float: left; border: 1px solid #ccc; margin-left: 3px;}
.widgetResult ul.tabs li a:link, .widgetResult ul li a:visited { display: block; padding: 2px 6px; color: #666; background: #eee;  height: 16px; text-decoration: none;  }
.widgetResult ul.tabs li a:hover { background: #fff; color: #000; }
.widgetResult ul.tabs li.cur  {  border-bottom: 1px solid #fff; text-decoration: none; background: #fff; color: #000;  }
.widgetResult ul.tabs li.cur a:link, .widgetResult ul.tabs li.cur a:visited { background: #fff; color: #000;}

.widgetResult ul.results li { display: none;  }
.widgetResult ul.results li h5 { font-size: 12px; font-weight: normal;  display: none; margin-top: 8px; }
.widgetResult ul.results li:first-child { display: block;  }
.widgetResult ul.results li a:link, .widgetResult ul.results li a:visited { color: #000; }
.widgetResult[data-color="red"] ul.results li a:link, .widgetResult[data-color="red"] ul.results li a:visited { color: crimson; }
.widgetResult[data-color="blue"] ul.results li a:link, .widgetResult[data-color="blue"] ul.results li a:visited { color: blue; }
.widgetResult[data-color="green"] ul.results li a:link, .widgetResult[data-color="green"] ul.results li a:visited { color: yellowgreen; }

.widgetResult table { width: 100%;  }
.widgetResult table tr td, .widgetResult table tr th { padding: 2px;  }
.widgetResult table tr td { border-top: 1px solid #eee;  }
.widgetResult[data-noflags="1"] table tr td span.flag { display: none; }

.widgetResult[data-format="resgc"] div.tabs-cont  { display: none; }
.widgetResult[data-format="resgc"] ul.results li:nth-child(2) { display: block;  }
.widgetResult[data-format="resgc"] { height: 600px; }
.widgetResult[data-format="resgc"] ul.results li h5 { display: block; }

.powered_by  {  color: #999; font-size: 10px; padding: 5px 0;  }
.powered_by a:link, .powered_by a:visited { color: #F06E6E;  text-decoration: none; }
.powered_by a:hover { text-decoration: underline; }


.widgetSetup { list-style: none;  }
.widgetSetup li { border-top: 1px dashed #ddd; padding: 2px; overflow: hidden;  }
.widgetSetup li div { float: left;  }
.widgetSetup li div:nth-child(1) { width: 80px;  }
.widgetSetup li div:nth-child(2) { width: calc(100% - 80px); }

.widgetRiderResult {  font-size: 12px;  max-width: 800px;  }
.widgetRiderResult[data-fontsize="11"] { font-size: 11px;  }
.widgetRiderResult[data-fontsize="12"] { font-size: 12px;  }
.widgetRiderResult[data-fontsize="13"] { font-size: 13px;  }
.widgetRiderResult[data-fontsize="14"] { font-size: 14px;  }
.widgetRiderResult[data-fontsize="15"] { font-size: 15px;  }
.widgetRiderResult[data-fontsize="16"] { font-size: 16px;  }
.widgetRiderResult[data-font="Times"] { font-family: Times;  }

.rdrResultsWidget { border-collapse: collapse; }
.rdrResultsWidget th.name, .rdrResultsWidget td.name { width: 52%;  white-space: nowrap;   overflow: hidden;  text-overflow: ellipsis; max-width: 100px;}
.rdrResultsWidget th { text-align: left;  }
.rdrResultsWidget tr td { border-top: 1px solid #eee; padding: 3px 2px; }
.rdrResultsWidget td.gc { font-size: 10px; color:#d1b934; }
.rdrResultsWidget tr[data-main="1"] td {  border-top: 1px solid #ccc;  padding: 5px 2px;  }
.rdrResultsWidget tr[data-main="1"] td.name  { font-weight: bold; }
.rdrResultsWidget tr[data-main="1"] td.name span { font-weight: normal; }
.rdrResultsWidget tr[data-main="0"] span.flag { display: none; }
.widgetRiderResult[data-noflags="1"] table tr td span.flag { display: none; }

.GenerateEmbedUrl { background: #427FED; color: #fff;  border: 0; width: 220px; border-radius: 3px; padding: 6px 0; text-align: center; margin: 5px 0;}
.GenerateEmbedUrl:hover { background: #3A77E5; }

#embed_url { width: 100%; height: 90px; border: 1px solid #eee; font-family: courier; padding: 5px; font-size: 14px;  }


/* search page */
.searchFormCont {   background: #D8ECF2; border: 1px solid #A6D2E0; border-radius: 8px; padding: 14px; display: inline-block; }
.searchForm { list-style: none; overflow: hidden; }
.searchForm li { float: left;  }
.searchForm li div.title { display: none;  }
.searchForm li input[type="text"] { font-size: 16px; padding: 3px;  width: 260px;  }
.searchForm li input[type="submit"] { margin-left: 10px; font-size: 14px; padding: 4px 25px; }

/* Login page */
.loginForm { list-style: none; font-weight: bold; border: 1px dashed #bbb; padding: 10px; border-radius: 5px; max-width: 350px; width: 100%; }
.loginForm input[type="text"], .loginForm input[type="password"] { font-size: 16px; padding: 3px; width: 90%; }
.loginForm li { margin-bottom: 8px; }
.loginSubmit { padding: 5px 25px; font-size: 14px; margin-top: 3px; }

/* register */
.registerCont input[name="username"] { display: none; }
.register { list-style: none; border: 1px solid #ddd; padding: 20px; border-radius: 8px;  font-size: 14px; width: 86%; max-width: 600px; }
.register li { overflow: hidden;  padding: 10px 5px; padding-left: 50px;   }
.register li:not(:first-child) { border-top: 1px dashed #ddd;  }
.register li.emailaddress { background: url(https://www.procyclingstats.com/images/icons/email_green.png) no-repeat 0 7px; }
.register li.password { background: url(https://www.procyclingstats.com/images/icons/password.png) no-repeat 0 7px; }
.register li.nickname { background: url(https://www.procyclingstats.com/images/icons/user4.png) no-repeat 0 7px; }
.register li.nationality { background: url(https://www.procyclingstats.com/images/icons/globe.png) no-repeat 0 7px; }

.register li div { float: left;  }
.register li div:nth-child(1){  width: 40%; padding-top: 4px; }
.register li div:nth-child(2){  width: 60%;   }
.register li input, .register li select { padding: 3px; font-size: 14px;  max-width: 250px; width: 80%;  }
input[name="GoAndRegistrate"] { font-size: 14px; padding: 5px 25px; margin-left: 70px; margin-top: 5px;   }
@media screen and (max-width: 600px){
    .register li div:nth-child(1) { width: 94%; }
    .register li div:nth-child(2) { width: 94%; }
    .register li input, .register li select { font-size: 16px; width: 95%; }
}

/* PercBar */
.PercBar { border: 1px solid #ddd; width: 200px; overflow: hidden; }
.PercBar.GreenShade { border: 1px solid #888; border-radius: 3px; font-size: 14px; letter-spacing: -1px;  }
.PercBar .bg { float: left;  }
.PercBar.GreenShade .bg { background: linear-gradient(to right, #abdc28 0%,#c3d825 100%); }
.PercBar.GreenShade:hover .bg { background: linear-gradient(to right, #90ba20 0%,#a2b518 100%); opacity: 0.8; }

.PercBar span.in { float: right; color: #fff; font-weight: bold; padding-right: 4px;   }
.PercBar span.out {  color: #000; font-weight: bold; padding-left: 4px; float: left;   }

/* WinsPerSeason */
.wins-per-season { list-style: none; overflow: hidden; }
.wins-per-season li { float: left; margin-right: 4px; text-align: center;}
.wins-per-season li div:nth-child(1) { font-size: 10px; color: #666;  }
.wins-per-season li div:nth-child(2) {  color: #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; }
.wins-per-season li div:nth-child(2) a:link, .wins-per-season li div:nth-child(2) a:visited { color: #fff; }

/* dotmaps */
.red-pulse {   background: crimson; border-radius: 50%;  box-shadow: 0 0 0 0 rgba(220,20,60, 1);   transform: scale(1);  animation: redpulse 2s infinite; }
@keyframes redpulse {
    0% {    transform: scale(0.95);    box-shadow: 0 0 0 0 rgba(220,20,60, 0.7);  }
    70% {    transform: scale(1);    box-shadow: 0 0 0 10px rgba(220,20,60, 0);  }
    100% {    transform: scale(0.95);    box-shadow: 0 0 0 0 rgba(220,20,60, 0);  }
}
.green-pulse {   background: #71a600; border-radius: 50%;  box-shadow: 0 0 0 0 rgba(113,166,0, 1);   transform: scale(1);  animation: greenpulse 2s infinite; }
@keyframes greenpulse {
    0% {    transform: scale(0.95);    box-shadow: 0 0 0 0 rgba(113,166,0, 0.7);  }
    70% {    transform: scale(1);    box-shadow: 0 0 0 10px rgba(113,166,0, 0);  }
    100% {    transform: scale(0.95);    box-shadow: 0 0 0 0 rgba(113,166,0, 0);  }
}

.countryCont {  position: absolute; border: 0px solid #333; }
.countryCont .flag { position: absolute;  bottom: 12px; left: -12px; z-index: 100; }
.countryCont .triangle { width: 0; position: absolute; left: -6px; bottom: 0;  z-index: 80;      height: 0;      border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 14px solid #333; }

/* multiple line chart */
.graphPoints circle.yellowgreen, line.yellowgreen { stroke: yellowgreen; fill: white; }  .graphPoints:hover circle.yellowgreen { stroke: #333;  }
.graphPoints circle.yellowgreen.effen { fill: yellowgreen;  }  .graphPoints:hover circle.yellowgreen.effen {  fill: #333; }
.graphPoints circle.crimson, line.crimson { stroke: crimson; fill: white; }  .graphPoints:hover circle.crimson { stroke: #333;  }
.graphPoints circle.crimson.effen { fill: crimson;  }  .graphPoints:hover circle.crimson.effen {  fill: crimson; }
.graphPoints circle.dodgerblue, line.dodgerblue { stroke: dodgerblue; fill: white; }  .graphPoints:hover circle.dodgerblue { stroke: #333;  }
.graphPoints circle.dodgerblue.effen { fill: dodgerblue;  }  .graphPoints:hover circle.dodgerblue.effen {  fill: #333; }
.graphPoints circle.darkorange, line.darkorange { stroke: darkorange; fill: white; }  .graphPoints:hover circle.darkorange { stroke: #333;  }
.graphPoints circle.darkorange.effen { fill: darkorange;  }  .graphPoints:hover circle.darkorange.effen {  fill: #333; }
.graphPoints circle.sienna, line.sienna { stroke: sienna; fill: white; }  .graphPoints:hover circle.sienna { stroke: #333;  }
.graphPoints circle.sienna.effen { fill: sienna;  }  .graphPoints:hover circle.sienna.effen {  fill: #333; }
.graphPoints circle.blue, line.blue { stroke: dodgerblue; fill: white; }  .graphPoints:hover circle.blue { stroke: #333;  }
.graphPoints circle.blue.effen { fill: blue;  }  .graphPoints:hover circle.blue.effen {  fill: crimson; }

.graphPointInfo { position: absolute; background: #fff; border: 1px solid #333; border-radius: 3px; padding: 3px;  }

/* stackedBarchart */
.stackedBarchart { list-style: none; display: flex;   }
.stackedBarchart li {  background: #E6F0F5; width: 100%; margin-right: 1px;}
.stackedBarchart li:hover { background: #DAE7ED; }
.stackedBarchart .divSpacer { position: relative; }
.stackedBarchart .divSpacer span { position: absolute; bottom: 0; text-align: center;  width: 100%; color: #333; font-size: 10px;  }
.stackedBarchart.noValueTitle .divSpacer span { display: none;  }

/* vorm */
.vorm { list-style: none;  }
.vorm li { float:  left; width: 14px; height: 14px; border-radius: 50%; background: #333; margin-right: 1px; color: #fff; text-align: center; line-height: 14px; font-size: 10px; letter-spacing: -1px; }
.vorm li a:link, .vorm li a:visited { color: #fff;  }

/* compare */
.compare2val { overflow: hidden;}
.compare2val li { float: left;  }
.compare2val li:nth-child(1){  padding-right: 25px; margin-right: 25px; border-right: 2px solid #333;  }
.compare2val li div:nth-child(1){  font-size: 11px; color: #555;  }
.compare2val li div:nth-child(2){  font-size: 42px; letter-spacing: -5px; color: #333; font-weight: bold; }

.quote { font-size: 18px; font-family: times; font-style: italic; border: 1px dashed #ddd; padding: 4px; margin-top: 4px; border-radius: 4px; }
.timeline2 .quote a:link, .timeline2 .quote a:visited { color: #1c72c7;   }
.timeline2 .quote a:hover { color: #4a9ced; text-decoration: none; }

/* premium table */
.premium-price-table {  font-size: 14px; max-width: 850px; }
.premium-price-table li { overflow: hidden;  display: flex;   }
.premium-price-table li div { float: left; width: 25%;  text-align: center;  border-right: 1px solid #333; border-bottom: 1px dashed #bbb; padding: 10px 0;  }
.premium-price-table li:last-child div { border-bottom: 0;  }
.premium-price-table li div:last-child { border-right: 0;  }
.premium-price-table li div.title { text-align: right; padding-right: 10px; }

/* about-us */
.about-us { list-style: none; columns: 2; }
.about-us li { overflow: hidden; border: 0px dashed #333; font-size: 14px; color: #444; line-height: 17px; }
.about-us div.name {  font-size: 18px; color: #388fc2;  line-height: 26px; clear: both;  }
.about-us div.img {  width:  100px;  float: left; margin-right: 10px;  background: #eee; min-height: 100px; margin-bottom: 60px; }
.about-us div.functie { margin: 6px 0; font-weight: bold; }
@media screen and (max-width: 900px){   .about-us {  columns:  1; }  }

/* countdown */
.countdown { list-style: none; font-size: 32px; font-weight: bold; overflow: hidden; }
.countdown li { float: left;  }

.countdown_ls { font-size: 26px; list-style: none;  font-weight: bold; overflow: hidden; }
.countdown_ls li { background: #333; margin-right: 2px; color: #fff; text-align: center; float: left; width: 22px; }
.countdown_ls li:nth-child(3), .countdown_ls li:nth-child(6) { background:#fff; color: #333; width: 10px; }

/* fav500 */
.fav-my-list { list-style: none;  display: flex;  flex-flow: row wrap;  }
.fav-my-list li {  box-sizing: border-box; flex: 0 1 calc(20% - 10px); margin-right: 10px; margin-bottom:  10px; background: #DFE9F0; height: 175px;  text-align: center;}
.fav-my-list li.empty { background: #fff; height: 175px;     border: 3px dashed #eee; line-height: 174px;  font-size: 40px; font-weight: bold; color: #eee; }
.fav-my-list li a.remove:link, .fav-my-list li a.remove:visited { float: right; width: 22px; height: 22px; background: #bbb; margin: 5px 5px 0 0; color:  #999; line-height: 22px; font-size:  15px;
    opacity:  0.8; text-align:  center; border-radius: 2px; }
.fav-my-list li a.remove:hover { background: crimson; color: #fff; text-decoration: none;  }
.fav-my-list li div.image { width: 60px; height: 60px; margin-left:  calc(50% - 30px);border-radius: 3px; background: #333; margin-top: 10px; background-size: 60px; }
.fav-my-list li div.name { font-size: 20px; font-weight: bold; line-height: 20px; padding: 2px 0;  }
.fav-my-list li div.activeperiod {  font-size: 14px; }

.fav-info { list-style: none;   padding: 5px; border-radius: 2px; color: #444;   width:  100%; max-width: 550px; font-size: 14px; }
.fav-info li {  box-sizing: border-box;  margin-right:  5px; overflow: hidden; margin-bottom: 4px;  }
.fav-info li select  { padding: 4px;  width: calc(100% - 10px); font-size: 16px; }
.fav-info li span { display: block; float: left; width: 50%; padding-right: 10px; box-sizing: border-box; text-align: right; font-size: 14px;  }
.fav-info li div { display: block; float: left; width: 50%;  }

.fav-sugg-lists { width: 100%; list-style:none;  }
.fav-sugg-lists  li { float:left; width: calc(33% - 10px); margin-right: 10px;  border: 1px solid #ddd; border-radius: 4px; padding: 5px; box-sizing: border-box; margin-bottom: 20px; }
.fav-sugg-lists  li:nth-child(3n+1){ clear: left;  }

.fav-sugg-table { border-collapse:collapse; width: 100%; font-size: 13px; }
.fav-sugg-table th { font-size: 10px;  font-weight: normal; text-align: left; text-transform: uppercase; color: #999; }
.fav-sugg-table td { border-top: 1px solid #eee; padding: 2px 0; }
.fav-sugg-table tr.cur { background: #d3e85a; font-weight:bold;  }
.fav-sugg-table td.xrider a { font-size: 10px; display: none;  font-weight: normal; text-transform: uppercase;}
.fav-sugg-table tr.cur td.xrider a { display: block; }
.fav-sugg-table tr:nth-child(n+11) { display: none;  }

@media screen and (max-width: 1100px){  .fav-my-list li {  box-sizing: border-box; flex: 0 1 calc(25% - 10px);  }  }
@media screen and (max-width: 900px){
    .fav-my-list { display: block;  }
    .fav-my-list li {  height: auto; padding: 4px; margin:  0 0 2px 0; overflow: hidden; }
    .fav-my-list li div.image { float:  left;  margin: 0 7px 0 0; width: 40px; height: 40px;  background-size: 40px; }
    .fav-my-list li div.name { float:  left; text-align: left; font-size: 18px; line-height: 17px; max-width:  180px; width:  calc(100% - 158px); }
    .fav-my-list li span.flag { float: left; margin-right: 8px;}
    .fav-my-list li div.activeperiod { width: 35px;   float: left; text-align: left;   }
    .fav-my-list li a.remove:link, .fav-my-list li a.remove:visited { margin: 0; width: 26px; height: 26px; line-height: 26px;  }
    .fav-my-list li.empty {  height:  20px; line-height: 16px; padding:  0;  font-size: 14px; font-weight:  normal; border: 2px dashed #eee;  color:  #ccc;}

    .fav-sugg-lists  li{ clear: left; width: calc(100% - 20px); margin-right: 0;  }
    .fav-sugg-table tr:nth-child(n+6) { display: none;  }
}

.onThisDay { list-style: none;  }

/* article */
.articleCont { padding: 20px; border: 40px solid #eee; line-height: 21px; font-size: 14px;  }
.articleCont h3 { font-size: 18px; text-align: justify; font-weight:  400; line-height: 24px; color: #97CC3B; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 5px; margin: 40px 0 20px 0; border-bottom: 1px dotted #bbb; }
.articleCont h4.figureTitle { font-size: 12px; font-weight: bold; font-family: verdana; }
.articleCont h4.figureTitle span.fnr { color: #64c987; }
.articleCont p { margin-bottom: 15px;  line-height: 21px; font-size: 14px; }

.articleCont table { font-size: 12px; border-collapse: collapse; width: 100%;  }
.articleCont table.basic tr th  { color: #bbb; font-weight: normal;  font-size: 10px; text-transform: uppercase; padding: 1px 0; background: transparent;}
.articleCont table tr td, .tlDefaultTable tr th { background: #fff; }
.articleCont table tr td { border-top: 1px solid #ddd; padding: 4px 0; line-height: 11px; }
.articleCont table tr td.padr5, .articleCont table tr th.padr5 { padding-right: 5px; }
.articleCont table tr.highlight td { background: #D0E3A8; font-weight: bold;  }
.articleCont table.basic tr td a:link, .articleCont table.basic tr td a:visited { color: #1B9BE0; }


@media screen and (max-width: 600px){
    .articleCont { padding: 5px; border: 10px solid #eee;  }
}

/* loader */
.spinner {   width: 50px;    text-align: center;  font-size: 10px; margin: 0 auto;  }
.spinner.cover { position: absolute; z-index: 10000; top: calc(50% - 20px); margin-left: calc(50% - 25px);  }
.spinner > div {  background-color: crimson;  height: 20px;  width: 6px;  margin-right: 2px; margin-top: 4px; display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {  -webkit-animation-delay: -1.1s;  animation-delay: -1.1s; }
.spinner .rect3 {  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s; }
.spinner .rect4 {  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s; }
.spinner .rect5 {  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

/* buttons */
a.buttongreen:link, a.buttongreen:visited {   max-width: 100px; border: 1px solid darkgreen;
    background: #d3ed9f;  display: block; font-size: 14px; line-height: 26px; color:  darkgreen; border-radius: 3px; text-align: center;  height: 26px; margin:  4px auto; }
a.buttongreen:hover, a.buttongreen:active { background: #bdd68b;   text-decoration: none;}

/* laptimeslist */
.laptimeslist { list-style: none; font-size:  12px; }
.laptimeslist ul.laps { list-style: none; display: flex; margin-top: 2px;  }
.laptimeslist ul.laps li { width: 100%; font-size: 11px; }
.laptimeslist ul.laps li span { display: block; background: #eee; border-radius: 2px; margin: 0 2px; text-align: center; color: #555; }
.laptimeslist li.line { border-bottom: 1px dashed #bbb; padding: 2px 0; }
.laptimeslist li.line:nth-child(n+10) { display: none;  }


/* gradient chart */
.gradientChart  { overflow: hidden; list-style: none;  }
.gradientChart li { float: left; margin-right: 1px; position: relative;  }
.gradientChart .slope, .gradientChart div.foot {    }
.gradientChart .slope {  width: 0;      height: 0;  border-bottom-style: solid; border-bottom-color: yellowgreen;     }
.gradientChart .foot {  background: yellowgreen; }
.gradientChart .title { position: absolute; text-align: center; font-weight: bold;  height:  16px; line-height: 16px; font-size:  12px; }
.gradientChart li:hover .slope { border-bottom-color: #272F3D; }
.gradientChart li:hover .foot { background: #272F3D; }
.gradientChart li:hover .title {  color: crimson; }

/* regression chart */
.rcDot:link, .rcDot:visited { width: 5px; height: 5px; border-radius: 50%;  background: #333; position: absolute;  }
.rcDot:hover { box-shadow: 0px 0px 5px #333; background: crimson; }
.rcDot span {  min-width:  40px; background: #fff; border: 1px solid #333; position: absolute; color: #000; font-size: 10px; border-radius: 3px; padding: 1px 2px; z-index:  999; left:  4px; bottom:  4px; display:  none; }
.rcDot:hover span { display: block;  }
.xAxis { position: absolute; bottom: -20px; font-size: 11px; font-weight: bold;  text-indent: 30px; }
.yAxis { position: absolute; left: -112px; transform: rotate(-90deg); width: 200px; bottom: 100px; font-size: 11px; font-weight: bold; text-indent: 30px;  }
.lgndBR { position: absolute; right: 0; font-size: 11px; padding-top: 3px; }
.lgndBL { position: absolute; left: 0; font-size: 11px;  padding-top: 3px; }
.lgndLB { position: absolute; left: -26px; bottom: 0px; width: 20px; text-align: right;  font-size: 11px;  padding-top: 3px; }
.lgndLT { position: absolute; left: -26px; top: 0px; width: 20px; text-align: right;  font-size: 11px;  padding-top: 3px; }

/* timegap between groups */
.GapBetweenGroups { border: 0px solid #333; overflow: hidden; max-width: 270px; }
.GBG .grouptitle { width: 60px; text-align: center; font-size: 12px; font-weight: bold; }
.GBG .vline { width: 3px; background: #333; height: 32px; float: left;   }
.GBG .line-left { margin-left: 30px; }
.GBG .arrow { width: 0;   height: 0;   border-top: 8px solid transparent;   border-right: 10px solid #1B9BE0;    border-bottom: 8px solid transparent; float: left; margin-top: 8px; }
.GBG .arrow.arr-right {   border-right: 0;  border-left: 10px solid #1B9BE0;  }
.GBG .info { width: calc(100% - 86px); float: left; }
.GBG .info div { text-align: center; }
.GBG .info div:nth-child(2) { border-top: 1px solid #1B9BE0; text-align: center; }


/* linechart4 */
.linechartDot { border-radius: 50%; position: absolute;     }
.linechartDot:hover { box-shadow: 0px 0px 5px #333;   }

/* CobbleSectionStat */
.CobbleSectionStat { width: 100%; margin-top: 14px; }
.CobbleSectionStat .star { background: url(https://www.procyclingstats.com/images/icons/star_red.png) no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block; }
.CobbleSectionStat .name { text-align: center; font-size: 16px; }
.CobbleSectionStat .line { margin: 0 auto; width: 1px;  height: 40px; border-left: 1px solid #999; z-index: 9999; position: relative; }
.CobbleSectionStat .cobbles { border-radius: 4px; background: #333; height: 18px;  margin: 0 auto; margin-top: -9px; }
.CobbleSectionStat .km {  text-align: center; font-size: 12px; font-weight: bold; padding: 3px 0; }

.cobbleList {  }
.cobbleList li { overflow: hidden; margin-bottom: 2px; padding-bottom:  2px; border-bottom:  1px dashed #ddd; }
.cobbleList li div { float: left;  }
.cobbleList li div.nr { width: 16px; height: 16px; background: #bbb; border-radius: 2px; text-align: center; line-height: 16px; font-size: 11px;  margin-right:  10px;}
.cobbleList li div.stars {  height: 16px; background: url(https://www.procyclingstats.com/images/icons/star_black2.png) repeat-x; background-size: 16px;   }
.cobbleList li div.stars1 {  width: 16px;   margin: 0 32px; }
.cobbleList li div.stars2 { width: 32px;   margin: 0 24px; }
.cobbleList li div.stars3 {   width: 48px; margin: 0 16px; }
.cobbleList li div.stars4 {  width: 64px;   margin: 0 8px; }
.cobbleList li div.stars5 {   width: 80px;   margin: 0 0px; }
.cobbleList li div.title { width: calc(100% - 116px); margin-left: 10px;  }
.cobbleList li.done div.nr { background: #eee; color: #999; }
.cobbleList li.done div.nr, .cobbleList li.done div.title { text-decoration: line-through; color: #bbb;  }
.cobbleList li.done div.stars {   background: url(https://www.procyclingstats.com/images/icons/star_grey.png) repeat-x; background-size: 16px;   }

.dyn-profile-cont { border: 1px dashed #ccc; border-radius: 4px; padding: 8px; overflow: hidden; display: inline-block; max-width: 360px; width: 100%; box-sizing: border-box; padding-bottom: 20px; }
.dyn-profile { list-style: none;  display: flex; }
.dyn-profile li { position: relative;  }
.dyn-profile li  div.distance-label { bottom: -12px; right: -10px; width: 20px; text-align: center; position: absolute; font-size: 10px; letter-spacing: -0.5px;  display: none;  }
.dyn-profile.n1 li div.distance-label { display:  block; }
.dyn-profile.n2 li:nth-child(2n) div.distance-label { display:  block; }
.dyn-profile.n3 li:nth-child(3n) div.distance-label { display:  block; }
.dyn-profile.n4 li:nth-child(4n) div.distance-label { display:  block; }
.dyn-profile.n5 li:nth-child(5n) div.distance-label { display:  block; }
.dyn-profile li div.base { background: #c9f530; }
.dyn-profile li:hover div.base { background: #91e84f; }
.avg-perc-cont { position: absolute; left: calc(50% - 8px); width: 16px; height: 16px; line-height: 16px; font-weight: bold; border-radius: 3px; letter-spacing: -1px; text-align: center; font-size: 11px; z-index: 999; }
.avg-section-cont {  position: absolute;  border-bottom: 2px solid #333; top: 0px; height: 30px; text-align: center; }
.avg-section-cont div.title { position: absolute; bottom: 1px; width: 100%; font-weight: bold; font-size: 12px; line-height: 11px; }
.avg-section-cont div.vert-line { position: absolute; left: 50%; top: 30px; width: 1px; height: 15px; background: #333;  }

.climb-h2h { font-size: 16px;  }
.climb-h2h li { overflow: hidden; border-top:  1px dashed #ccc; padding: 3px 0;  }
.climb-h2h li:first-child { border-top: 0;  }
.climb-h2h li.title { font-size: 21px; letter-spacing: -1px; font-weight: bold; }
.climb-h2h li.title div { position: relative; height: 60px;border:  0px solid #ddd;  }
.climb-h2h li.title div span { display: block; bottom: 0; position: absolute; text-align: center; width:  100%; line-height: 20px; }
.climb-h2h li div:nth-child(1), .climb-h2h li div:nth-child(3) { float: left; width: 40%;  }
.climb-h2h li div:nth-child(2) { float: left; width: 20%; font-size: 11px; padding-top: 4px; color: #666; }
.climb-h2h li div.clr-bol { width: 20px; height: 20px;  border-radius: 50%; margin-left: calc(50% - 10px); }

.rider-h2h {  font-family: tahoma; margin-bottom:  25px; }
.rider-h2h .rider-cont { float: left; width: 45%; }
.rider-h2h .name { font-size: 23px; font-weight: bold; letter-spacing: -1px; text-align: center; line-height: 25px; margin:  6px 0; }
.rider-h2h .img-cont { border: 1px solid #ddd; padding: 5px; border-radius: 4px; width: 100px; margin: 0 auto; position:  relative; }
.rider-h2h .img { width: 100px; height: 140px; background-size: 100px; border-radius:  4px; background-repeat: no-repeat; }
.rider-h2h .flag { left: -10px; top: -10px; position: absolute; }
.rider-h2h .versus { float: left; width: 10%; padding-top: 100px; font-size: 18px; font-weight: bold;font-family: tahoma; text-align: center; letter-spacing: -1px; }
.rider-h2h .perc { font-size: 24px; font-weight: bold; letter-spacing: -1px; text-align: center;  position: absolute; bottom: -15px; right: -20px; background: #272F3D; opacity: 1; border: 0px solid #ddd; padding: 3px 5px; border-radius: 3px; }
.rider-h2h.teams .img-cont  { width: 140px;   }
.rider-h2h.teams .img { width: 140px;background-size: 140px; }

.EndOfPreview { border: 1px dashed #bbb; border-radius: 2px; padding: 25px; width: 100%; box-sizing: border-box; text-align: center; font-size: 11px; color: #999; text-transform: uppercase; }

/* key events */
.keyEventCont { font-size: 21px; border: 1px dashed #bbb; border-radius:  5px; padding:  25px 15px; margin:  5px 0; font-family: times new roman; font-style: italic; max-width:  600px; text-align:  center; }
.keyEventCont a:link, .keyEventCont a:visited { color: #309BE0; }

/* group keypoints */
.profileKeypoint { position: absolute; }
.profileKeypoint .line { height: 30px; border-left: 1px solid #333; left: 0; }
.profileKeypoint .info { left: 0;   }
.profileKeypoint .kp_txt10 { display: flex;width: 0px;  justify-content: center;  align-items: center;  font-size: 10px; color: #555; }
.profileKeypoint .kp_bol14 { display: flex; margin-left: -7px; height: 14px; width: 14px; color: #fff; justify-content: center; font-size: 10px;  align-items: center;  border-radius: 50%; }
.profileKeypoint .kp_group {  background: #1E90FF;  }

.p7-alt-line { position: absolute;  width: 100%; height: 1px; border-top: 1px dashed #ddd;  }
.p7-alt-line span { position: absolute; top: -14px; font-size: 10px; color: #777; }

.kpCont { width: 50px; height: 60px; margin-left: -25px; position: relative; z-index: 20; }
.kpCont span { text-align: center; position: absolute; bottom: 0; font-size: 10px; line-height: 10px; width: 100%;  color: #666; }
.kpCont a:hover span { color: #1e88e4; }
@media screen and (max-width: 600px){
    .kpCont span {  letter-spacing: -1px; line-height: 9px; }
}


.kpIcon { width: 10px; height: 10px; border-radius: 50%; background: #333; margin: 0 auto; margin-bottom: 0px; }
.kpIcon.sprint {   background: yellowgreen;  font-size: 10px;  width: 14px; height: 14px; color: #fff; font-size: 11px; line-height:14px; }
.kpIcon.climb   {  background: #003A4C;    border-radius: 2px; width: 12px; height: 12px;left: -5px; color: #ccc; line-height: 12px; }
.kpIcon.group  {  background: dodgerblue; width: 12px; height: 12px; color: #fff; line-height:12px; }

.kpIcon.cobble   {  height: 12px; background: #333; border-radius: 2px; position: absolute; bottom: -16px; z-index: 99999; color: #777; text-align: center; font-size: 10px;    }
.kpIcon.cobble:hover   {  background: crimson; color: #fff;  }
.kpIcon.timing_point .bol {  background: crimson;  font-size: 10px; border-radius: 2px; }
.kpIcon.food .bol {    background-color: #1B9BE0; font-size: 10px; }
.kpIcon.golden_km .bol {  border-radius: 50%; width: 12px; height: 12px; background-color: #ebbd34; font-size: 10px; margin-left: -1px; }

.kpIcon.tt_rider .name { top: -33px; position: relative;  }
.kpIcon.landmark .bol { display: none;  }
.kpIcon.event .bol { display: none;  }
.kpIcon .popup-info {  display: none; position: absolute; top: -14px; left: 0; width: 150px; text-align: left;  font-size: 12px; color: #000;   }
.kpIcon:hover .popup-info { display: block; }
.kpIcon.event .vline { border-left: 1px dashed #DB6A64; }



.onthisday { list-style:none;  font-size: 16px; }
.onthisday li { border-bottom: 1px dashed #ddd; padding: 8px;  display: flex; }
.onthisday li.died div.icon { background: url(https://www.procyclingstats.com/images/icons/rip.png) no-repeat 0 0;  background-size: 48px; display: block; width: 48px; height: 48px; }
.onthisday li.born div.icon { background: url(https://www.procyclingstats.com/images/icons/pacifier.png) no-repeat 0 0;  background-size: 48px; display: block; width: 48px; height: 48px; }
.onthisday li.key_event div.icon { background: url(https://www.procyclingstats.com/images/icons/hour_glass.png) no-repeat 0 0;  background-size: 48px; display: block; width: 48px; height: 48px; }
.onthisday li.won div.icon { background: url(https://www.procyclingstats.com/images/icons/medal.png) no-repeat 0 0;  background-size: 48px; display: block; width: 48px; height: 48px; }
.onthisday li  div.nr { font-weight:bold; width: 180px; text-align:center;  }

/* premium */
.buySteps { list-style:none; display: flex; margin: 30px 0;  }
.buySteps li { text-transform:uppercase; font-size: 14px; margin-right: 20px; }
.buySteps li span { display: inline-block; width: 20px; height: 20px; background: #ccc; text-align:center; line-height:20px; font-weight:bold; font-size: 12px; }
.buySteps li.done span { background: #d1dd51; }

.buyPlan { border: 1px solid #bbb; border-radius: 4px; padding: 5px; max-width: 500px; }
.buyPlan li:first-child { border-top: 0;  }
.buyPlan li { padding: 10px; border-top: 1px dashed #bbb; }
.buyPlan li div.price { font-size: 20px; font-weight: bold; width: 20%; line-height:11px; padding-top: 8px; }

.buy  {  display: block; background: #bbb; border-radius: 3px; font-size: 12px; font-weight: bold; color: #000; line-height:34px;  width: 120px; text-align: center; text-decoration:none; }
.buy:hover { text-decoration:none;  color: #000; }
.buy.available:link, .buy.available:visited { text-decoration:none; background: #d1dd51; }
.buy.available:hover { background: #81a513; text-decoration: none; color: #fafa6e; }

/* bike-setup */
.bike-setup { border-collapse: collapsed;    border-spacing: 1px; margin-top: 5px; }
.bike-setup th { font-size: 11px; color: #999; text-align: left; font-weight: normal;  }
.timeline2 .bike-setup td, .bike-setup td { padding: 4px 1px; font-size: 12px; border-top: 1px dashed #ddd; }
.bike-setup tr.sum td { border-top: 1px solid #bbb; background: #fff; }

.bike-setup-bol { width: 18px; height: 18px; line-height: 18px; font-weight: bold; text-align: center; font-size: 12px; opacity: 1; background: #fff; border-radius: 50%; position: absolute; z-index: 9999;}
.bike-setup-bol:hover { background: #c9de6a;  }
.bol-info { width: 80px;  background: #fff; border: 1px solid #bbb; position: absolute; opacity: 0.8; border-radius: 2px; text-align: left; padding: 4px; font-weight: normal; line-height: 14px; display: none; margin-top: -5px; }
.bike-setup-bol:hover .bol-info { display:block; }

/* riders photo list */
.riders-photo-list { display: flex; width: 100%; list-style:none;   }
.riders-photo-list li { padding: 0 5px;border-left: 1px solid #bbb; width: 90px; }
.riders-photo-list li:first-child { border-left: 0; }
.riders-photo-list .name { text-transform: uppercase; text-align: center; font-size: 13px; width: 100%; font-weight: bold;  line-height: 17px; }
.riders-photo-list .photo { width: 90px; height: 120px;  background-repeat: no-repeat; background-size: 90px; border-radius: 3px; }
.riders-photo-list .value { background: #fafa6e; font-size: 18px; letter-spacing: -0.5px; padding: 2px 0;text-align: center;  font-weight: bold; color: #333; border-radius: 3px; margin-top: 2px;  }

/* palmares */
.palmares { list-style:none;  font-size: 14px;}
.palmares li { border-bottom: 1px solid #eee; overflow:hidden; padding: 4px 0; }
.palmares li:first-child { font-size: 11px; color: #555; }
.palmares li div { float: left;  }
.palmares li div.year { width: 60px;  }
.palmares li div.riders { width: calc(100% - 60px);  }
.palmares .smallText { font-size: 10px; color: #999; text-align:right; clear: both; width: 100%;  }
.palmares .largeText {  color: #333; clear: both;   }
.palmares .riderCont { width: 33%; float: left; }
.palmares .riderCont span.rnk { display: none; width: 15px;  }
@media screen and (max-width: 600px){
    .palmares .riderCont { width: 100%; }
    .palmares .riderCont span.rnk { display: inline-block; }
    .palmares li:first-child { display: none;  }
}

/* h2h */
.shirt_h2h { overflow:hidden; list-style: none; }
.shirt_h2h li { width: 50%; float: left; max-width: 300px; }
.shirt_h2h li img { width: 100%;  }

/* Paris-Hardenberg */
.money_collected { list-style:none;  overflow: hidden;}
.money_collected li { float: left; width: 40px; color: #49582a; background: #c4ec74; margin: 6px 0; margin-right: 4px; font-size: 44px; line-height: 50px; text-align:center; font-weight: bold; }

.doneer:link, .doneer:visited { color: #fff; background: #E87511; display: block; width: 200px; line-height:44px;  text-align: center; font-size: 16px; }
.doneer:hover { background: #52006B; text-decoration: none;}

/* dotmaps */
.dot_v1 {  }
.dotgrid { overflow:hidden; position: absolute; top: 0; width: 100%; height: 100%; }
.dotgrid li {  width: 20%; height: 10%; }
.dotgrid li ul { overflow:hidden; width: 100%;  height: 100%; }
.dotgrid li ul li { width: 33%; height: 100%; background: #bbb; border-radius: 50%; display: block; float: left;  }

.dotgridCont div {  border-radius: 50%; background: #eee; float: left; position: relative; z-index: 10; }
.dotgridCont div span { position:absolute; z-index: 200; left: 16px; color: #333; font-size: 12px; font-weight:bold; }

.dotmapGrid { list-style:none;  display: flex; flex-direction: column; height: 100%;}
.dotmapGrid li { height: 100%; }
.dotmapGrid li ul  {  display: flex; height: 100%; list-style:none; }
.dotmapGrid li ul li { width: 100%; height: 100%;  border-radius:50%;  position: relative; z-index: 10;}
.dotmapGrid li ul li span { position:absolute; z-index: 200; left: 16px; color: #333; font-size: 12px; font-weight:bold; }

.gm li.default { background: #fff; }
.gm li.grey { background: #eaeaea; }
.gm li.blue { background: #cce7ff; }
.gm li.blue2 { background: #1B9BE0; }
.gm li.default1 { background: #a9d8eb; }
.gm li.default2 { background: #8ecce6; }
.gm li.default3 { background: #e1eaed; }
.gm li.default4  { background: #a9c2cc; }
.gm li.red { background: crimson; }
.gm li.red2 { background: #fff9b8; }
.gm li.green { background: #799f0b; }
.gm li.black { background: #333; }
.gm li.hm1 { background: #FBCDA8;  }
.gm li.hm2 { background: #F89847;  }
.gm li.hm3 { background: #F45450;  }
.gm li.hm4 { background: #C51900;  }
.gm li.ph_nl { background: #d7e8ac;  }
.gm li.ph_be { background: #9ecef9;  }
.gm li.ph_fr { background: #f4f2bf;  }
.gm li.ph_de { background: #eaeaea;  }



.ring-container {
    position: relative;
}

.circle2 {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
    z-index: 100;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 24px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 100;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/* team in race */
.teamroster {  list-style:none;  max-width: 480px; }
.teamroster li { float:left; float: left; width: calc(25% - 1px); height: 170px; margin: 0 1px 1px 0; position: relative; }
.teamroster li div.img { background-size: 100%; background-repeat: no-repeat; height: 100%; width: 100%; border-radius: 5px;  }
.teamroster li div.kader { background: #f7f7ff; position: absolute; top: 130px; width: calc(100% - 26px);  margin: 0 10px; opacity: 0.7; border-radius: 3px; padding: 3px; text-align: center;   }

@media screen and (max-width: 600px){
    .teamroster li {  height: 130px; }
    .teamroster li div.kader {  top: 95px; font-size: 10px; margin: 0 4px; width: calc(100% - 14px);  }
    .teamroster li div.kader span.flag { display: none;  }
}

.sectionsOnLine { list-style:none;  }
.sectionsOnLine li { float: left; border-bottom: 1px solid #333; text-align: center; position:relative; font-size: 11px; height: 12px; }
.sectionsOnLine li span:last-child { display: block; position: absolute; left: 0; top: 8px;   width: 0;   height: 0;   border-top: 5px solid transparent;  border-bottom: 5px solid transparent; border-right: 5px solid #333; }
.sectionsOnLine li span:first-child { display: block; position: absolute; right: 0; top: 8px; width: 0;  height: 0;  border-top: 5px solid transparent; border-bottom: 5px solid transparent;    border-left:5px solid #333; }


.pwrWeightTable { border-collapse:collapse; font-size: 10px; width: 100px;}
.pwrWeightTable td { border: 1px solid #ddd; font-size: 11px; }
.pwrWeightTable td:first-child { width: 65px; padding-right: 3px;text-align:right; }
.pwrWeightTable td:nth-child(2) { width: 32px; text-align:center; }
.pwrWeightTable tr.total td { border: 0; border-top: 3px double #bbb; }

.pwrComponentCont { overflow: hidden; font-size: 15px; font-weight: bold; margin: 15px 0; }
.pwrComponentCont div { float: left;  }
.pwrComponentCont div.plus {   width: 22px; text-align: center; padding-top: 8px; font-weight: normal; }
.pwrComponent { border-radius: 3px; background: #4CA3FF; color: #a3d3ff; font-size: 10px; text-transform: uppercase; padding: 2px 5px; }


/* teamLineupTwitter */
.teamLineupTwitter { margin: 5px 0; font-family:tahoma; }
.teamLineupTwitter .unit { width:  25%;  height: 150px;margin-bottom: 5px; float: left; position: relative;  }
.teamLineupTwitter .img { width: calc(100% - 10px); height: 120px;  background: #eee;   position: absolute; left: 4px; }
.teamLineupTwitter .name { width: calc(100% - 2px); height: 30px; padding-top: 2px;background: #ECCB3E; background: #03102D; position: absolute;
    bottom: 0; color: #fff; text-align: center; text-transform: uppercase;  font-size: 11px; }
.teamLineupTwitter .debutant { position: absolute; display: block; width: 11px; height: 11px; line-height: 16px;
    border-radius: 2px; top: 2px; right: 8px; background: yellowgreen; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
.teamLineupTwitter .stagewins { position: absolute; display: block; padding: 0 3px; height: 14px; border: 0px solid #fff;border-radius: 2px; top: 2px; right: 8px; background: #ff6d46; color: #fff; font-size: 11px; text-align: center; }


/* QUIZ */
.question { float: left; font-size: 16px; width: calc(100% - 40px); max-width: 600px; }

.quizSubmit { background: #d5ed4a; color: #56611e; cursor: grab; display: block;  border-radius: 3px; padding: 9px 22px; font-size: 23px; font-family: verdana; letter-spacing: -1px; margin-top: 15px;  font-weight: bold;  border: 0; }
.quizSubmit:hover {  background: #c2d941; color: #31380c; }


.quizStartForm {  }
.quizStartForm div { float: left; margin-right: 50px; }
.quizStartForm div.nationality { margin-right: 20px; }
.quizStartForm div.groupquiz { margin-right: 20px; }
.quizStartForm div.start { margin-right: 20px; }
@media screen and (max-width: 600px){
    .quizStartForm div { clear: both; text-align:center; width: 100%;   }
    .quizSubmit { margin: 0 auto;  }
}

.questionNr { float: left; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 15px; border-radius: 2px; background: #292f56; color: #fff; float: left; margin-right: 5px; }
.quizResultTable { border-collapse:collapse; font-size: 13px; }
.quizResultTable thead th { padding: 1px 3px; font-size: 11px; color: #999; text-align: left; }
.quizResultTable tbody td { border-top: 1px solid #bbb;  padding: 3px; }

.quizAnswersList { list-style:none; max-width: 500px; margin-left: 12px;}
.quizAnswersList li { margin-bottom:5px;  }
.quizAnswersList li .letter { float: left; width: 24px; height: 24px; line-height: 24px; font-size: 14px; background: #4579a5; background: #ccc;color: #fff; color: #fff;  text-align: center; margin-right: 15px;  border-radius: 2px;
    position: relative; }
.quizAnswersList li .text { float: left; width: calc(100% - 39px);  }
.quizAnswersList li .perc { position: absolute; top: -3px; left: -14px; background: #1d51b9; background: #fff; border: 1px solid #aec8fc; color: #1d51b9; border-radius: 2px; font-size: 10px; width: 16px; height: 14px; line-height: 14px; }
.quizAnswersList li.incorrect .letter { background: crimson;  }
.quizAnswersList li.correct .letter { background: yellowgreen;  }
.quizAnswersList li a.cur { border: 2px dashed #777; padding: 2px; color: #000; }
.quizAnswersList li a.cur .letter, .quizAnswersList li a.cur:hover .letter { background: #777; }
.quizAnswersList li a:link, .quizAnswersList li a:visited { display: block; padding: 3px;  font-size: 16px;}
.quizAnswersList li a:hover { background: #dfeef3;  color: #000;}
.quizAnswersList li a:hover .letter { background: #292f56; background: #aaa; }
.quizAnswersList li.correct a:link, .quizAnswersList li.correct a:visited { background:#e7fcbb;  }
.quizAnswersList li.correct a:hover .letter { background: #8cbf24; }
.quizAnswersList li.correct a.cur { border: 2px dashed #9ac936;   }
.quizAnswersList li.incorrect a:link, .quizAnswersList li.incorrect a:visited { background:#ffe3e8;  }
.quizAnswersList li.incorrect a.cur { border: 2px dashed #f26d85;   }

.goto.nextQuestion:link, .goto.nextQuestion:visited { padding: 8px 35px; font-size: 16px; }
.goto.submitAnswer:link, .goto.submitAnswer:visited, .submitAnswer { padding: 8px 35px; font-size: 16px; display: none;  }
.submitGrey { background: #eee;  display: inline-block; color: #bbb; padding: 8px 35px; font-size: 16px; border-radius: 2px;}


@media screen and (max-width: 600px){
    .CenterIfMobile { text-align:center;  }
    .goto.nextQuestion:link, .goto.nextQuestion:visited {  padding: 14px 45px; font-size: 24px; border-radius: 6px; }
    .goto.submitAnswer:link, .goto.submitAnswer:visited { padding: 14px 45px; font-size: 16px; }
    .quizAnswersList li .letter {  width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
    .quizAnswersList li .text { float: left; width: calc(100% - 45px);  }
    .questionNr { width: 30px; height: 30px; line-height:30px; font-size: 16px; }
}

.quizAnswersList li .comment { margin-left: 40px; font-size: 12px; background: #edf5fa;padding: 5px; font-style: italic; color: #628296; margin-top: 3px; }

.refreshGroupResults:link, .refreshGroupResults:visited { font-size: 14px; text-transform: uppercase; border: 1px dashed #bbb; border-radius: 5px; display: block; width: 300px; padding: 10px 0; text-align:center; }
.refreshGroupResults:hover { background: #eee;  }

.quizResults { list-style:none; max-width: 600px; }
.quizResults li { margin-bottom: 15px; overflow:hidden; }
.quizResults li .number { float: left; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 15px; border-radius: 2px; background: #292f56; color: #fff; float: left; margin-right: 5px; }
.quizResults li .outcome { float: left; width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 15px; border-radius: 2px;  color: #fff; float: left; margin-right: 5px; }
.quizResults li .outcome.ok   { background: yellowgreen; }
.quizResults li .outcome.error {  background: crimson; }
.quizResults li .question { float: left; width: calc(100% - 60px); font-size: 14px; }

.quizGroupResults { font-size: 14px; border-collapse: collapse; margin-top: 10px;}
.quizGroupResults th { font-size: 14px; }
.quizGroupResults th.name { width: 150px; text-align: right; padding-right: 10px;  }
.quizGroupResults td.name { text-align: right; padding-right: 10px; }
.quizGroupResults td { padding: 2px; border-top: 1px solid #ddd; }
.quizGroupResults td.total { width: 70px; text-align: center; font-size: 16px; }
.quizGroupResults td.speed { font-size: 16px; }

.qrPerc { display: inline-block; background: #3164d4; background: yellowgreen; color: #fff; border-radius: 2px; padding: 2px 8px; font-weight: normal; font-size: 16px; }

.quizFunEval { list-style: none; overflow: hidden;}
.quizFunEval li { float: left; margin-right: 5px; text-align: center;}
.quizFunEval li span { font-size: 35px; display: block;}
.quizFunEval li a:link, .quizFunEval li a:visited { display: block; width: 70px; background: #e8f6fc; border-radius: 3px; padding-bottom: 5px; }
.quizFunEval li a:hover { text-decoration: none; background: #d5e8f0; color: #444;}

.quizLabels { list-style:none; max-width: 350px; margin-top: 5px; font-size: 14px; }
.quizLabels li { background: #dcecf2; border-radius:3px; padding: 3px; margin-bottom: 4px; overflow: hidden; }
.quizLabels li a:link, .quizLabels li a:visited { display:inline-block; padding: 3px 10px; font-size: 11px; margin-left: 4px;background:#e04f4f; color: #fff; border-radius:2px; float: right; }
.quizLabels li a:hover {  text-decoration: none; background:crimson; }

.topicList { list-style: none; overflow: hidden; }
.topicList li { float: left; }
.topicList li a:link, .topicList li a:visited { width: 80px; height: 50px; line-height: 15px; padding-top: 30px; text-align: center; font-size: 14px; border: 1px solid #ddd;
    border-radius: 3px; margin-right: 5px; display: block;
}

.qFollowup:link, .qFollowup:visited { display: inline-block; margin: 5px 0; border-radius:3px; border: 1px dashed #777; font-size: 14px; padding: 4px 15px; }

.topicList li a:hover { background: #eee; text-decoration: none;}
.topicList li a.cur { background: #f7f7ff; }

.dummyButton { display: inline-block; background: #ddd; font-size: 16px; color: #fff; line-height: 40px; padding: 0 20px; border-radius: 5px;  }

.purchasePro { display: none; display: inline-block; background: yellowgreen; font-size: 16px; color: #fff; line-height: 40px; padding: 0 20px; border-radius: 5px; border: 0; }

.load-perc { width: 400px; height: 15px; border: 1px solid #088003;  border-radius: 2px; margin-top: 10px; overflow: hidden; padding: 2px;  }
.load-perc div { width: calc(2.5% - 2px); height: 15px; background: yellowgreen; float: left; margin-right: 2px; }

/* livestats 5b */
.ls5b-right { float: right; width: 43%;  }
.ls5b-left { float: left; width: 55%; margin-right: 2%;  }
@media screen and (max-width: 600px){
    .ls5b-right {  width: 100%; }
    .ls5b-left { width: 100%; margin: 0; }
}

.viewKeypoints:link, .viewKeypoints:visited { background: #eee; color: #999; text-align: center; margin-top: 6px; border-radius:2px; display: block; padding: 4px 0; font-size: 11px; text-transform:uppercase; }
.viewKeypoints:hover { text-decoration:none; background: #ddd; color: #000; }

.ls5b-kpi {  list-style:none;  }
.ls5b-kpi li { float: left; margin-right: 30px; }
.ls5b-kpi span { text-transform: uppercase; font-size: 10px; color: #999; display: block;}
.ls5b-kpi div { font-weight:bold; font-size: 14px; }
.ls5b-kpi li.normal div { font-weight:normal; }
.ls5b-kpi li.grey div { color: #555; }
.ls5b-kpi li.normal div[data-value="on"] { color: #7ebf15;  }
.ls5b-kpi li.since_finish { display: none;  }
.ls5b-kpi[data-status="finished"] li.since_finish { display: block; }
@media screen and (max-width: 600px){
    .ls5b-kpi li { margin: 0; width: 20%; }
    .ls5b-kpi div { font-size: 12px; }
}

.timeToKeypoint { font-size: 14px; margin: 4px 0; color: #1B9BE0;  }

.bigProfile {  position: relative;  }
.bigProfile .groupInProfile span.nr { display: block; }
.hoogtelijn { width: 100%;  border-top: 1px dashed #ddd ; position: absolute; left: 20px;   }
.hoogteTitle { position: absolute; left: 20px;  font-size: 10px; color: #777;   }
.hoogtelijn span {  }

.detailProfile {  overflow: hidden;    position: relative;    }

.groupInProfile { width: 1px; height: 50px; border-radius: 0px; background: #24a3ed; position: absolute;  }
.groupInProfile span { color: #555; font-size: 10px; text-align: center; position: absolute; line-height:8px;}
.groupInProfile span.bol { position: absolute; left: -4px; width: 7px; height: 7px; background: #24a3ed;  border-radius: 2px; border: 1px solid #fff; }
.groupInProfile[data-focus="1"] { background: crimson; }
.groupInProfile[data-focus="1"] span.bol { background: crimson; }

.groupInProfile span.title {  left: -15px; bottom: 50px; width: 30px;   display: none;    }
.groupInProfile span.nr {   left: -5px; bottom: 50px; width: 10px;   display: none;}
.groupInProfile span.name {   left: -20px; bottom: 68px; width: 40px;   }
.groupInProfile span.shirt_icon { left: -8px; bottom: 50px; }

.bigProfile .groupInProfile span.nr { display: block; }
.detailProfile .groupInProfile span.title { display: block; }


.kp5_cont { position: absolute; z-index: 300;  }
.kp5_cont .title { position: absolute; bottom:  44px; left: -50px; width: 100px; text-align: center; font-size: 10px; line-height: 8px; }
.kp5_cont.ar .title { left: 0; text-align:left; }
.kp5_cont.al .title { left: -100px; text-align:right; }

.kp5_cont .bol { bottom: 30px; position: absolute; width: 10px; height: 10px; background: #003a4c;  border-radius: 2px; margin-left: -4px; color: #fff; font-size: 10px; line-height: 10px; text-align: center; z-index:500; }
.kp5_cont.ar .bol {  margin-left: 0; }
.kp5_cont.al .bol {  margin-left: -8px; }
.kp5_cont .bol[data-type="2"] { border-radius:50%; background:yellowgreen; width: 12px; height: 12px; margin-left: -5px; line-height: 12px; }
.kp5_cont .bol[data-type="4"] { background: crimson; }
.kp5_cont .bol[data-type="13"] { background: none;   width: 0;   height: 0;  margin-left: -6px;   border-left: 6px solid transparent;     border-right: 6px solid transparent;     border-top: 12px solid red; }
.kp5_cont[data-type="9"] .bol, .kp5_cont[data-type="3"] .bol { height: 0;  }
.kp5_cont[data-type="9"] .line { height: 40px;  }

.kp5_cont .line { bottom: 0; position: absolute; width: 0px; height: 30px; border-left: 1px solid #666; margin-left: 0px; }
.kp5_cont[data-type="13"] .line { border-left: 1px dashed #bbb; }
.kp5_cont.ar .line { margin-left: 1px; }

.svg_food {   width: 14px; height: 14px; display: inline-block;  margin-left: 5px; background-color: #333;  -webkit-mask-image: url(https://www.procyclingstats.com/images/icons/food_icon.svg); mask-image: url(https://www.procyclingstats.com/images/icons/food_icon.svg); }


.kmbar {  list-style:none; width: 3000px; position: absolute; bottom: 0; z-index: 500; color: #999; font-size: 10px; }
.kmbar li { float: left; background: #ddd; height: 5px;  position: relative;  }
.kmbar li span {   display: block; position: absolute; top: -12px; }
.kmbar li:nth-child(odd){  background: #eee;  }

.timeline3cont { border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; min-height: 100px; padding: 5px;  }
.timeline3 { list-style:none; font-size: 14px;    }
.timeline3 li.event {    padding-bottom: 0px; border-left: 1px solid #333; margin-left: 10px;  padding-top: 5px; }
.timeline3 .bol { border-radius: 50%; width: 20px; height: 20px; border: 2px solid #555; float: left; margin-left: -12px; margin-right: 10px; margin-top: -5px; background: #fff; font-size: 10px; color: #555; text-align: center;
    line-height: 20px; letter-spacing: -0.5px; }
.timeline3 .sub { border-top: 1px solid #555; width: 20px; margin-right: 20px; float: left; height: 10px; margin-top: 15px; position:relative; }
.timeline3 .sub span { display: block; width: 7px; height: 7px; border-radius:50%; border:2px solid #444; background: #fff; position: absolute; right: -4px; top: -6px; }
.timeline3 li.xbol .cont { float: left; width: calc(100% - 24px); border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px;  }
.timeline3 li.xsub .cont { float: left; width: calc(100% - 42px); border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px; }
.timeline3 li.xbol div.sub { display:none;  }
.timeline3 li.xsub div.bol { display:none;  }
.timeline3  .stat { float: left; width: calc(100% - 20px); }
.timeline3  .timeago2 { width: 20px; font-size: 10px; float: right;   text-align: right; color: yellowgreen; }
.timeline3 .timeago { display:none; }

.timeline3 li a:link, .timeline3 li a:visited { color: #1B9BE0; }

.timeline3 table { font-size: 12px; border-collapse: collapse; width: 100%;  }
.timeline3 table tr th  { color: #bbb; font-weight: normal;  font-size: 10px; text-transform: uppercase; padding: 1px 0; background: transparent; border: 0; }
.timeline3 table tr td, .tlDefaultTable tr th { background: #fff; }
.timeline3 table tr td { border-top: 1px solid #eee; padding: 3px 0; line-height: 11px; }
.timeline3 table tr td.padr5, .timeline3 table tr th.padr5 { padding-right: 5px; }
.timeline3 table tr.highlight td { background: #D0E3A8; font-weight: bold;  }
.timeline3 table.space6 tr td { padding: 6px 2px;   }
.timeline3 table.space8 tr td { padding: 8px 2px;   }

.timeline3 li a.goto:link, .timeline3 li a.goto:visited { color: #72c2ed; background: #fff; border: 1px solid #b5e6ff; border-radius: 3px; display: inline-block; font-size: 12px; margin-top: 5px; padding: 3px 15px; }
.timeline3 li a.goto:hover, .timeline3 li a.goto:active { border-color: #000; color: #000;  }

.timeline3 li ul { list-style: none; }
.timeline3 li ul.ls_list { padding-left: 20px; list-style: square;}

.situ5b { list-style:none; margin-left: 11px; }
.situ5b li.group { border-left: 2px solid #333;  }
.situ5b li div.bol { background:  #1B9BE0; width: 22px; height: 22px; border-radius:50%; margin-left: -11px; float: left; color: #fff; text-align:center; line-height:22px; position:relative;  }
.situ5b li div.bol span { position:absolute; background: #333; border-radius: 2px; color: #fff; font-size: 10px; top: -4px; left: 16px; height: 12px; line-height:12px; padding: 0px 2px;  }
.situ5b li div.bol span[data-nr="0"] { display: none; }
.situ5b li.group[data-grouptype="2"] div.bol { background: #bbb; width: 17px; height: 17px; line-height: 17px; font-size: 11px; margin-left: -9px; }
.situ5b li.group[data-grouptype="2"] ul { opacity: 0.5; font-size:11px; }

.situ5b div.groupname { font-size: 10px; border-top: 1px solid #ccc; margin-left: 20px; text-indent: 45px; color: #bbb; line-height:10px; padding-top: 3px; text-transform:uppercase; }

.situ5b li div.time {  border-top: 0px solid #ccc; float: left;  margin-left: 5px; width: 50px; font-weight:bold;  padding: 4px 0;}
.situ5b li div.time font { display: none;  }
.situ5b li div.time[data-uncertain="1"] { font-weight:normal; color: #999; }
.situ5b li div.time[data-uncertain="1"] font { display: inline-block; }
.situ5b li div.time[data-uncertain="2"]  { color: #fff; height: 1px; overflow:hidden; padding: 0; }

.situ5b li.group:first-child div.time { height: 1px; overflow:hidden; padding: 0;  }
.situ5b li ul { list-style: none; float: left;  border-top: 0px solid #ccc; width: calc(100% - 66px); padding: 5px 0; font-size: 14px; min-height: 30px;}
.situ5b li ul li { overflow:hidden; }
.situ5b li ul span.nr { float: left; font-size: 10px; display: block; color: #777; line-height: 20px; }
.situ5b li ul span.shirt_icon20 { float: left; display: block;   }
.situ5b li ul a { float: left; display: block; line-height: 20px; }
.situ5b li ul div.gc { float: right; font-size: 11px; color: #555; margin-right: 4px; }
.situ5b li ul span.flag { float: right;  }
.situ5b li ul div.bib { float: left; background: #DFE9F0; width: 18px; height: 18px; line-height: 18px; margin-right: 2px; letter-spacing: -0.5px; font-size: 10px; color: #555; text-align:center; }
.svg_shirt {   width: 16px; height: 16px; display: inline-block;  margin-left: 5px; background-color: #333;  -webkit-mask-image: url(https://www.procyclingstats.com/images/icons/shirt_icon.svg); mask-image: url(https://www.procyclingstats.com/images/icons/shirt_icon.svg); }
.svg_shirt[data-color="yellow"] {  background-color: #eddb53; }
.svg_shirt[data-color="red"] {  background-color: crimson; }
.svg_shirt[data-color="nc_nl"] {  background: linear-gradient(180deg, rgba(195,34,34,1) 0%, rgba(219,39,39,1) 40%, rgba(232,232,232,1) 40%, rgba(233,233,233,1) 60%, rgba(0,101,187,1) 61%, rgba(0,101,199,1) 100%); }

.tt-times5 { border-collapse: collapse; width: 100%;   }
.tt-times5 th { font-size: 10px; color: #bbb; font-weight:normal; text-align:center;  }
.tt-times5 th:nth-child(1){ width: 25px;  }
.tt-times5 th:nth-child(2){ width: calc(60% - 50px); text-align:right;  }
.tt-times5 th:nth-child(3){ width: 25px;  }
.tt-times5 th:nth-child(4){ width: 14%; }
.tt-times5 th:nth-child(5){ width: 14%;  }
.tt-times5 th:nth-child(6){ width: 12%;  }
.tt-times5 td { padding: 2px; font-size: 14px; border-top: 1px dashed #ddd; text-align:center; }
.tt-times5 td:nth-child(2) { text-align: right;  }
.tt-times5 td:nth-child(n+5){ font-size: 10px; color: #777;   }
.tt-times5 td:nth-child(4) font {  }
.tt-times5[data-topn="5"] tbody tr:nth-child(n+6){  display: none;  }
.tt-times5[data-topn="10"] tbody tr:nth-child(n+11){  display: none;  }

.tt-lasttimes {  border-collapse: collapse; width: 100%;  }
.tt-lasttimes th { padding: 2px; font-size: 10px; color: #bbb; font-weight:normal; text-align:left;  }
.tt-lasttimes td { padding: 2px;  border-top: 1px dashed #ddd; }
.tt-lasttimes[data-topn="5"] tbody tr:nth-child(n+6){  display: none;  }
.tt-lasttimes[data-topn="10"] tbody tr:nth-child(n+11){  display: none;  }

.tt-nexttostart { border-collapse: collapse; width: 100%; }
.tt-nexttostart th { color: #999; font-size:10px;  font-weight: normal; text-align: left; }
.tt-nexttostart td { border-top: 1px dashed #ddd; padding: 2px 0; font-size: 14px;  }
.tt-nexttostart tbody tr:nth-child(n+11){  display: none; }

.CountrySelectCont { border: 1px dashed #bbb; border-radius: 4px; margin: 5px 0 10px; padding: 10px; font-size: 14px; }
.RequestStatCont { border: 1px dashed #bbb; border-radius: 4px; margin: 5px 0 10px; padding: 10px; font-size: 14px; }

.findBibForm { overflow:hidden; }
.findBibForm input[name="bib"] { font-size: 16px; width: 90px; padding: 4px; float: left; margin-right: 2px; text-align: center; }
.findBibForm input[name="submitBIB"] { font-size: 11px; padding: 7px; float: left; }

.findBIB_bib { width: 30px; height: 25px; margin-right: 5px; background: lightblue;  float: left; border-radius: 2px; font-size: 16px; font-family: arial; text-align: center; line-height: 25px; font-weight: bold; }

/* team shirt icons */
.shirt_icon { background-repeat: no-repeat; background-size: 16px; display: block; height: 16px; width: 16px;   }
.shirt_icon20 { background-repeat: no-repeat; background-size: 20px; display: block; height: 20px; width: 20px;   }
.shirt_icon22 { background-repeat: no-repeat; background-size: 22px; display: block; height: 22px; width: 22px;   }
.shirt_icon24 { background-repeat: no-repeat; background-size: 24px; display: block; height: 24px; width: 24px;   }
.shirt_icon26 { background-repeat: no-repeat; background-size: 26px; display: block; height: 26px; width: 26px;   }
.shirt_icon30 { background-repeat: no-repeat; background-size: 30px; display: block; height: 30px; width: 30px;   }
.shirt_icon40 { background-repeat: no-repeat; background-size: 40px; display: block; height: 40px; width: 40px;   }
.shirt_icon50 { background-repeat: no-repeat; background-size: 50px; display: block; height: 50px; width: 50px;   }
.shirt_icon70 { background-repeat: no-repeat; background-size: 70px; display: block; height: 70px; width: 70px;   }
.shirt_icon90 { background-repeat: no-repeat; background-size: 90px; display: block; height: 90px; width: 90px;   }
.shirt_icon120 { background-repeat: no-repeat; background-size: 120px; display: block; height: 120px; width: 120px;   }
.team1058{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/adria-mobil-2025.png); }
.team1060{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/decathlon-ag2r-la-mondiale-2025.png); }
.team1089{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/sabgal-anicolor-2025-n2.png); }
.team1096{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/st-michel-preference-home-auber93-2025.png); }
.team1100{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/alpecin-deceuninck-2025-n2.png); }
.team1101{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/utsunomiya-blitzen-2025.png); }
.team1107{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/arkea-b-b-hotels-2025.png); }
.team1109{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/burgos-burpellet-bh-20251.png); }
.team1111{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/caja-rural-seguros-rga-2025-n2.png); }
.team1121{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/aviludo-louletano-loule-2025.png); }
.team1136{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/cofidis-2025-n4.png); }
.team1161{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-sd-worx-protime-2025.png); }
.team1175{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/totalenergies-2025.png); }
.team1187{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/groupama-fdj-2025.png); }
.team1207{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-jayco-alula-2025.png); }
.team1250{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/credibom-la-aluminios-marcos-car-2025.png); }
.team1253{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/uae-team-emirates-xrg-2025.png); }
.team1258{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lidl-trek-2025.png); }
.team1269{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lotto-ladies-2025.png); }
.team1270{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/radio-popular-paredes-boavista-2025.jpg); }
.team1293{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/q365-pro-cycing-team-2025-n2.png); }
.team1325{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/elkov-kasper-2025.png); }
.team1328{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/soudal-quick-step-2025.png); }
.team1330{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-visma-lease-a-bike-2025.png); }
.team1333{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/pogi-team-gusto-ljubljana-2025.jpg); }
.team1346{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/van-rysel-roubaix-2025-n2.png); }
.team1352{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/factor-racing-2025.png); }
.team1359{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-picnic-postnl-women-2028.png); }
.team1360{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-picnic-postnl-2025.png); }
.team1363{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-coop-repsol-2025.png); }
.team1366{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/pauwels-sauzen-cibel-clementines-2025.png); }
.team1375{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/xds-astana-team-2025.png); }
.team1381{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/canyon-sram-racing-2025.png); }
.team1383{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-coloquick-2025.png); }
.team1395{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-coop-repsol-we-2025-n2.png); }
.team1411{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/red-bull-bora-hansgrohe-2025.png); }
.team1420{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/uno-x-mobility-2025.png); }
.team1423{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ineos-grenadiers-2025.png); }
.team1430{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-novo-nordisk-2025.png); }
.team1436{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-vorarlberg-2025-n2.png); }
.team1440{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/baloise-glowi-lions-2025.png); }
.team1452{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/top-girls-fassa-bortolo-2025-n2.png); }
.team1453{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-flanders-baloise-2025.png); }
.team1458{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/hagens-berman-jayco-2025.png); }
.team1461{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/tirol-ktm-cycling-team-2025.png); }
.team1469{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/aromitalia-3t-vaiano-2025-n2.png); }
.team1477{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/fdj-suez-2025.png); }
.team1482{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/wagner-bazin-wb-2025-n2.png); }
.team1490{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/intermarche-wanty-2025-n2.png); }
.team1510{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/liv-alula-jayco-2025.png); }
.team1543{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/denmark-2025.png); }
.team1644{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/tarteletto-isorex-2025.png); }
.team1645{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/great-britain-2025.png); }
.team1660{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/switzerland-2025.jpg); }
.team1713{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/uae-team-adq-2025-n2.png); }
.team1773{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/jcl-team-ukyo-2025.png); }
.team1923{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/human-powered-health-women-2025.png); }
.team1941{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/vendee-u-2025.png); }
.team1944{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lotto-development-team-2025.png); }
.team1949{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/wv-de-hanzerenners-2025.png); }
.team2040{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/movistar-team-2025.png); }
.team2056{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/sensa-kanjers-voor-kanjers-2025.png); }
.team2088{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lotto-2025.png); }
.team2121{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/cic-u-nantes-2025.png); }
.team2151{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/gi-group-holding-simoldes-udo-2025.jpg); }
.team2214{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/mbh-bank-ballan-csb-2025.png); }
.team2364{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/parkhotel-valkenburg-2025.png); }
.team2379{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/volkerwessels-womens-pro-cycling-team-2025.png); }
.team2405{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/bike-aid-2025.png); }
.team2462{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ccn-metalac-2025.jpg); }
.team2663{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-lotto-kern-haus-psd-bank-2025-2.png); }
.team2696{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/gragnano-sporting-club-2025.jpg); }
.team2708{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/bhs-pl-beton-bornholm-2025.png); }
.team2738{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/israel-premier-tech-2025.png); }
.team2765{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/bepink-imatra-bongioanni-2025.png); }
.team3032{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/rad-net-rembe-pro-cycling-team-2025.jpg); }
.team3077{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/spain-2025.jpg); }
.team3125{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/embrace-the-world-2025.jpg); }
.team3180{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/veloce-club-rouen-76-2025.png); }
.team3188{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/club-cycliste-chevigny-2025-n2.png); }
.team3209{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ceratizit-wnt-pro-cycling-2025.png); }
.team3345{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/vf-group-bardiani-csf-faizane-2025.png); }
.team3444{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ccache-x-bodywrap-2025.png); }
.team3497{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/velo-club-villefranche-beaujolais-2025-n2.png); }
.team3588{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/beltrami-tsa-tre-colli-2025-n2.png); }
.team3814{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/bahrain-victorious-2025-n2.png); }
.team3831{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/development-team-picnic-postnl-2025.png); }
.team3934{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/mazowsze-serce-polski-2025.png); }
.team4000{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ef-education-easypost-2025.png); }
.team4051{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/benotti-berthold-2025.png); }
.team4079{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/project-echelon-racing-2025.png); }
.team4518{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/aphotels-resorts-tavira-sc-farense-2025.png); }
.team4530{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/epronex-hungary-cycling-team-2025-n2.png); }
.team4723{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-polti-visitmalta-2025.png); }
.team4773{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/movistar-women-team-2025.png); }
.team4831{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/euskaltel-euskadi-2025-n2.png); }
.team4860{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/feirense-beeceler-2025.jpg); }
.team4861{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/beat-cycling-2025-n2.png); }
.team4882{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/tavfer-ovos-matinados-mortagua-2025.png); }
.team4912{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/vini-monzon-savini-due-omz-2025.png); }
.team4916{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/isolmant-premac-vittoria-2025-n2.png); }
.team4937{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/roland-2025-n3.png); }
.team4980{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/soudal-quick-step-devo-2025.png); }
.team4985{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/das-hutchinson-2025.png); }
.team4989{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/winspace-orange-seal-2025-n2.png); }
.team5019{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/dd-group-pro-cycling-team-2025.png); }
.team5054{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/cc-chevigny-u19-2025.png); }
.team5580{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lidl-trek-women-2025.png); }
.team5604{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/austria-2025.png); }
.team5638{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/equipe-continentale-groupama-fdj-2025.png); }
.team5642{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/xspeed-united-2025.png); }
.team5649{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/tudor-pro-cycling-team-2025.png); }
.team5651{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-skyline-2025-n2.png); }
.team5656{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/eneicat-cmteam-2025.png); }
.team5693{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/volkerwessels-cyclingteam-2025.png); }
.team5704{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ag-insurance-soudal-team-2025.png); }
.team5998{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/rio-miera-cantabria-deporte-2025.png); }
.team6016{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-visma-lease-a-bike-development-2025.png); }
.team6033{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/decathlon-ag2r-la-mondiale-development-team-2025.png); }
.team6076{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/bahrain-victorious-development-team-2025-n2.png); }
.team6097{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/born-to-win-btc-city-ljubljana-zhiraf-2025-n3.jpg); }
.team6298{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/arkea-b-b-hotels-women-2025.png); }
.team6458{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/att-investments-2025.png); }
.team6694{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/israel-premier-tech-academy-2025.png); }
.team6819{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/sidi-ali-unlock-team-2025.jpg); }
.team6843{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/li-ning-star-cycling-team-2025.png); }
.team6844{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/victoire-hiroshima-2025.png); }
.team7096{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/st-michel-preference-home-auber93-we-2025.png); }
.team7100{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/hubo-scott-ct-2025-n2.jpg); }
.team7235{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/fenix-deceuninck-2025-n3.png); }
.team7556{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/laboral-kutxa-fundacion-euskadi-2025-n2.png); }
.team7606{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/dft-pwr-ccn-cycling-2025-n3.png); }
.team7756{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/talent-cycling-2025.png); }
.team7775{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lillehammer-ck-continental-team-2025.png); }
.team7807{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/equipo-kern-pharma-2025.png); }
.team7851{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-visma-lease-a-bike-women-2025.png); }
.team7967{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/airtox-carl-ras-2025.png); }
.team8229{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/farto-btc-womens-cycling-team-2025.png); }
.team8393{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/alpecin-deceuninck-development-team-2025.png); }
.team8850{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/nice-metropole-cote-d-azur-2025-n2.png); }
.team8918{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/velopro-alphamotorhomes-ct-2025.jpg); }
.team8951{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/arbo-raiffeisen-rc-feld-am-see-2025-n2.png); }
.team9056{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/uno-x-mobility-we-2025.png); }
.team9102{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/svealand-cycling-team-2025.png); }
.team9103{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/biciobiker-excon-ciudad-de-talavera-2025-n2.jpg); }
.team9109{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-storck-metropol-cycling-2025.jpg); }
.team9197{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/cofidis-women-team-2025-n3.png); }
.team9198{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/efapel-cycling-2025.jpg); }
.team9236{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-mendelspeck-2025-n2.png); }
.team9253{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/vc-fukuoka-2025.jpg); }
.team9259{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/torelli-2025.jpg); }
.team9295{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/xds-astana-development-team-2025.png); }
.team9464{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/psp-international-superior-2025.jpg); }
.team9465{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/mat-atom-deweloper-wroclaw-2025-n2.png); }
.team9467{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/quick-pro-team-2025-n2.png); }
.team9468{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-solution-tech-vini-fantini-2025.png); }
.team9670{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/may-stars-2025.png); }
.team9731{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/sc-padovani-polo-cherry-bank-2025-n2.png); }
.team9892{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/prolongo-al-andalus-woman-2025.jpg); }
.team9894{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/roman-kreuziger-cycling-academy-2025.png); }
.team10003{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/petrolike-2025.png); }
.team10332{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/cynisca-cycling-2025.jpg); }
.team10356{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/tudor-pro-cycling-team-u23-2025.png); }
.team10407{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/unibet-tietema-rockets-2025-n2.png); }
.team10446{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/victoria-sports-2025-n2.png); }
.team10460{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/universe-cycling-team-2025.png); }
.team10477{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/istanbul-buyuksehhir-belediye-spor-turkiye-2025.jpg); }
.team10515{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/obidos-cycling-team-2025.png); }
.team10652{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/tenerife-bike-point-gsport-2025.png); }
.team10851{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/moyon-percy-velo-club-2025.png); }
.team11098{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-give-steel-2m-cycling-elite-2025.png); }
.team11263{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/cln-2025.png); }
.team11574{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/arkea-b-b-hotels-continentale-2025.png); }
.team11634{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/uae-team-emirates-gen-z-2025-n3.png); }
.team11665{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ef-oatly-cannondale-2025.png); }
.team11685{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lidl-trek-future-racing-2025.png); }
.team11705{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/uae-development-team-2025-n2.png); }
.team11731{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/matos-mobility-flexaco-ihs-2025.png); }
.team11969{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/vetrapo-b-close-bal-enzo-cycling-team-2025.jpg); }
.team11988{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/java-inovotec-pro-team-2025.png); }
.team12333{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/illes-balears-arabay-2025.png); }
.team12338{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/karcag-cycling-epkar-team-2025.png); }
.team12371{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/upv-women-s-cycling-2025.png); }
.team12456{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/a.s.d.-club-corridonia-s.c.-2025.jpg); }
.team12491{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/azteca-cycling-team-2025-n2.jpg); }
.team12511{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/maxsolar-cycling-team-2025.png); }
.team12537{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/spirit-racing-team-2025-n2.png); }
.team12542{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/swabo-cyclingteam-2025.png); }
.team13007{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-dukla-praha-2025.jpg); }
.team13425{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/pafgio-dema-2025.png); }
.team13429{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/red-bull-bora-hansgrohe-u23-2025.png); }
.team57464{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/team-united-shipping-2025.png); }
.team57570{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/nexetis-2025.png); }
.team57571{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/avc-aix-en-provence-ct-2025.png); }
.team57595{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/lucky-sport-cycling-team-2025.png); }
.team57740{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/mat-atom-deweloper-wroclaw-juniors-2025.png); }
.team57767{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/gebiz-spor-kulubu-2025.png); }
.team57772{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/gd-pinero-durotec-sakata-2025.png); }
.team57785{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/comunitat-valenciana-2025.png); }
.team57792{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/ankara-bisiklet-doga-sporlari-dayanisma-sk-2025.png); }
.team57871{ background-image: url(https://www.procyclingstats.com/images/shirts/bx/eb/pika-team-2025.png); }