* {
	margin:0px;
	padding:0px;
}

.noneDisplay{
	display: none !important;
}

div#search {
  z-index:9999;
background-color: white;
position: absolute;
top: 40px;
left: 40px;
width: auto;
height: auto;
padding: 10px;
}
div#search input {
  z-index:9999;
width: 200px;
}
div#results {
  z-index:9999;
font-style: arial, sans-serif;
color: black;
width: auto;
height: auto;
font-size: 75%;
}

#konkurs {
    position: absolut;
    top: 10px;
    left: 10px;
    border: solid 1px;
    margin: 5px;
    z-index: 10;
}

#reszta {
    position: absolut;
    top: 10px;
    left: 10px;
    border: solid 1px;
    padding:5px;
    margin: 5px;
    z-index: 5;
}


#map {
	position:absolute;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	width: 100%;
	height: 90%;
	/* padding:0px; */
	margin: 0px;
	border: 0px solid black;
	font-family:arial, sans-serif;
}
#zdarzenia {
	position:absolute;
	top: 0px;
	right: 0px;
	background: #FFFFFF;
	height: 90%;
	/* border: 1px solid black; */
	font-family: arial, sans-serif;
}
#przyciski {
	position:absolute;
	top: 91%;
	left: 70px;
	background: #FFFFFF;
	width: 80%;
	height:4%;
	padding:0px;
	border: 0px solid black;
	font-family: arial, sans-serif;
}
#informacje {
	position:absolute;
	bottom: 0px;
	left: 70px;
	background: #FFFFFF;
	width: 80%;
	height:4%;
	padding:0px;
	border: 0px solid black;
	font-family: arial, sans-serif;
}

#nowezdarzenie {
	position:absolute;
	bottom: 0px;
	left: 35px;
	background: #FFFFFF;
	width: 35px;
	height:5%;
	padding:0px;
	border: 0px solid black;
	font-family: arial, sans-serif;
}

#connectionBad {
	position:absolute;
	bottom: 0px;
	left: 0px;
	background: #FFFFFF;
	width: 29px;
	height:5%;
	padding:3px;
	border: 0px solid black;
	font-family: arial, sans-serif;
	font-size: 25px; 
	color: rgb(196, 38, 11);
}

#connectionGood {
	position:absolute;
	bottom: 0px;
	left: 0px;
	background: #FFFFFF;
	width: 29px;
	height:5%;
	padding:3px;
	border: 0px solid black;
	font-family: arial, sans-serif;
	font-size: 25px; 
	color: rgb(64, 180, 11);
}

#connectionTest {
	position:absolute;
	bottom: 0px;
	left: 0px;
	background: #FFFFFF;
	width: 29px;
	height:5%;
	padding:3px;
	border: 0px solid black;
	font-family: arial, sans-serif;
	font-size: 25px; 
	color: rgb(218, 189, 30);
	
}

.rotateIcon{
	-webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

table{
  table-layout: fixed;
  width: 80%;
  border-collapse: collapse;

}

td, tr {
	padding: 10px;
}

p {
    text-align: center;
    font-family: monospace;
}

input {
    padding: 2px;
}

.padding{
	padding: 20px;
	font-size: 1.5em;
}

.paddingfb{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 100px;
}

.zdarzeniaNieWidoczne{
	width: 0px;
}

.mapaNieWidoczne{
	margin-right: 0px;
}

.zdarzeniaWidoczne{
	padding: 5px;
	width: 170px;
}

.mapaWidoczne{
	margin-right: 180px;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: rgb(31, 29, 29);
	color: #fff;
	text-align: center;
	border-radius: 3px;
	padding: 5px 0;
	font-size: 12px; 
	
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 105%;
  }
  
  .tooltip:hover .tooltiptext {
	visibility: visible;
  }

.red{
	color: red;
}