/***** Global Settings *****/

body {
text-align: center;
font-family: Alegreya Sans, arial, sans-serif; 
}

table.cal, table.cal tr td, table.cal tr th {
border: 1px solid black;
font-size: 14px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;

}
.holiday {
color: red;
}
.weekend {
color: #aa1111;
}
h2 {
font-size: 18px;
}
table.cal {
margin-bottom: 10px;
}
table.cal tr td {
width: 50px;
height: 40px;
font-size: 20px;
}
table.cal, table.cal tr th {
border: 1px solid black;
height: 16px;
}
span.kaja, span.kaja a {
font-weight: bold;
font-size: 18px;
color: #b32079;
}
span.kaja a:hover {
color: #d34099;
}
span.mikolaj, span.mikolaj a {
font-weight: bold;
font-size: 18px;
color: #1746d3;
}
span.mikolaj a:hover {
color: #3766f3;
}
hr {
border-top: 2px dashed #aaa;
border-bottom: none;
}
div.mama,div.tata {
display: inline;
padding: 0px 7px;
margin: 3px;
font-size: 14px;
}
table.inv, table.inv tr td.inv {
border: none;
width: 350px;
}
input[type='button'], input[type='submit'] {
font-size: 14px;
 height: 30px;
 cursor: pointer;
}
 .dayP {
display: inline-block;
padding: 7px 12px;
cursor: pointer;
text-align: center;
vertical-align: middle;
}
#mamaP, #tataP, #uwagiP {
display: block;
width: 40px;
height: 40px;
cursor: pointer;
border: 2px solid white;
border-radius: 25px;
-moz-border-radius: 25px;
}
#mamaP:hover, #tataP:hover, #uwagiP:hover {
opacity: 0.8;
}
#mamaP, td.mama, div.mama {
background-color: #f7e0dd; 
}
#tataP, td.tata, div.tata {
background-color: #d8eaf0;
}
#uwagiP, td.uwagi, div.uwagi {
background-color: #fcf3c0;
}
td.kaja {
background: url(k.png);
}
td.miko {
background: url(m.png);
}
td.razem {
background: url(km.png);
}
td.white {
background-color: white;
}
td.none {
background-color: #f2f0e7;
}
p a {
margin: 0px 10px;
font-weight: bold;
font-size: 18px;
}
a, a:visited {
	color: #494;
	text-decoration: none;
}
a:hover, a:active {
	color: #6b6;
}
a img:hover {
	opacity: 0.8;
}

.tooltip {
position: absolute;
display: block;
cursor: pointer;
margin-top: -16px;
}
.tt {
margin-left: 10px;
}
.ttl {
margin-left: 3px;
}.ttr {
margin-left: 32px;
}
textarea {
  background-color: #ffd;
  border: 1px solid #dda;
  width: 270px;
  height: 60px;
  font-size: 16px;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #ffd;
  border: 1px solid #dda;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -50px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 14px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #dda transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}