1#@!#!123s

: / var / www / ipwdn / add / css /
Filename : custom.css
back
:root {
  --primary: #0345BF;
}

.offcanvas-menu .logo-image {
  height: auto;
}

th.bg-col-green, td.bg-col-green {
  background-color: #d1e7dd;  
}

td.bg-col-yellow, th.bg-col-yellow {
  background-color: #ffffdd; 
}

td.bg-col-blue, th.bg-col-blue {
  background-color: #cfe2fe;
}

/* .offcanvas-menu {
	width: 400px!important;
}

body.ltr.offcanvs-position-left .offcanvas-menu {
	left: -400px;
	top: 0;
} */

.instruction {
	display: flex;
	align-items: center;
}

#sp-main-body .container {
	min-height: calc(100vh - 333px);
}

#redim-cookiehint {
  position: relative;
}

.cookiebuttons {
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
  margin: auto;
  width:50%;
  height: 50%;
}

.cookiebuttons #cookiehintsubmit {
  color: #fff;
  background-color: #0d6efd!important;
  border-color: #0d6efd;
}

.cookiebuttons #cookiehintsubmit:hover {
  background-color: #0b5ed7!important;
  border-color: #0a58ca;
}

.calculators input[type="text"]:not(.form-control),
.calculators select:not(.form-select):not(.form-control) {
  outline: 0;
  padding: 0 2px!important;
  display: inline-block;
  width: unset!important;
  height: unset !important;

}

.calculators .kont_eto {
  border: 1px solid #ccc;
  background-color: #d9e4ff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: flex;
}

.calculators .kont_eto.header {
  background-color: #d9e4ff;
}

.calculators .kont_eto table td {
	text-align: left;
}

.calculators img {
	display: unset!important;
}


.article-pdf {
  margin-right: 10px;
}

/*             Równomierność nawadniania kroplowego               */

/* do top dodnae 40px ze wzgledu na instrukcje na górze */

.r-k-wrapper {
	text-align:center;
	margin: 0 auto;
	margin-top:10px;
	width: 600px;
	z-index: 1;
}

.r-k-kontener {
	border: 1px solid #ccc;
	padding: 15px;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	text-align:left;
	z-index: 1;
}

.r-k-czas {
	margin: 10px 0 20px 0;
	float: left;
	border: 0px solid #ccc;
	width: 40%;
}

.r-k-czas input {
	border: 1px solid #000;
	background-color: #ffffdd!important;
	padding: 2px 5px!important;
	border-radius: 0!important;
	width: 80px;
	margin-left: 5px;
	width: 78px !important;
	display: inline !important;
}

.r-d-dane {
	float:left;
	width: 50%;
	border: 0px solid #000;
}

.r-d-czas {
	margin: 10px 0 10px 0;
}

.r-d-czas label {
	display: inline-block;
	vertical-align:middle;
	width: 168px;
}

.r-d-czas input {
	border: 1px solid #000;
	background-color: #ffffdd !important;
	padding: 2px 5px !important;
	border-radius: 0 !important;
	width: 80px;
	margin-left: 5px;
	width: 78px !important;
	display: inline !important;
}

.r-d-srednica {
	margin: 0px 0 10px 0;
}

.r-d-srednica label {
	display: inline-block;
	vertical-align:middle;
	width: 168px;
}

.r-d-srednica input {
	border: 1px solid #000;
	background-color: #ffffdd !important;
	padding: 2px 5px !important;
	border-radius: 0 !important;
	width: 80px;
	margin-left: 5px;
	width: 78px !important;
	display: inline !important;
}

.r-d-alert {
	float:right;
	border: 0px solid #ccc;
	width:48%;
	margin-top: 26px;
	/* height: 69px; */
}

.r-d-alert:before { /*wy?rodkowawnie w div*/
	/* content:" ";
	display:inline-block;
	height:100%;
	vertical-align:middle; */
}

.r-d-alert span {
	display:none;
	margin:0 auto;
	border: 1px solid #f00;
	width:260px;
	text-align:center;
	padding: 10px;
	box-shadow: 0 0 5px #f00;	
	font-weight:bold;
	color:#555;
	margin-top: 18px;
}

.r-k-alert {
	float:right;
	border: 0px solid #ccc;
	width:52%;
	margin-top: 12px;
}

.r-k-alert:before { /*wy?rodkowawnie w div*/
	/* content:" ";
	display:inline-block;
	height:100%;
	vertical-align:middle; */
}

.r-k-alert span {
	display:none;
	margin:0 auto;
	border: 1px solid #f00;
	width:260px;
	text-align:center;
	padding: 10px;
	box-shadow: 0 0 5px #f00;
	font-weight:bold;
	color:#555;
}

.r-k-woda {
	position: absolute;
	top:20px;
	z-index:0;
}

.r-k-woda img {
	height: 50px;
}

.r-k-pomiar {
	border: 0px solid #ccc;
	height: 438px;
	text-align:left;
	clear: both;
	position: relative !important; /* je?eli ustawione to elementy z position absolute umieszczane s? wzgl?dem tego bloku */
}

