/* hind-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/hind-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/hind-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hind-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/hind-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	color: #ffffff;
	/* font-family: calibri; */
	font-family: 'Hind';
	font-size: 30px;
	scroll-behavior: smooth;
	background-color: #00003c;

}

a, a:hover {
	color: #ffffff;
}

h1 {
	font-size: 55px;
	font-weight: normal;
}


h2 {
	font-size: 30px;
	line-height: 42px;
	font-weight: 300;
	letter-spacing: .2px;
}

@media (max-width: 920px)
{

}

@media (max-width: 550px)
{

}

#NavBar {
	float:right; 
	clear: both;
	padding-right: 100px;
}

/* NAVBAR */
.navbar-nav {
	flex-direction: row;
	margin-right: 60px;
}

.navbar-nav a {
	color: #ffffff;
	white-space: nowrap;
	line-height: 34px;
	display: inline-block;
}

.navbar-nav a:hover {
	text-decoration: none;
}

.navbar-nav li {
	padding-right: 70px;
}

.navbar-nav li.first {
	padding-right: 120px;
}

.navbar-nav li.active a {
	border-bottom: 2px solid #63c5ea;
}


.container {
	max-width: 1440px;
}

.btnFilter {
	background-color:#000000;
	color: #ffffff;
	border-radius: 4rem;
	margin-left: 10px;
	font-size: 30px;
	line-height: 35px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.imgSubtitle {
	font-size:16px;
}

.tableList {
	width: 100%;
	font-size: 28px;
	margin-bottom: 100px;
}

#athletesTable {
	margin-top: 10px;
}

table tr {
	cursor: pointer;
}

table tr:hover {
	background-color: rgba(255,255,255,0.2) !important;
}

table.dataTable tbody th {
    background-color: #00003c !important;
}

table td {
	padding: 2px 10px;
	text-align: left;
	padding-top: 6px;
}

table.dataTable tr:nth-child(odd) {background-color:rgba(255,255,255,0.1)}

thead>tr>th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after {
	line-height: 29px;
}

table.dataTable>thead>tr>th {
	background-color:rgba(255,255,255,0.15);
}

.dt-search label {
	display: none;
}

.dt-search .dt-input {
	width: 100%;
	text-align: center;	
	margin-left: 0px !important;
}

.dt-info {
	display: none;
}

div.dt-container .dt-search input {
	border: 1px solid rgba(255,255,255,0.5);
    border-radius: 0;
    padding: 5px;
	color: rgba(255,255,255,0.5);
}


.parameterLink {
	background-color: rgba(255,255,255,0.15);
	margin-right: 13px;
	margin-bottom: 13px;
	padding: 4px 20px;
	line-height: 42px;
	color: #ffffff
}

.parameterLink .label{
	position: relative;
	top: 2px;
	font-size: 28px;
}

.parameterLink:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,0.2) !important;
	color: #ffffff
}

#contentScroller {
	position:fixed;
	right: 0px;
	bottom: 80px;
}

#contentScroller .srollUp img {
	margin-top: 35px;
	margin-left: 10px;
}

#contentScroller .srollDown img {
	margin-top: 45px;
	margin-left: 10px;
}

#contentScroller .srollUp {
	width: 70px;
	height: 100px;
	background-color:#E30613;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}

#contentScroller .srollDown {
	margin-top: 40px;
	width: 70px;
	height: 100px;
	background-color:#E30613;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}

#showPrevious {
	position:fixed;
	left: 0px;
	top: 480px;
	
	width: 70px;
	height: 100px;
	background-color:#E30613;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
}

#showPrevious img {
	margin-top: 25px;
	margin-left: 18px;
}

#showNext {
	position:fixed;
	right: 0px;
	top: 480px;
	
	width: 70px;
	height: 100px;
	background-color:#E30613;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}

#showNext img {
	margin-top: 25px;
	margin-left: 25px;
}

.ui-corner-all {
	border-radius: 0;
}

.ui-widget-content {
	background-color: #111111;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.6);
}

.imgLandscape, .imgPortrait {
	margin-right: 30px;
}