#map {
	height: 100%;
}
html, body {
  /*  @import url('https://fonts.googleapis.com/css?family=Roboto');*/
	font-family: 'Roboto', 'Open sans', 'sans-serif';
    color: #0c3666;
	height: 100%;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; color: #191970; }

a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}

img, a img { border: 0; }

a:hover { text-decoration: none;
cursor: pointer;}

.right{
text-align: right;
}
.center{
text-align: center;
}

input.datum {
  background-image:url('/img/calH.png');
  background-repeat:no-repeat;
  background-color:#fffa90;
   font-size: 130%;
	 width: 95px;
	 border:0;
	 outline: none;
	 margin: 6px;
	 padding: 6px 6px 6px 40px;
}

input.datum.DNES {
  background-image:url('/img/calDNES.png');
  background-repeat:no-repeat;
 background-color:#fff;
}


table {
    border-spacing: 3px;
    border-collapse: separate;
    white-space: nowrap;
}

#top-panel {


  width: 420px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -20%);

	z-index: 155;
	background-color: #fff;
	padding: 5px;

	text-align: center;
	opacity: 1;
     border-radius: 1px;
	margin: 0 6px;
	padding: 6px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.20);
	  *
}
#floating-panel:hover {
	top: 0px;
	opacity: 1.0;
}


.gmap-control-container {
    margin: 5px;
}
.gmap-control {
    cursor: pointer;
	font-size: 150%;
    background-color: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3);
    background-color: #fff;
    border: 0px solid #A9BBDF;
    border-radius: 2px;
	margin: 4px;
	padding: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);

}
.gmap-control:hover {
    border: 0px solid #678AC7;
     background-color: #eee;
}
.gmap-control-active {
    background-color: -moz-linear-gradient(center top , #6D8ACC, #7B98D9);
    background-color: #6D8ACC;
    color: #fff;
    font-weight: bold;
    border: 1px solid #678AC7;
}
.gmap-control-legend {
    position: absolute;
    text-align: left;
    top: 40px;
    width: 150px;
    //height: 120px;
    font-size: 140%;
    background: #FEFEFE;
    border: 0px solid #A9BBDF;
    padding: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.gmap-control-legend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.gmap-control-legend li {
    line-height: 160%;
}

#FofrMapMenu {
	top: 70px;
	left: 10px;
	font-size: 85%;
	min-width: 240px;
	position: absolute;
	z-index: 9;
	background-color: #fff;
	opacity: 1;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
	

}

#FofrMapMenuheader {
    padding: 6px 8px;
    cursor: move;
    z-index: 10;
    background-color: #0C3666;
    color: #fff;

}

#FofrMapMenu:hover {

	opacity: 1.0;

}
#FofrMapMenu p {
 padding: 10px;
}


#RightDebug {
 top: 80px;
 right: 8px;
 width: 380px;
 height: 420px;
 overflow: scroll;
 font-size: 80%;
 position: absolute;
 z-index: 9;
 background-color: #fff;
 opacity:1;
 border-radius: 1px;
 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);

  display: none;

}

#RightDebugheader {
 padding: 8px 16px;
 cursor: move;
 z-index: 10;
 background-color: #0C3666;
 color: #fff;
}

#RightDebug:hover {
 opacity: 1.0;
}


#RidicInfo {
 bottom: 10px;
 right: 40px;
 min-width: 70%;
 height: 250px;
 font-size: 85%;
 position: absolute;
 z-index: 19;
 background-color: #fff;     
 
 opacity: 1;
     
 box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);

 display: none;
}

#RidicInfoheader {
 padding: 6px 8px;
 cursor: move;
 z-index: 20;
 background-color: #0C3666;
 color: #fff;

}

#RidicInfo:hover {
 opacity: 1.0;
}




#FofrMapMenu p {
 padding: 10px;
}

#ridic_div{
  
}
#tacho{

}

#chart_div{
    cursor: move;
	bottom: 0px;
	left: 0px;
	font-size: 85%;
    width: 85%;
	position: absolute;
	z-index: 12;
	background-color: #fff;
	opacity: 1;

	/*
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	*/
}


/*
#chart_div:hover {

	opacity: 1.0;

}

*/




/* CSS needed for tablesorter */
.ts-align-wrap {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.ts-align-wrap, .ts-align-left, .ts-align-right {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ts-align-left {
  text-align:right;
}
.ts-align-right {
  text-align:left;
}
/* optional - colorize alignment character in Animals column */
td:nth-child(3) .ts-align-right i {
  color: red;
}
  .tablesorter tbody td[data-math] {
  font-weight: bold;
}
/* darken first & last column */
.tablesorter tbody th,
.tablesorter tbody tr td.totals {
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 120%;
  font-weight: bold;
}
/* even darker tbody info row & tfoot */
.tablesorter tbody.tablesorter-infoOnly th,
.tablesorter tfoot th,
.tablesorter tfoot th.tablesorter-headerAsc,
.tablesorter tfoot th.tablesorter-headerDesc {
  background-color: #bbb;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 120%;
  font-weight: bold;

}
/* align decimals in Grand Total column */
.align-decimal {
  width: 100px;
  display: inline-block;
  text-align: right;
}


input[type="color"] {
	-webkit-appearance: none;
	border: none;
	width: 12px;
	height: 12px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}