/* stylelint-disable selector-max-type, selector-no-qualifying-type, selector-max-compound-selectors, no-descending-specificity, selector-max-attribute */
/* reason: must overwrite the third party default behaviour */

/* MEDALS WIDGET */

.show-more-or-less-buttons {
  display: none;
}

@media only screen and (max-width: 640px) {
  .table thead {
    display: none;
  }
}

.widget-medaltable-season .table thead tr th span {
  color: #A6AAAB;
  text-transform: capitalize;
  font-weight: bold;
}

.widget-medaltable-season .panel-primary > .panel-heading {
  background-color: transparent;
  border: 0;
  padding-top: 2px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  height: 40px;
}

.widget-medaltable-season .panel-primary > .panel-heading span {
  color: #3A3E40;
  /*font-family: 'Roboto';*/
  font-size: 16px;
  text-transform: uppercase;
}

.panel-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 0;
}

.panel-heading.center,
.panel-heading.center h1 {
  text-align: left;
}

.panel-primary .panel-body {
  padding: 0;
}

td {
  height: 0;
}

@media (min-width: 0) {
  .text-abbrev-strong span.full-text,
  .text-abbrev span.full-text {
    display: none;
  }

  .text-abbrev-strong span.abbr,
  .text-abbrev span.abbr {
    display: inline-block;
  }
}

.table tbody tr td.medal.medal-header.medal-total > span:after {
  content: 'totaal: ';
  padding-top: 5px;
  padding-right: 5px;
  position: relative;
  /*top: 10px;*/
  right: 5px;
}

.tablecell.ExpandButton {
  display: none;
}

.table tbody tr td.medal,
.table thead tr td.medal {
  width: 18%;
}

.tablerow.highlight {
  background-color: #FFBE6759;
}

.tablecell.medal.medal-total {
  padding-right: 8px;
}

.container:after {
  display: none;
}

.table tbody tr td.medal-gold .format-local:before {
  background-color: #FEC90D;
}

.table tbody tr td.medal-silver .format-local:before {
  background-color: #A0A0A0;
}

.table tbody tr td.medal-bronze .format-local:before {
  background-color: #AD4A14;
}

.btn:active,
.btn:focus,
.btn:hover {
  border-color: initial;
  background-color: initial;
}

@media screen and (min-width: 640px) {
  .table tbody tr td:last-child,
  .table tbody tr th:last-child,
  .table thead tr td:last-child,
  .table thead tr th:last-child {
    padding-right: 0;
  }
}

/* SCHEDULE WIDGET */

.widget-schedule-day-per-day .schedule-options {
  display: none;
}

.widget-schedule-day-per-day .panel-group .panel {
  border-bottom: 1px solid #D8D8D8;
}

.panel-primary > .panel-heading {
  border-top: none;
  border-bottom: none;
  padding: 0;
  height: auto;
  background-color: transparent;
}

.panel-heading .navtab-container {
  text-align: right;
}

.panel-heading .navtab-container .navtab-top-right {
  display: inline-block;
}

@media screen and (min-width: 640px) {
  .panel-heading .navtab-container .navtab-top-right {
    position: static;
    right: auto;
    top: auto;
  }
}

.panel {
  background-color: transparent;
}

.panel-heading h1 {
  display: none;
}

.nav-tabs {
  min-width: auto;
  margin-bottom: 16px;
  display: inline-block;
}

.nav-tabs li a {
  padding: 0 20px;
  height: auto;
  border-right: 1px solid #D8D8D8 !important;
}

.nav-tabs li:last-child a {
  border-right: none !important;
}

.panel-primary > .panel-heading span {
  color: #74797A;
  font-size: 12px;
  text-transform: none;
  font-weight: bold;
}

.panel-primary > .panel-heading .active span {
  color: #3A3E40;
}

.selected-day {
  background-color: transparent;
  border-top: 1px solid #D8D8D8;
  border-bottom: 2px solid #D8D8D8;
  height: 44px;
}

