/* Medals Page & Block */

table.medals-table tr{
  height: 40px;
}
.medals-table-header th {
  font-size: 14px;
  text-align: left;
  height: 40px;
}

.medals-table-header th.rank .sort {
  width: 15px;
  height: 15px;
  text-align: center;
  font: Regular 15px/24px ap-icons;
  letter-spacing: 0.15px;
  color: #D8D7CD;
  opacity: 1;
}

table.medals-table th,
table.medals-table th a:link,
table.medals-table th a:visited {
  font: Bold 18px/18px 'AP Sans';
  letter-spacing: 0.9px;
  color: #333333;
  opacity: 1;
}
table.medals-table th.rank{
  font: Bold 24px/18px  'AP Sans';
  letter-spacing: 0;
}

table.medals-table th.medals {
  text-align: center;
  width: 10%;
}

table.medals-table th.total {
  font-size: 16px;
  width: 10%;
  text-align: center;
}
table.medals-table, table.medals-table-header{
  width: 100%;
}
th.countryname {
  width: 55%;
}
table.medals-table-header th.rank{
  width: 10%;
}
table.medals-table th.rank {
  width: 10%;
  text-align: center;
}
table.medals-table th{
  border: 1px solid #EFE9E9;
  background: none;
  padding: 5px 1.5%;
}
.medals-table-header th.medal {
  text-align: center;
  width: 10%;
}
table.medals-table th.medals, table.medals-table th.total {
  font: 16px/18px 'Ap Sans';
}
table.medals-table-header th.total {
  width: 15%;
  padding-left: 3%;
}
.medals-table-header th {
  border: 1px solid #ccc;
  font: Bold 14px/24px 'Ap Sans';
  line-height: 18px;
  text-transform: none;
  padding: 5px 2%;
  color: #000000;
}

.medals-table-header th.medal{
  padding: 0px;
}

.medals-table-header th.medal .bg-header-bronze, .medals-table-header th.medal .bg-header-silver,
.medals-table-header th.medal .bg-header-gold, .medals-table-header th .bg-header-top,
.medals-table tr.empty-cell-header td .bg-header-gold, .medals-table tr.empty-cell-header td .bg-header-silver,
.medals-table tr.empty-cell-header td .bg-header-bronze{
  height: 6px;
  opacity: 1;
  width: 101%;
}
.medals-table-header th.medal  .bg-header-silver,
.medals-table tr.empty-cell-header td .bg-header-silver{
  background: #B0B0B0 0% 0% no-repeat padding-box;
}
.medals-table-header th.medal .bg-header-gold, 
.medals-table tr.empty-cell-header td .bg-header-gold{
  background: #FCC218 0% 0% no-repeat padding-box;
}

.medals-table-header th.medal .bg-header-bronze, 
.medals-table tr.empty-cell-header td .bg-header-bronze{
  background: #CD7F32 0% 0% no-repeat padding-box;
}

.medals-table-header th.medal .header-text{
  padding: 7px;
}
table.medals-table tr.empty-cell-header{
  height: 6px;
}
table.medals-table tr td.medals, table.medals-table tr td.total{
  text-align: center;
  font: 16px/18px 'Ap Sans';
  letter-spacing: 0.8px;
  color: #333333;
  opacity: 1;
  border-bottom: 1px solid #EFE9E9;
}
table.medals-table tr td.sportname a{
  text-align: left;
  font: 16px/18px 'Ap Sans';
  color: #333333;
  opacity: 1;
}
table.medals-table tr td.sportname{
  border-bottom: 1px solid #EFE9E9;
}
table.medals-table tr.sport-medals-row{
  height: 50px;
}
table.medals-table th.medals-collapse {
  background: url('../images/bg-medals-arrow.png') no-repeat center center;
  text-indent: -9999px;
  cursor: pointer;
  width: 5%;
  height: 7px;
}

table.page-medals-table-header th {
  cursor: pointer;
}

table.medals-table-header th.rank{
  background-position-x: 66%;
}
table.medals-table-header th.countryname{
  background-position-x: 14%;
}
table.medals-table-header th.gold{
  background-position-x: 77%;
}
table.medals-table-header th.silver{
  background-position-x: 81%;
}
table.medals-table-header th.bronze{
  background-position-x: 85%;
}
table.medals-table-header th.total{
  background-position-x: 49%;
}

table.medals-table th.medals-collapse.toggled-open {
  background: url('../images/bg-medals-arrow-close.png') no-repeat center center;
}

table.medals-table-header th .page-header-text {
  position: relative;
}
table.medals-table div.contryname-container, .block-ap-medals div.contryname-container{
  display: flex;
  align-items: center;
}
table.medals-table-header th.asc .page-header-text:after, table.medals-table-header th .page-header-text:after {
  content: '';
  display: inline-block;
  background: url(../images/bg-medals-arrow.png) no-repeat;
  width: 7px;
  height: 7px;
  margin-left: 5px;
  z-index: 1;
}
table.medals-table-header th .page-header-text:after{
  opacity: 0.25;
}
table.medals-table-header th.asc .page-header-text:after{
  opacity: 1;
}
table.medals-table-header th.desc .page-header-text:after{
  background-image: url('../images/bg-medals-arrow-close.png');
  opacity: 1;
}

.block-ap-medals h3 {
  font: Bold 20px/24px 'Ap Sans';
  border-bottom: 2px solid #282828;
}
.block-ap-medals .medal-updated-date {
  font: 10px/14px 'Open Sans';
  letter-spacing: 0;
  color: #565656;
}

.block-ap-medals table.medals-table th a:link, 
.block-ap-medals table.medals-table th a:visited {
  font: Bold 15px/18px 'AP Sans';
  letter-spacing: 0.75px;
  text-align: left;  
}

.block-ap-medals .medals-view-more{
  height: 50px;
  margin-top: 18px;
}
.block-ap-medals .medals-view-more a{
  border: 1px solid #707070;
  border-radius: 20px;
  text-align: center;
  font: 14px/24px 'AP Sans';
  letter-spacing: 0.14px;
  color: #000000;
  padding: 10px 40px 10px 40px;
  margin-left: 65px;
}

.block-ap-medals table.medals-table th.rank{
  text-align: center;
  font: Bold 14px/18px 'AP Sans';
  letter-spacing: 0.7px;
}

.block-ap-medals table.medals-table-header th.total, .block-ap-medals table.medals-table th.total{
  width: 15%;
  text-align: center;
  padding: 0px;
}

.block-ap-medals th.countryname{
  width: 55%;
}

.block-ap-medals table.medals-table-header th.rank{
  text-align: center;
}
tr.empty-cell-header td.header-border-top{
  border-top: 2px solid #C9C9C9;
}
@media screen and (max-width: 750px){
  table.medals-table-header th .page-header-text:after{
    display: none;
  }
  table.medals-table-header th.asc .page-header-text:after{
    display: none;
  }
  table.medals-table-header th.desc .page-header-text:after{
    display: none;
  }

}
@media screen and (max-width: 600px){
  .hidden-600-down{
    display: none;
  }
}
@media screen and (min-width: 600px){
  .hidden-600-up{
    display: none;
  }
}

@media screen and (max-width: 480px){
  th.countryname{  
    vertical-align: middle;
  }
}
@media screen and (max-width: 380px){
  table.medals-table th.medals, table.medals-table th.total{
    font: 12px/18px 'Ap Sans';
  }
}
.medals-page-msg{
  text-align: left;
  font: 16px/20px "Ap Sans";
  letter-spacing: 0;
  color: #333333;
  vertical-align: top;
}