.page-item.active .page-link {
	color: var(--white);
	background-color: var(--info);
	border-color: var(--info);
}

.page-link {
	color: var(--info);
}

.page-link:hover {
	color: #14b6d0;
}

.dataGrid .btn-sm, .dataGrid .btn-group-sm > .btn {
	padding: .3rem .4rem;
}

.dataGrid tbody td > svg[data-icon="times"] {
	margin-left: 2px;
}

.paginator-select-page > select.form-control {
	margin-left: 10px;
}

.dataGrid thead th {
	white-space: nowrap;
}

.dataGrid {
	overflow-x: auto;
	min-width: 100%;
}

.dataGrid thead th:last-of-type > div.pull-right {
	display: none;
}

.table th.buttonColumn, .table td.buttonColumn {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.dataGrid tbody > tr > td .switch {
	padding: 0;
	margin: 0;
	vertical-align: sub;
	height: 28px;
}

.dataGrid tbody > tr > td .switch > label,
.dataGrid tbody > tr > td .switch > label > span {
	margin: 0;
}

.dataGrid tbody .btn-cell {
	padding: 0 0.75rem;
}

.dataGrid tbody .btn-grid-cell.btn-group .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	height: 30px;
	max-width: 30px;
	min-width: 30px;
}

.table.table-sm tbody .btn-grid-cell.btn-group .btn {
	height: 27px;
}

.table.table-xs tbody .btn-grid-cell.btn-group .btn {
	height: 22px;
}

.table.table-sm td,
.table.table-xs td {
	font-size: 0.95rem;
	padding: 0.3rem 0.75rem;
	line-height: normal;
	height: 40px;
}

.table.table-xs td{
	height: 35px;
}

.table.table-sm thead th {
	padding: 0.75rem 0.75rem;
	height: 40px;
}

.table.table-xs thead th {
	padding: 0.75rem 0.75rem;
	height: 35px;
}

.table.table-sm--vertical td {
	font-size: 0.95rem;
	padding: 0.65rem;
}

.table.table-sm--vertical th {
	font-size: 1rem;
	padding: 0.65rem;
}

.table tbody tr.table-striped-row:nth-of-type(odd) {
	background-color: #f7f8fa;
}

.table-hover tbody tr:hover {
	color: #212529;
	background-color: #fafbfc;
}

.table-sticky-wrap .table-sticky-header thead {
	background-color: #fff;
}

.table-sticky-wrap .table-sticky-header thead,
.table-sticky-wrap .table-sticky-column-left,
.table-sticky-wrap .table-sticky-column-right.is-sticky {
	position: sticky;
}

.table-sticky-wrap .table-sticky-column-left,
.table-sticky-wrap .table-sticky-column-right.is-sticky {
	background-color: #fafafa;
}

.table-sticky-wrap .table-sticky-header thead {
	top: 0;
	z-index: 3;
}

.table-sticky-wrap .table-sticky-column-left {
	left: 0;
	z-index: 1;
}

.table-sticky-wrap .table-sticky-column-right.is-sticky {
	right: 0;
	z-index: 2;
}

.table-sticky-wrap .table-sticky-column-left-md,
.table-sticky-wrap .table-sticky-column-left-xl {
	position: static;
}

button[data-table-sticky-column-trigger] {
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 0;
	height: 27px !important;
	max-width: 30px;
	min-width: 30px;
	margin-left: auto;
}

@media (min-width: 768px) {
	.table-sticky-wrap .table-sticky-column-left-md {
		position: sticky;
		left: 0;
		z-index: 1;
	}
}

@media (min-width: 1200px) {
	.table-sticky-wrap .table-sticky-column-left-xl {
		position: sticky;
		left: 0;
		z-index: 1;
		background-color: #fafafa;
	}
}

.pagination .page-link {
	display: flex;
	height: calc(1.5em + 1.3rem - 1.1px);
	min-width: calc(1.5em + 1.3rem - 1.1px);
	padding: 0;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.table .bulkAction {
	vertical-align: middle;
}

.dropdown.bootstrap-select.bulkAction .dropdown-menu.inner > li.selected > a .check-mark {
	display: none !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark {
	top: 44%;
	position: absolute;
	font-size: 0.7rem;
	right: 10px;
}

/* --------------- Responsive columns --------------- */

/* responsive datagrid - pro schovavani sloupecku datagridu pri sirce obrazovky nizsi nez X pixelu */

@media (max-width: 600px) {
	.hidden-under-600px {
		display: none !important;
	}
}

@media (max-width: 800px) {
	.hidden-under-800px {
		display: none !important;
	}
}

@media (max-width: 1000px) {
	.hidden-under-1000px {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	.hidden-under-1024px {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.hidden-under-1200px {
		display: none !important;
	}
}

@media (max-width: 1400px) {
	.hidden-under-1400px {
		display: none !important;
	}
}

@media (max-width: 1600px) {
	.hidden-under-1600px {
		display: none !important;
	}
}

@media (max-width: 1800px) {
	.hidden-under-1800px {
		display: none !important;
	}
}

@media (max-width: 2000px) {
	.hidden-under-2000px {
		display: none !important;
	}
}