@media screen and (min-width: 640px) {
  .selected-day {
    height: 56px;
  }
}

.selected-day .glyphicon {
  line-height: 41px;
}

@media screen and (min-width: 640px) {
  .selected-day .glyphicon {
    line-height: 53px;
  }
}

.selected-day a,
.selected-day a > div span {
  color: #3A3E40;
  font-size: 16px;
  font-weight: bold;
  line-height: 41px;
}

@media screen and (min-width: 640px) {
  .selected-day a,
  .selected-day a > div span {
    font-size: 18px;
    line-height: 53px;
  }
}

.selected-day .glyphicon.glyphicon-triangle-bottom {
  color: #3A3E40;
  font-size: 12px;
}

.selected-day .prev {
  width: 44px;
  margin-left: 0;
  border-right: 1px solid #D8D8D8;
}

@media screen and (min-width: 640px) {
  .selected-day .prev {
    width: 56px;
  }
}

.selected-day .next {
  width: 44px;
  margin-right: 0;
  border-left: 1px solid #D8D8D8;
}

@media screen and (min-width: 640px) {
  .selected-day .next {
    width: 56px;
  }
}

.selected-day .glyphicon-menu-left,
.selected-day .glyphicon-menu-right {
  color: #F58423;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .datePicker .day-cell {
    padding: 3px 4px;
  }
}

.close-date-picker {
  display: none;
}

.datePicker .small-calendar .close-calendar {
  margin: 0;
  padding: 5px 10px;
}

.datePicker .small-calendar .day-of-month {
  font-size: 18px;
}

.datePicker .small-calendar .weekday {
  font-size: 11px;
  line-height: 16px;
  padding-top: 4px;
}

/*.close-date-picker {
  background-color: transparent;
  border-bottom: 1px solid #D8D8D8;
}

.close-date-picker .glyphicon {
  color: #3A3E40;
}*/

.dropdownFilter {
  border-bottom: 1px solid #D8D8D8;
  background-color: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 640px) {
  .dropdownFilter {
    height: auto;
    padding: 0;
    text-align: left;
  }
}

.dropdownFilter .filter-label {
  color: #3A3E40;
  line-height: 36px;
  padding: 0;
}

@media screen and (min-width: 640px) {
  .dropdownFilter .filter-label {
    line-height: 56px;
    padding: 0 25px 0 0;
  }
}

.dropdownFilter .filter-label .icon {
  display: none;
}

.dropdownFilter .filter-label .format-local {
  margin-left: 0;
  padding: 0;
}

@media screen and (min-width: 640px) {
  .dropdownFilter .filter-label .format-local {
    margin-left: 0;
  }
}

.dropdownFilter .clear-filter,
.dropdownFilter .dropdown {
  padding: 0 8px;
  min-height: auto;
  display: block;
  text-align: left;
}

@media screen and (min-width: 640px) {
  .dropdownFilter .clear-filter,
  .dropdownFilter .dropdown {
    padding: 0 25px;
    line-height: 56px;
    display: inline-block;
  }
}

.dropdown-toggle,
.dropdown-toggle:active,
.dropdown-toggle:hover {
  color: #3A3E40;
}

.dropdown-toggle .glyphicon {
  margin-left: 4px;
}

.panel-group .panel {
  background-color: transparent;
  border: none;
  /*border-bottom: 1px solid #D8D8D8;*/
}

.panel-group .panel .panel-heading {
  background-color: transparent;
}

@media screen and (min-width: 640px) {
  .panel-group .panel .panel-heading {
    height: 83px;
    line-height: 83px;
  }
}

@media screen and (min-width: 640px) {
  .panel-group .panel .panel-heading > div {
    padding: 0 20px;
  }
}

.panel-group .panel .panel-heading button {
  padding: 0;
}

@media screen and (min-width: 640px) {
  .panel-group .panel .panel-heading button {
    padding: 0;
  }
}

