/* Tablea */

em.fas span{
	display: none;
}
.kalendarz-zawartosc{
	position:relative;
}
.kalendarz-tabela {
	color: #666666;
	background: #ffffff;
	font-weight: 400;
	margin: 16px auto 0px;
	width: 100%;
	border-collapse: separate;
  border-spacing: 0px;
}
/* Tytuł tabeli */
.kalendarz-tabela-tytul {
	display: none;
}

.kalendarz-tabela-lista-miesiac select{
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-top:0px;
	border-bottom:0px;
	height: 24px;
	width: 257px;
	padding-left: 8px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	background:#ffffff;
}

/* Dodatkowe moduły */
.kalendarz-tabela-data,
.kalendarz-tabela-imieniny,
.kalendarz-tabela-dzien-roku,
.kalendarz-tabela-lista-miesiac,
.kalendarz-tabela-lista-kategorie-wydarzen,
.kalendarz-tabela-lista-wydarzen{
	display: none;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	padding: 4px 0px;
}
.kalendarz-tabela-lista-dodaj-wydarzenie {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	padding: 4px 0px;
	position: relative;
}
.kalendarz-tabela-lista-dodaj-wydarzenie em{
	position:absolute;
	top:14px;
	right:20px;
}
.fa-calendar-plus:before {
    content: "\f105" !important;
}
.kalendarz-tabela-lista-miesiac {
	display: block;
}
.kalendarz-tabela-lista-miesiac {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.kalendarz-tabela-lista-miesiac em {
	color: #7f7f7f;
	font-size: 14px;
}

.kalendarz-tabela-lista-miesiac em:hover{
	opacity:0.7;
}
/* Przyciski pod kalendarzem */
.kalendarz-tabela-lista-btns {
	display: flex;
	justify-content: center;
	margin-top:24px;
}

.kalendarz-tabela-btn-dodaj
{
	width:185px;
	height:32px;
	background:none;
	border:none;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	background: linear-gradient(to bottom, #f3f3f3 0% , #ececec 100%);
	padding-right:23px;
	padding-bottom:2px;
}
.kalendarz-tabela-btn-dodaj:hover{
	cursor:pointer;
	opacity:0.5;
}
/* Kolumna z kolejnym tygodniem */
.kalendarz-tabela th:first-child {
	display: none;
}
/* Opis dni tygodnia */
.kalendarz-tabela thead th {
	background: #E20808;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 7px 0px;
	font-size: 14px;
}
.kalendarz-tabela thead th:last-child {
	background: #5e5e5e;
}
/* Dni */
.kalendarz-tabela tbody th,
.kalendarz-tabela tbody td {
	width: 14.28%; /* 100/7=14.28 - wersja bez tygodni roku lub 100/8=12.5 - wersja z tygodniami roku */
	height: 24px;
	text-align: center;
	padding: 2px 0px 2px 0px;
}
.kalendarz-tabela tbody th,
.kalendarz-tabela tbody td div{
	font-size: 14px;
}

/* Niedziela */
.kalendarz-tabela tbody td:last-child {
	background-color: #e0e0e0;
	color: #000000;
}
/* Wydarzenie */
.kalendarz-tabela-wydarzenie {
	border-bottom: 2px solid #E20808!important;
}
/* Dzisiaj */
.kalendarz-tabela-dzisiaj {
	color: #000000;
	background: #ffd100;
}

/*Święto*/
.kalendarz-tabela-swieto{
	background-color: #e0e0e0;
    color: #4d4c81;
}
/* Artykuły */
.kalendarz-mini-artykuly  {
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	padding: 8px;
	width: 95%;
	left:0;
	max-height: 300px;
	margin: 4px 0px 0px 0px;
	overflow: auto;
	z-index: -1;
	opacity: 0;
	transition: opacity 0.5s;
}
.kalendarz-tabela-wydarzenie:hover > div + .kalendarz-mini-artykuly {
	z-index: 1;
	opacity: 1;
}

/*   wersja mobilna */

@media all and (min-width: 1024px) and (max-width: 1279px) {
	.kalendarz-tabela-lista-miesiac select{ width:180px; }
	.kalendarz-tabela-btn-dodaj { width:200px; }
}
@media all and (min-width: 0px) and (max-width: 639px) {
	.kalendarz-mini-artykuly{
		/*max-width: 320px;*/
	    width: 90%;
	    left: 0;
	}
}
