.BubbleRanking .rankingHolder {
 vertical-align:middle
}
.BubbleRanking .rankingHolder .theRank {
 width:50px;
 height:50px;
 background-color:#4487a3;
 border-radius:50px;
 text-align:center;
 color:#fff;
 line-height:50px;
 font-weight:700;
 font-size:200%
}
.accessibility .BubbleRanking .rankingHolder .theRank {
 background-color:#39A29F
}
.BubbleRanking .rankingHolder .theRank:before {
 content:attr(data-rank)
}
.BubbleRanking .rankingHolder .exclusiveRank:before {
 font-family:FontAwesome;
 content:"\f00d"
}
body .overlay {
 display:none;
 z-index:9999;
 font-size:2000%;
 color:#000;
 position:fixed;
 top:0;
 text-align:center;
 width:100%
}
.BubbleRanking .mrQuestionTable .rankingHolder {
 padding-right:5px
}
.BubbleRanking .mrQuestionTable .miniTables {
 margin:0 5px
}
.BubbleRanking .mrQuestionTable .miniTables.horizontal {
 display:inline-block
}
.BubbleRanking .mrQuestionTable .miniTables.vertical {
 display:block
}
.BubbleRanking table.mrQuestionTable.table-bordered tbody:first-child tr td:first-child {
 border-left:1px solid transparent
}
@media screen and (min-width:1024px) and (min-height:500px) {
 .BubbleRanking .mrQuestionTable .miniTables.responsive {
  /*display:inline-block*/
  display:block
 }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
 .BubbleRanking .mrQuestionTable .miniTables.responsive {
  /*display:inline-block*/
  display:block
 }
}
@media (max-device-width:1280px) and (orientation:landscape) {
 .BubbleRanking .mrQuestionTable .miniTables.responsive {

 display:block
 }
}