.panel-group .panel .panel-heading .title {
  color: #3A3E40;
  font-weight: 900;
}

@media screen and (min-width: 640px) {
  .panel-group .panel .panel-heading .title {
    font-size: 24px;
  }
}

.panel-group .panel .panel-heading .actions .glyphicon {
  font-weight: bold;
  color: #3A3E40;
}

.panel-group .panel-heading button[aria-expanded='true']:not(.collapsed) .glyphicon-menu-left,
.panel-group .panel .panel-heading .actions .glyphicon-menu-up {
  font-weight: bold;
  color: #F58423;
  font-size: 16px;
}

.panel-group .panel .panel-heading .actions .glyphicon-menu-right {
  font-size: 16px;
}

.panel-group .panel-heading button[aria-expanded='true']:not(.collapsed) {
  background-color: transparent;
  color: #3A3E40;
  border-bottom: 1px solid #D8D8D8;
}

.panel-group .panel-heading button[aria-expanded='true']:not(.collapsed) .title {
  color: #3A3E40;
}

@media screen and (min-width: 640px) {
  .panel-group .panel .panel-heading button[aria-expanded='true']:not(.collapsed) {
    background-color: transparent;
    color: #3A3E40;
  }
}

.panel-group .panel .panel-collapse {
  padding: 0;
}

.table tbody tr.tablerow:not(.sport-detail-buttons-row) td.date-time > div {
  background-color: #3CAC87;
  border-left: 16px solid #41BB94;
  padding: 20px 16px 19px;
  line-height: 0;
  height: auto;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.date-time,
  .table tbody tr.tablerow th.date-time,
  .table thead tr.tablerow td.date-time,
  .table thead tr.tablerow th.date-time {
    width: 116px;
  }
}

.table tbody tr.tablerow td.date-time > div .time,
.table tbody tr.tablerow th.date-time > div .time,
.table thead tr.tablerow td.date-time > div .time,
.table thead tr.tablerow th.date-time > div .time {
  margin-left: 0;
  display: inline-block;
}

.table tbody tr.tablerow td.date-time:last-child > div {
  background-color: transparent;
  border-left: none;
  padding: 0;
}

.table tbody tr.tablerow td.date-time-broadcast.date,
.table thead tr.tablerow td.date-time-broadcast.date {
  background-color: #3CAC87;
  padding-left: 8px;
  text-align: left;
}

.table tbody tr.tablerow td.date-time-broadcast.date:before,
.table thead tr.tablerow td.date-time-broadcast.date:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 100%;
  margin-left: -8px;
  background: #41BB94;
  float: left;
}

.table tbody tr.tablerow td.date-time > div .date span,
.table tbody tr.tablerow th.date-time > div .date span,
.table thead tr.tablerow td.date-time > div .date span,
.table thead tr.tablerow th.date-time > div .date span {
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #A3D5DF;
  display: block;
}

.table tbody tr.tablerow td.date-time > div .time span,
.table tbody tr.tablerow th.date-time > div .time span,
.table thead tr.tablerow td.date-time > div .time span,
.table thead tr.tablerow th.date-time > div .time span {
  font-size: 16px;
  line-height: 1.31;
  text-align: left;
  color: white;
  display: block;
}

.table tbody tr.tablerow td.date-time-broadcast.broadcast span,
.table tbody tr.tablerow td.date-time-broadcast.time span,
.table thead tr.tablerow td.date-time-broadcast.broadcast span,
.table thead tr.tablerow td.date-time-broadcast.time span {
  font-size: 14px;
  line-height: 1.31;
  text-align: left;
  color: white;
  padding: 0 4px;
}

.table tbody tr.tablerow td.gender-event-phase .gender-event,
.table thead tr.tablerow td.gender-event-phase .gender-event {
  font-weight: bold;
  font-size: 15px;
  color: #3A3E40;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.gender-event-phase .gender-event,
  .table thead tr.tablerow td.gender-event-phase .gender-event {
    font-size: 18px;
  }
}

