.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, label {font-family: "Dosis", sans-serif; font-weight:400; color: #4DB9E7;} 

@media only screen and (min-width : 992px) {
	#content, #adtop, #adbottom {margin:0 auto; width:60%;}
	
}

@media only screen and (max-width : 991px) {
	#content {margin:0 auto; width:95%;}
	#adtop, #adbottom {margin:0 auto; width:100%;}
}
.input{width:100%;}


#calendar{float:left; width:100%;}

@media only screen and (min-width : 768px) {
	.week {display:block; float:left; width: 8.33%; margin-top: 1.5em;}
}
@media only screen and (max-width : 767px) {
	.week {display:block; float:left; width: 12.495%; margin-top: 1.5em;}
} 

.week>div:first-child {display:block; float:left; width: 100%; vertical-align: text-bottom; font-size: 1.4em; text-align: center; font-family: "Dosis", sans-serif; font-weight:400;}
.week>div:nth-child(2) {border-left: 1px solid rgba(255,255,255,0.5); display:block; float:left; width: 100%; height:40px; 'background-color: lightgrey;' text-align: center;}
.week>div:last-child {padding-left: 5px; display:block; float:left; width: 100%; text-align: center;}
.week>div:last-child>span:first-child{clear:both; float:left; color: grey;}
.week>div:last-child>span:last-child{clear:both; float:left; color: lightgrey;}

.week p {display:block; margin: 0 auto; color: grey;}
.week a {display: block; width: 100%; height: 100%;}
.white {background-color: #4EBDEC;}
.black {background-color: #1B6FB7;}
.grey {background-color: #00A8E5;}
.storm 
{background-image: url(../images/storm.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;}
.sun  
{background-image: url(../images/sun.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;}

.week .inf { font-style: italic; font-family: serif;  display: block; float: left; margin: 2px; padding: 0 3px 0 4.5px; line-height: 1em; border-radius: 10px; background-color:rgba(255,255,255,0.7)
; color: rgba(27,111,183,1); height: 1em; width: 1em;}
.week .inf a { text-decoration: none;}
#legend {width:100%; display:block; float:left; margin-top: 2em;}
#legend>div {display:block; float:left; width: 100%; margin-bottom:1em;}
@media only screen and (min-width : 768px) {
#legend>p{ margin-left: 8.33%; padding-left: 1.5em;}
.text-img {display:block; float:left; width: 8.33%; margin-right: 1.5em; clear: left; height: 40px;}
}
@media only screen and (max-width : 767px) {
#legend>p{ margin-left: 12.495%; padding-left: 1.5em;}
.text-img {display:block; float:left; width: 12.495%; margin-right: 1.5em; clear: left; height: 40px;}

}
.text-legend {display:block; float: left; max-width: 80%;}
.text-legend p {display:block; float: left; margin: 6px 0; width: 100%;}

.tooltip-inner { background-color: rgba(13,68,115,1)!important; color: rgba(255,255,255,1)!important; font-size: 1.25em; font-family: "Dosis", sans-serif; font-weight: 300;}
.tooltip.top .tooltip-arrow { border-top-color: rgba(13,68,115,1)!important; }
.tooltip.right .tooltip-arrow { border-right-color: rgba(13,68,115,1)!important; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: rgb(253, 191, 246)!important; }
.tooltip.left .tooltip-arrow { border-left-color: rgba(13,68,115,1)!important; }
.this-week {background-color: rgba(220, 0, 155, 0.33)!important}
.this-week>span:last-child {color: rgba(255,255,255,1)!important;}
label {font-size:1.25em; font-weight: 500; margin-right: 1em;}
.form-inline .input-group { margin-top: -4px;}
.hide {display: none;}
#zapowiedz {display: none;}
.show {display: block;}
#btnCal {color: #1B6FB7;}
#zapowiedz>p:first-child {margin-top: 20px;}
a.ext-link::after { background-color: red; display: block; float: left; width: 1em; height: 1em; background-image: url('./images/solid_external-link-alt.svg');
	background-repeat: none;
}