/* Tabele Pro – style tabel na stronie */

.tbp-wrap {
	max-width: 100%;
	margin: 0 0 1.5em;
	box-sizing: border-box;
}

.tbp-wrap *,
.tbp-wrap *::before,
.tbp-wrap *::after {
	box-sizing: border-box;
}

.tbp-wrap.tbp-resp-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tbp-wrap .tbp-table {
	width: var(--tbp-width, 100%);
	max-width: none;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--tbp-radius, 0);
	overflow: hidden;
	table-layout: auto;
	background: var(--tbp-body-bg, #fff);
	color: var(--tbp-text-color, inherit);
	font-size: var(--tbp-font-size, 15px);
	line-height: 1.45;
}

.tbp-wrap.tbp-resp-none,
.tbp-wrap.tbp-resp-stack {
	overflow: visible;
}

.tbp-wrap.tbp-align-center .tbp-table {
	margin-left: auto;
	margin-right: auto;
}

.tbp-wrap.tbp-align-right .tbp-table {
	margin-left: auto;
}

.tbp-wrap .tbp-table th,
.tbp-wrap .tbp-table td {
	padding: var(--tbp-padding, 10px);
	border: 0;
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: left;
	vertical-align: middle;
	overflow-wrap: break-word;
}

.tbp-wrap .tbp-table td {
	font-weight: inherit;
}

.tbp-wrap .tbp-table thead th {
	background-color: var(--tbp-header-bg, #1e3a5f);
	color: var(--tbp-header-color, #fff);
	font-weight: 600;
}

.tbp-wrap .tbp-table tbody th[scope="row"] {
	font-weight: 600;
}

.tbp-wrap .tbp-table tfoot th,
.tbp-wrap .tbp-table tfoot td {
	background-color: var(--tbp-stripe, #f5f7fa);
	font-weight: 600;
}

.tbp-wrap .tbp-table caption {
	caption-side: top;
	padding: 0 0 .5em;
	font-weight: 600;
	text-align: left;
}

.tbp-wrap .tbp-table caption.tbp-caption-bottom {
	caption-side: bottom;
	padding: .5em 0 0;
	font-weight: 400;
	font-size: .9em;
	opacity: .8;
}

/* Treść komórek */
.tbp-wrap .tbp-table p,
.tbp-wrap .tbp-table ul,
.tbp-wrap .tbp-table ol {
	margin: 0;
}

.tbp-wrap .tbp-table ul,
.tbp-wrap .tbp-table ol {
	padding-left: 1.2em;
}

.tbp-wrap .tbp-table img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* Paski i podświetlenie (kolor tła ustawiony na komórce ma pierwszeństwo – jest w style="") */
.tbp-wrap .tbp-striped tbody tr:nth-child(even) > * {
	background-color: var(--tbp-stripe, #f5f7fa);
}

.tbp-wrap .tbp-hover tbody tr:hover > * {
	background-color: var(--tbp-hover, #eaf2ff);
}

/* Obramowania */
.tbp-wrap .tbp-borders-all {
	border: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
}

.tbp-wrap .tbp-borders-all th,
.tbp-wrap .tbp-borders-all td {
	border-right: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
	border-bottom: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
}

.tbp-wrap .tbp-borders-all .tbp-c-last {
	border-right: 0;
}

.tbp-wrap .tbp-borders-all .tbp-r-last {
	border-bottom: 0;
}

.tbp-wrap .tbp-borders-horizontal {
	border-top: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
	border-bottom: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
}

.tbp-wrap .tbp-borders-horizontal th,
.tbp-wrap .tbp-borders-horizontal td {
	border-bottom: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
}

.tbp-wrap .tbp-borders-horizontal .tbp-r-last {
	border-bottom: 0;
}

.tbp-wrap .tbp-borders-outer {
	border: var(--tbp-border-w, 1px) solid var(--tbp-border-color, #dde2e8);
}

/* Przyklejona pierwsza kolumna (tryb przewijania) */
.tbp-wrap.tbp-sticky-col .tbp-table {
	overflow: visible;
}

.tbp-wrap.tbp-sticky-col .tbp-table tr > :first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	background-color: var(--tbp-body-bg, #fff);
}

.tbp-wrap.tbp-sticky-col .tbp-table thead tr > :first-child {
	background-color: var(--tbp-header-bg, #1e3a5f);
}

.tbp-wrap.tbp-sticky-col .tbp-striped tbody tr:nth-child(even) > :first-child {
	background-color: var(--tbp-stripe, #f5f7fa);
}

.tbp-wrap.tbp-sticky-col .tbp-hover tbody tr:hover > :first-child {
	background-color: var(--tbp-hover, #eaf2ff);
}

.tbp-notice {
	padding: .6em 1em;
	border-left: 4px solid #d63638;
	background: #fcf0f1;
	font-size: 14px;
}