.table tbody tr.tablerow td.gender-event-phase .phase,
.table thead tr.tablerow td.gender-event-phase .phase {
  font-size: 15px;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.gender-event-phase .phase,
  .table thead tr.tablerow td.gender-event-phase .phase {
    font-size: 18px;
  }
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.gender-event-phase .gender-event,
  .table tbody tr.tablerow td.gender-event-phase .phase,
  .table tbody tr.tablerow th.gender-event-phase .gender-event,
  .table tbody tr.tablerow th.gender-event-phase .phase,
  .table thead tr.tablerow td.gender-event-phase .gender-event,
  .table thead tr.tablerow td.gender-event-phase .phase,
  .table thead tr.tablerow th.gender-event-phase .gender-event,
  .table thead tr.tablerow th.gender-event-phase .phase {
    font-size: 18px;
  }
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.competitors .string-with-image,
  .table thead tr.tablerow td.competitors .string-with-image {
    margin: 4px 0;
  }
}

.table tbody tr.tablerow td.competitors .string-with-image span,
.table thead tr.tablerow td.competitors .string-with-image span {
  color: #3A3E40;
  font-size: 15px;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.competitors .string-with-image span,
  .table thead tr.tablerow td.competitors .string-with-image span {
    font-size: 17px;
  }
}

.table tbody tr.tablerow td.score span,
.table tbody tr.tablerow th.score span,
.table thead tr.tablerow td.score span,
.table thead tr.tablerow th.score span {
  font-weight: bold;
  color: #3A3E40;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.score span,
  .table tbody tr.tablerow th.score span,
  .table thead tr.tablerow td.score span,
  .table thead tr.tablerow th.score span {
    display: block;
    margin: 4px 0;
    font-size: 17px;
  }
}

.table tbody tr.tablerow td.competitors,
.table thead tr.tablerow td.competitors {
  padding: 5px 20px 5px 10px;
}

.table tbody tr.tablerow td.competitors > div,
.table thead tr.tablerow td.competitors > div {
  width: 150px;
}

.table tbody tr.tablerow td.competitors .score,
.table thead tr.tablerow td.competitors .score {
  display: inline-block;
  color: #3A3E40;
}

.table tbody tr.tablerow td.score br,
.table tbody tr.tablerow th.score br,
.table thead tr.tablerow td.score br,
.table thead tr.tablerow th.score br {
  display: none;
}

.table tbody tr.tablerow td.results-link a,
.table tbody tr.tablerow th.results-link a,
.table thead tr.tablerow td.results-link a,
.table thead tr.tablerow th.results-link a,
.table tbody tr.tablerow td.result-link a,
.table thead tr.tablerow td.result-link a {
  font-size: 14px;
  color: #F58423;
}

.table tbody tr.tablerow td.sport-detail-buttons,
.table tbody tr.tablerow th.sport-detail-buttons,
.table thead tr.tablerow td.sport-detail-buttons,
.table thead tr.tablerow th.sport-detail-buttons {
  padding-left: 59px;
}

.table tbody tr.tablerow td.sport-detail-buttons:empty,
.table tbody tr.tablerow th.sport-detail-buttons:empty,
.table thead tr.tablerow td.sport-detail-buttons:empty,
.table thead tr.tablerow th.sport-detail-buttons:empty {
  display: none;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.sport-detail-buttons,
  .table tbody tr.tablerow th.sport-detail-buttons,
  .table thead tr.tablerow td.sport-detail-buttons,
  .table thead tr.tablerow th.sport-detail-buttons {
    padding-left: 116px;
  }
}

