@media print{
	.noprint{
		display: none;
	}
	input, textarea{
		border: none;
	}
	select{
		border: none;
		appearance: none;
	}
}
#strona{
	/*A4 -2480 × 3508 px. */
	background-color: white;
	margin-top: 40px;
	/*margin-left: 40px;*/
    
}
#main{
	height: 600px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#logo{
	height: 18%;
	width: 12%;
	/*float: left;*/
	margin-left: 440px;
	margin-top: 10px;
    margin-bottom: -30px;
   
}

#strona, #stanowisko{
	clear: both;
}
h1, h2{
    text-align: center;
}
h2{
    position: relative;
    margin-top: -20px;
}

#imie{
    float: left; 
}

#data, #dyrektor{
    float: right;
}
#dyrektor{
	font-weight: bold;
}
#dyr{
    resize: none;
}
#stanowisko{
    position: relative;
    margin-top: 20px;;
}

#podpisdyr{
    width: 150px;
    border-top: 1px dotted black;
    text-align: center;
	margin-left: 400px;
}
#podpisdyr{
	margin-left: 800px;
}

#podpisdyr::before{
    content: "Podpis pracownika";
}

#wolne{
	width: 20px;
}
input[type=number], 
input[type=number], 
input[type=date], 
input[type=text] {
    font-size: 16px;
}
input[type=number] {
	appearance: textfield;
  }
input[type=date]{
    appearance: none;
}  
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dni{
	cursor: pointer;
}

.chmurka {
    position:absolute;
    border:1px double #000;
    background:#FF6600;
    padding:1px;
    font:normal normal 9px Verdana, sans-serif;
    }

p{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}
/* Hide the tooltip content by default */

[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
/* Position tooltip above the element */

[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -110px;
    padding: 7px;
    width: 810px;
    border-radius: 3px;
    background-color: #db2b74;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 17px;
    line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */

[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #db2b74;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}
/* Show tooltip content on hover */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

#przesun{
    position: relative;
    margin-left: -10px;
}