* {
    box-sizing: border-box;
}

div {
    display: block;
}

div.settingss {
  position: absolute;
  left: 50px;
  width: 300px;
  height: 520px;
  border: 3px solid blue;
}
.aobliczenia {
  width: 23%;
}

.aobliczenia:after {
    content: "";
    display: table;
    clear: both;
}

div.obliczenia {
//  position: absolute;
  float: left;
  left: 2px;
  top: 70px;
  width: 23%;
  border-left: 1px solid #DD1012;
  border-top: 1px solid #DD1012;
  border-bottom: 1px solid #DD1012;
}

div#mp {
	float: left;
	width: 50%;
}

div#mr {
	float: right;
	width: 50%;
}

div#wyfiltrowane {
	clear: both;
	display: none;
}

select {
  width: 95%;
  padding: 3px 6px;
  border-radius: 4px;
  background-color: #f1f1f1;
}

span.nazwah {
	color: blue;
	font-weight: bold;
}

.top_obliczen {
  width: 100%;
  text-align: center;
	
}

.obinf {
  width: 100%;
  text-align: left;
  background-color: #F9F9F9;
  margin-bottom: 10px;
  overflow: auto;
}

span.azot {
	color: green;
}

span.potas {
	color: blue;
}
span.fosfor {
	color: red;
}

.ui-label, .ui-obornik {
	float: left;
	font-family: Arial;
	margin-right: 10px;
}

.ui-labelcb{
	font-family: Arial;
	margin-left: 10px;
}

.ui-input {
	overflow: auto;
	margin: 5px;
}


.parametry {
  float: left;
  width: 100%;
}

.info {
//  position: absolute;
//  top: 70px;
  float: right;
//  left: 24%;
  width: 77%;
  margin-left: 15;
  padding: 8px;
  border: 1px solid #733D21;
  display: none;
}


#ilosci1 {
  position: relative;
//  float: none;
  clear: both;
  width: 100%;
  margin-top: 10px;
  padding: 20px;
  border: 3px solid DarkGreen;
  border-radius: 10px;
  display: none;
//display: block;
}

.img-rys {
    display: inline-block;
    max-width: 100%!important;
    height: auto;
}

.show {display:block;}


.hide {display:none;}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.parametry, .wyniki {
    width: 100%;
  }
}

.tabelki {
  width: 95%;
  border-spacing: 2px;
  text-align: center;
  background-color: #f1f1c1;
  border: 2px solid black;
}

th, td {
  border: 1px solid #555;
  vertical-align: center;
}

.tabelki tr:nth-child(even) {
  background-color: #eee;
}

.tabelki tr:nth-child(odd) {
  background-color: #fff;
}

.tabelki tr.header, .tabelki tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #c1c1c1;
}

h1 {
	text-shadow: -2px -2px #f2f2f2;
}

input {
	background-color: #f2f2f2;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	padding: 3px 3px 3px 10px;
	background-repeat: no-repeat;
	background-position: 8px 9px;
	margin-bottom: 5px;
}

input:focus {
	background-color: #ffffff;
	border: 1px solid #b1e1e4;
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

button {
color: #444444;
text-shadow: 0px 1px 1px #ffffff;
border-bottom: 2px solid #b2b2b2;
background-color: #b9e4e3;
background: -webkit-gradient(linear, left top,
left bottom, from(#beeae9), to(#a8cfce));
background:
-moz-linear-gradient(top, #beeae9, #a8cfce);
background:
-o-linear-gradient(top, #beeae9, #a8cfce);
background:
-ms-linear-gradient(top, #beeae9, #a8cfce);}
button:hover {
color: #333333;
border: 1px solid #a4a4a4;
border-top: 2px solid #b2b2b2;
background-color: #a0dbc4;
background: -webkit-gradient(linear, left top,
left bottom, from(#a8cfce), to(#beeae9));
background:
-moz-linear-gradient(top, #a8cfce, #beeae9);
background:
-o-linear-gradient(top, #a8cfce, #beeae9);
background:
-ms-linear-gradient(top, #a8cfce, #beeae9);
}

fieldset {
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	padding: 10px;
	margin-top: 10px;
}

legend {
background-color: #efefef;
border: 1px solid #dcdcdc;
border-radius: 4px;
padding: 5px 2px;
text-align: left;
text-transform: uppercase;
	font-family: Arial;
}
input[type="number"] {
	width: 50px;
	border: 1px solid #d6d6d6;
	padding: 2px;
	outline: none;
}

input[type="text"] {
	width: 120px;
	border: 1px solid #d6d6d6;
	padding: 2px;
	outline: none;
}
input[type="text"]:focus {
	background-color: #d0e2f0;
}
input:hover {
	background-color: yellow;
	border: 1px solid #999999;
}