.r-k-pomiar .label {
	text-align: center;
	position:absolute;
	z-index: 1;
	font-weight: bold;
	font-size: 110%;
	margin-top: 15px;
	width: 566px;
}

.r-k-pomiar img{
	width:566px;
	position: absolute;
	margin:0;
	max-width: 566px;
}

.r-k-pomiar #r-k-arrow-1 {
	top:64px;
	left: 175px;
	width: 16px;
	height: 370px;
	z-index: 1;
}

.r-k-pomiar #r-k-arrow-2 {
	top:64px;
	left: 345px;
	width: 16px;
	height: 370px;
	z-index: 2;
}

.r-k-pomiar #r-k-arrow-3 {
	top:64px;
	left: 515px;
	width: 16px;
	height: 370px;
}
	
.r-k-pola table{
	width: 80px;
	border-collapse: collapse; 
}

.r-k-pola table td{
	border: 1px solid #000;
	background-color: #ffffdd;
	padding: 0px;
	height: 17px;
}

.r-k-pola input{
	text-align: center;
	border-width: 0;
	width: 100%;
	background-color: transparent !important;
	padding: 2px 5px !important;
	border-radius: 0 !important;
	line-height: 1.22em !important;
	border-width: 0 !important;
}
	
#r-k-pola1{
	margin: 82px 0 0 101px;
	float:left;
}	

#r-k-pola2{
	margin: 82px 0 0 90px;
	float:left;
}	

#r-k-pola3{
	margin: 82px 0 0 90px;
	float:left;
}	

.r-k-pola .r-k-space {
	background-color: #fff;	
	border-width:0;
	height:20px;
}

.r-k-oblicz {
	border-top: 0px solid #0646b0;
	text-align: center;
	margin-top: 10px;
}

.r-k-norma {
	float: left;
	border: 0px solid #ccc;
	/* width:50%;	 */
	margin-bottom: 20px;
	margin-top: 15px;
}

.r-k-norma table {
	width: 200px;
	border-collapse: collapse;
	table-layout: fixed;
	margin:0 auto;
	text-align:center;
	background: #ffcab0;
}

.r-k-norma table th{
	border: 1px solid #000;
	padding: 2px;
	height: 16px;
}

.r-k-norma table td{
	border: 1px solid #000;
	padding: 2px;
	height: 16px;
}

.r-k-EU {
	float:right;
	border: 0px solid #ccc;
	/* width:50%; */
	height: 123px;
}

.r-k-EU table {
	width: 200px;
	border-collapse: collapse;
	margin:0 auto;
	margin-top:14px;
}

.r-k-EU table th{
	border: 1px solid #000;
	padding: 2px;
	text-align:right;
	white-space: nowrap;
	background: #b8dfb3;
}

.r-k-EU table td{
	border: 1px solid #000;
	padding: 2px;
	background: #d3e3fe;
	text-align:center;
}

.r-k-wydatek #r-k-woda2 {
	position: absolute;
	top:20px;
	z-index:0;
}

.r-k-wydatek #r-k-woda2 img {
	height: 50px;
}

.r-k-wydatek {
	border: 0px solid #ccc;
	height: 440px;
	text-align:left;
	clear:both;
	display: block;
	position:relative !important;
}

.r-k-wydatek .label {
	text-align: center;
	position:absolute;
	z-index: 1;
	font-weight: bold;
	font-size: 110%;
	margin-top: 15px;
	width: 566px;
}

.r-k-wydatek img{
	width:566px;
	position: absolute;
	margin:0;
	max-width: 566px;
}

.r-k-wydatek #r-k-arrow-4 {
	top:64px;
	left: 175px;
	width: 16px;
	height: 370px;
	z-index: 1;
}

.r-k-wydatek #r-k-arrow-5 {
	top:64px;
	left: 345px;
	width: 16px;
	height: 370px;
	z-index: 1;
}

.r-k-wydatek #r-k-arrow-6 {
	top:64px;
	left: 515px;
	width: 16px;
	height: 370px;
	z-index: 1;
}
	
.r-k-pola2 table{
	width: 80px;
	border-collapse: collapse; 
}

.r-k-pola2 table td{
	border: 1px solid #000;
	background-color: #d3e3fe;
	padding: 0px;
	height: 17px;
	font-size: 1em;
	text-align:center;
	max-width: 80px;
}

.r-k-pola2 input{
	text-align: center;
	border-width: 0;
	width: 100%;
	margin: 0;
	background-color: transparent;
}
	
#r-k-pola4{
	margin: 82px 0 0 101px;
	float:left;
}	

#r-k-pola5{
	margin: 82px 0 0 90px;
	float:left;
}	

#r-k-pola6{
	margin: 82px 0 0 90px;
	float:left;
}	

.r-k-pola2 .r-k-space2 {
	background-color: #fff;
	border-width:0;
}

#kalk1 legend {
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 6px;
  
}

/* Glossary */

.glossary hr {
	margin: 5px 0!important;
}