@charset "UTF-8";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,thead,tbody,tr,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;font-weight:normal;}
table{ border:0;border-spacing:0px;color:#000; font-size:12px;}

html, body {
	background-color: #ed2525;
	font-family: Verdana, Geneva,'Arial', sans-serif;
	font-size: 12px;
	color: black;
}

#content {
	position: relative;
  padding: 10px;
}
@media (min-width: 768px ) {
	#content {
		padding: 20px;
	}
}

.bg-gradient-orange {
	background: -webkit-linear-gradient(rgb(244, 119, 39), rgb(237, 37, 37));
	background: -o-linear-gradient(rgb(244, 119, 39), rgb(237, 37, 37));
	background: -moz-linear-gradient(rgb(244, 119, 39), rgb(237, 37, 37));
	background: linear-gradient(rgb(244, 119, 39), rgb(237, 37, 37));
}

.widget {
	background-color: white;
  padding: 20px;
}

.heading {
  text-align: center;
  font-size: 18px;
  margin-bottom: 15px;
}
.heading img {
  max-width: 100%;
  height: auto;
}


.tbl_sports th{padding:5px;}
.tbl_sports thead th{background-color:#edddc7;font-weight:bold;color:#404040;}
.tbl_sports thead th.left {text-align: left;}
.tbl_sports td.cell_total {background-color:#ffc574;}
.flag_noc.tbl_small img{width:55px;height:27px;}


.table-responsive {
  border: 1px solid #e4e4e4;
  overflow: auto;
  position: relative;
}
table.tbl_sports {
  width: 100%;
  min-width: 600px;
  text-align: center;
}
table.tbl_country_sports,
table.tbl_players {
  width: 100%;
}

td {
  line-height: 35px;
}
td.cell_flag {
  line-height: 1;
}
td.fluid {
  width: auto;
  text-align: left;
}

td:not(.fluid) { width: 150px; }

@media (max-width: 1600px){
  td:not(.fluid) { width: 100px; }
}
@media (max-width: 1200px){
  td:not(.fluid) { width: 60px; }
}
@media (max-width: 900px){
  td:not(.fluid) { width: 50px; }
  td.cell_flag { width: 70px !important; }
}
@media (max-width: 700px){

  td { line-height: 40px; }
  td:not(.fluid) { width: 40px; }
  
  .table-responsive {
    margin: 0 -20px -20px;
    border: none;
  }
  table.tbl_sports thead th {
    font-size: 10px;
  }
  table.tbl_sports thead th.medal img {
    width: 25px;
    height: 18px;
  }
}

table.tbl_sports thead th.medal img {
  height: 24px;
  width: 33px;
}
table.tbl_sports tr.country {
  transition: all 200ms;
}
table.tbl_sports tr.country:hover {
  background-color: whitesmoke;
  color: rgb(244, 119, 39);
  cursor: pointer;
}
table.tbl_sports tr.country.selected {
  background-color: #e4e4e4;
}
table.tbl_sports.active tr.country:not(.selected) {
  opacity: 0.4;
}
table.tbl_sports tr.country td {
  border-top: 1px solid #e4e4e4;
}
table.tbl_sports tr.info div.infocontent {
  display: none;
  background-color: whitesmoke;
}
table.tbl_sports tr.last td {
  font-weight: bold;
}

table.tbl_country_sports tr.sport {
  transition: all 200ms;
}
table.tbl_country_sports tr.sport:hover {
  background: white;
  cursor: pointer;
}
table.tbl_country_sports tr.sport.selected {
  background-color: white; 
}
table.tbl_country_sports.active tr.sport:not(.selected) {
  opacity: 0.4;
}
table.tbl_country_sports td.cell_nos img {
  margin-right: 10px;
}
table.tbl_country_sports tr.info div.infocontent {
  display: none;
  background-color: white;
}

.btn.table-scroll {
  height: 40px;
  width: 32px;
  padding: 0;
  border-radius: 3px;
  font-size: 30px;
  line-height: 20px;
  position: fixed;
  top: 50%;
  border: none;
  background-color: #f37626;
  color: white;
  box-shadow: none;
}
.btn.table-scroll img {
  width: 100%;
  height: auto;
}
.btn.table-scroll.fixed { position: fixed; z-index: 200; }

.btn.table-scroll.left { left: 5px; }
.btn.table-scroll.right { right: 5px; }
@media (max-width: 768px) {
  .btn.table-scroll.fixed.left { left: 5px !important; }
  .btn.table-scroll.fixed.right { right: 5px !important; left: auto !important; }
}

.btn.table-scroll:focus { outline: none; }
.btn.table-scroll.hidden,
.btn.table-scroll.vhidden {
  display: none !important;
  visibility: hidden !important;
}

@media(min-width: 768px) {
  .btn.table-scroll { top: 80px; }
  .btn.table-scroll.fixed { top: 50%; margin-top: -20px; }
}