.table tbody tr.tablerow td.sport-detail-buttons:before,
.table tbody tr.tablerow th.sport-detail-buttons:before,
.table thead tr.tablerow td.sport-detail-buttons:before,
.table thead tr.tablerow th.sport-detail-buttons:before {
  content: '';
  display: inline-block;
  width: 59px;
  height: 100%;
  margin-left: -59px;
  background: #41BB94;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.sport-detail-buttons:before,
  .table tbody tr.tablerow th.sport-detail-buttons:before,
  .table thead tr.tablerow td.sport-detail-buttons:before,
  .table thead tr.tablerow th.sport-detail-buttons:before {
    width: 116px;
    margin-left: -116px;
    float: left;
  }
}

.table tbody tr.tablerow td.sport-detail-buttons .btn,
.table tbody tr.tablerow th.sport-detail-buttons .btn,
.table thead tr.tablerow td.sport-detail-buttons .btn,
.table thead tr.tablerow th.sport-detail-buttons .btn {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.29;
  text-align: center;
  color: #F58423;
  display: inline-block;
  vertical-align: top;
  margin: 8px;
  border: 1px solid #F58423;
  padding: 6px 12px;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.sport-detail-buttons .btn,
  .table tbody tr.tablerow th.sport-detail-buttons .btn,
  .table thead tr.tablerow td.sport-detail-buttons .btn,
  .table thead tr.tablerow th.sport-detail-buttons .btn {
    font-size: 14px;
    margin: 23px 8px;
    padding: 11px 20px;
  }
}

.table tbody tr.tablerow td.sport-detail-buttons .btn:first-child,
.table tbody tr.tablerow th.sport-detail-buttons .btn:first-child,
.table thead tr.tablerow td.sport-detail-buttons .btn:first-child,
.table thead tr.tablerow th.sport-detail-buttons .btn:first-child {
  margin-left: 11px;
  width: auto;
}

@media screen and (min-width: 640px) {
  .table tbody tr.tablerow td.sport-detail-buttons .btn:first-child,
  .table tbody tr.tablerow th.sport-detail-buttons .btn:first-child,
  .table thead tr.tablerow td.sport-detail-buttons .btn:first-child,
  .table thead tr.tablerow th.sport-detail-buttons .btn:first-child {
    margin-left: 34px;
  }
}

/* TABS */

.navtab-top-left .nav-tabs li a:hover,
.navtab-top-left .nav-tabs li a:active,
.navtab-top-left .nav-tabs li a:focus,
.navtab-top-left .nav-tabs li a:visited,
.navtab-top-left .nav-tabs li a {
  border-right: none !important;
  padding: 8px 16px;
  border-bottom: 4px solid #D2D5D6;
  color: #A6AAAB;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 0;
}

@media screen and (min-width: 640px) {
  .navtab-top-left .nav-tabs li a:hover,
  .navtab-top-left .nav-tabs li a:active,
  .navtab-top-left .nav-tabs li a:focus,
  .navtab-top-left .nav-tabs li a:visited,
  .navtab-top-left .nav-tabs li a {
    padding: 10px 40px;
  }
}

.navtab-top-left .nav-tabs li.active a:hover,
.navtab-top-left .nav-tabs li.active a:active,
.navtab-top-left .nav-tabs li.active a:focus,
.navtab-top-left .nav-tabs li.active a:visited,
.navtab-top-left .nav-tabs li.active a {
  border-bottom: 4px solid #F58423;
  color: #F58423 !important;
}

/* RESULTS */

.panel-body .table .triCodeFlag.sm {
  padding: 10px 0 4px !important;
}

@media screen and (min-width: 640px) {
  .panel-body .table .triCodeFlag.sm {
    padding: 12px 0 8px !important;
  }
}

.triCodeFlag .label.sm {
  letter-spacing: 0;
  font-size: 14px;
  color: #3A3E40;
  margin-top: 4px;
}

.table tbody tr.tablerow:not(:last-child),
.table thead tr.tablerow:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}

.panel-body .ParticipantColumn span {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #3A3E40;
}

@media screen and (min-width: 640px) {
  .panel-body .ParticipantColumn span {
    font-size: 14px !important;
  }
}

.widget-results-detail .navtab-container .result-status {
  display: none;
}

