@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@font-face {
	font-family: teamspeak_gothic;
	src: url('../fonts/teamspeak.woff2') format('woff2'), url('../fonts/teamspeak.woff') format('woff');
	font-display: swap;
	font-weight: normal;
	font-style: normal
}


body {
	font-family: Lato, sans-serif;
	background-color: #1c2537;
	color: #fff
}

h1,h2,h3,h4,h5,h6 {
	font-family: teamspeak_gothic, sans-serif;
	color: #efefef;
	text-transform: uppercase
}

@media(min-width:993px) {
	nav {
		height: 76px;
		line-height: 76px
	}
}

nav .brand-logo {
	font-family: teamspeak_gothic, sans-serif;
	color: #efefef;
	font-size: 2.1rem
}

.nav-extended {
	background-image: linear-gradient(135deg,#1c2538 0,#131824 100%);
	box-shadow: 0 1px 0 0 #fff
}

@media(max-width:1125px) {
	nav ul a {
		font-size: .78rem
	}
}
@media(max-width:1072px) {
	nav ul a {
		font-size: .5rem
	}
}
ul a:hover {
	color: #2580c3
}

.dropdown-content li a {
	color: #000
}

.sidenav {
	background-image: linear-gradient(135deg,#1c2538 0,#131824 100%);
	box-shadow: 1px 0 0 0 #fff
}

.sidenav li a, .sidenav li a i {
	color: #fff
}

.sidenav li a:hover, .sidenav li a i:hover {
	color: #2580c3
}

.brand-logo-mobile, .brand-logo-mobile:hover{ 
	margin-top: 32px;
	margin-left: 44px;
	font-family: teamspeak_gothic, sans-serif;
	color: #efefef;
	font-size: 2.5rem
}
@media(max-width:992px){
	.przycisk {
		margin: 10px; 
		width: 100%
	}
}
.cust-green {
	color: #25eb93
}
.cust-red {
	color: #d50000
}

/* TABLE */
tr {
	border: 1px solid #1c82cc
}
tr:nth-child(odd) {
	background-color:rgba(255,255,255,0.05)
}
tr:hover {
	background-color:rgba(77,182,172,0.4)
}
th{
	text-align: center
}
td{
	border: 1px solid #1c82cc;
	text-align: center
}
.cust-white-border {
	border: 2px solid #fff
}