.layout {
  width: 100%;
  height: 768px;

  display: grid;
  grid:
    "header header header" auto
    "leftSide body rightSide" 1fr
    "footer footer footer" auto
    / 1% 64% 33%;
  gap: 8px;

}

.header { grid-area: header;   font-family: 'Exo', sans-serif !important;}
.leftSide { grid-area: leftSide; }
.body { grid-area: body;   font-family: 'Exo', sans-serif !important;margin-top: 50px;}
.rightSide { grid-area: rightSide; margin-top: 50px; position: fixed; z-index:399;right: 0px;}
.footer { grid-area: footer; }

/* MenuText
*/
#menu {
	background: #E93A34;
	color: #FFFFFF;
	height: 45px;
	padding-left: 18px;
	border-radius: 10px;
	z-index: 1000;
}
#menu ul {
     list-style: none;
	 margin: 12 auto;
     float: left;
	 color: #FFFFFF;
	 z-index: 1000;
}
#menu ul > li {
     margin: 0 auto;
     padding: 0;
     float: left; 
     position: relative;
     height: 45px;
	 list-style: none;
	 z-index: 1000;
}
#menu ul > li > a {
     padding: 10px; 
     color: #FFFFFF;
     text-decoration: none;
}
#menu ul > li > a:hover, 
#menu ul > li:hover > a {
     color: #000000;
     text-decoration: none;
	 background-color: #FFFFFF;
}
#menu ul > li ul {
     padding: 0;
     position: absolute; 
     display: none; 
     left: 0px; 
     top: 30px; 
     width: 200px; 
     text-align: left;
     background-color: #fcfcfc;
     border: 1px solid #ccc;
}
#menu ul li:hover > ul {
     display: block;
}
#menu ul > li ul ul {
     left: 200px; 
     top: -1px;
}
#menu ul > li ul li {
     margin: 0; 
     padding: 0;
     position: relative; 
     float: none; 
     height: 45px;
}
#menu ul > li ul li a {
     padding: 10px 20px; 
     color: #000000; 
     text-decoration: none;
     display: block;
}
#menu ul > li ul li a:hover,
#menu ul > li ul li:hover > a {
     text-decoration: none;
     color: #FFFFFF;
     background-color: #E93A34;
}
#input[type=text] 
	{
		width: 170px;
		height:25px;
		margin: 8px 0;
		font-family: 'Exo', sans-serif;
		font-size: 20px;
	}

#input[type=date] 
	{
		width: 170px;
		height: 25px;
		margin: 8px 0;
		font-family: 'Exo', sans-serif;
		font-size: 20px;
	}
	
#wybor {
	background-color: #3F51B5;
	border-color: #FEFFFF;
	color: #feffff;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
	margin: 0px;
	padding: 5px 0px;
	font-family: 'Exo', sans-serif !important; 
}

#button {
	background-color: #3F51B5;
	border-color: #FEFFFF;
	color: #feffff;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
	margin: 0px;
	padding: 5px 0px;
	font-family: 'Exo', sans-serif !important;
}
a {
  margin-top: 1px;
}
a[title]:hover:after {
	font-family: 'Exo', sans-serif !important;
	font-size: 20px;
}
#curve_chart {
	padding:0px;
	width: calc(99%);
	margin-right: 5px;
}
#okienko {
		font-family:    'Exo', sans-serif !important; 
}
#okno_alarmow {
		font-family:    'Exo', sans-serif !important; 
}

/*
@media screen and (max-width: 800px){
	#menu {position:relative}
	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu input, #menu label {position:absolute;top:0;left:0;display:block}
	#menu input {z-index:4}
	#menu input:checked + label {color:white}
	#menu input:checked + label:before {content:"\00d7"}
	#menu input:checked ~ ul {display:block}
	
	#input[type=text] 
	{
		width: 160px;
		height:25px;
		margin: 8px 0;
		font-family: 'Exo', sans-serif;
		font-size: 20px;
	}
	
	#input[type=date] 
		{
			width: 160px;
			height: 25px;
			margin: 8px 0;
			font-family: 'Exo', sans-serif;
			font-size: 20px;
		}	
	
}
*/