.panel-body .ResultColumn span,
.panel-body .mainResult span {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #3A3E40;
}

.panel-body .PreviousPhaseResultColumn span {
  font-size: 14px !important;
  color: #3A3E40;
}

.table tbody tr th,
.table thead tr th {
  border-top: 1px solid #D8D8D8;
  text-transform: none;
  color: #A6AAAB;
  padding: 7px 0;
}

.panel-body th.ParticipantColumn span {
  color: #A6AAAB !important;
}

.panel-body th.PreviousPhaseResultColumn span,
.panel-body th.ResultColumn span,
.panel-body th.mainResult span {
  color: #3A3E40;
  font-weight: normal !important;
}

th {
  height: auto;
}

.panel-body  .table tr td.NumericColumn span {
  font-size: 14px;
  text-align: left;
  color: #3A3E40;
}

.results-detail-legend-view {
  display: none;
}

.panel-body .venue {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #3A3E40;
}

.widget-results-detail .navtab-container .navtab-top-left {
  border-top: none;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .widget-results-detail .navtab-container .navtab-top-left {
    text-align: left;
  }
}

.list .list-item-medallist .box-name span {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
  color: #3A3E40;
}

.list .list-item-medallist .box-name {
  margin-top: 10px;
}

@media screen and (min-width: 640px) {
  .list .list-item-medallist .box-name {
    margin-top: 10px;
  }
}

.athleteHeadshots__avatar__country__short {
  font-size: 14px;
  letter-spacing: 1px;
  color: #FAFCFC;
  font-weight: normal;
}

.list {
  text-align: center;
  padding: 0 30%;
}

@media screen and (min-width: 640px) {
  .list {
    padding: 0;
  }
}

.list .list-item-medallist {
  float: none;
  display: inline-block;
  width: auto;
  padding: 14px 12px 7px;
}

@media screen and (min-width: 640px) {
  .list .list-item-medallist {
    margin: 0 20px;
  }
}

.list .list-item-medallist.color-gold {
  border: solid 1px #979797;
  border-radius: 8px;
}

@media screen and (min-width: 640px) {
  .list .list-item-medallist.color-gold {
    padding: 14px 12px 7px;
  }
}

@media screen and (max-width: 640px) {
  .panel-body.widget-result-detail-startlist-view .table tr.tablerow th {
    height: auto;
  }
}

@media screen and (max-width: 640px) {
  .table tbody tr td {
    padding-top: 0 !important;
    vertical-align: middle !important;
  }
}

@media screen and (max-width: 640px) {
  .table tbody tr td span.ListOf1Items {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 640px) {
  .table tbody tr td.ExpandButton,
  .table tbody tr td.NumericColumn {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 640px) {
  .ParticipantColumn > span {
    margin-top: 0 !important;
  }
}

.panel-primary .panel-mobile-heading {
  display: none;
}

@media screen and (max-width: 640px) {
  .table tbody tr td.TriCodeFlagColumn .triCodeFlag.sm {
    margin-top: 0;
  }
}

.table tr.tablerow th span {
  line-height: 16px;
}

.widget-match-detail .navtab-container .navtab-top-left .nav-tabs li.active a {
  top: -1px;
  margin: 0;
  padding: 10px 40px !important;
  line-height: 1.42857;
}

.widget-match-detail .navtab-container .navtab-top-left .nav-tabs li,
.widget-match-detail .navtab-container .navtab-top-left .nav-tabs li.active,
.widget-match-detail .navtab-container .navtab-top-left .nav-tabs li.active:hover {
  border-right: none !important;
}

.table tbody tr.tablerow td:first-child,
.table tbody tr.tablerow th:first-child,
.table thead tr.tablerow td:first-child,
.table thead tr.tablerow th:first-child {
  padding-left: 0;
}

.table thead.tablesection .tablerow .tablecell {
  padding: 8px 2px;
}

/* stylelint-enable */