.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;
	height: calc(1.3em + 1rem);
	padding: .3rem .5rem;
}

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

.dataGrid {
	overflow-x: auto;
	width: max-content;
	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 .kt-switch {
	padding: 0;
	margin-bottom: -2px;
	margin-top: 4px;
}

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

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

.dataGrid tbody .btn-group .btn,
.dataGrid tbody .btn-cell .btn {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 30px;
	max-height: 30px;
	padding: 0 10px;
}

.dataGrid tbody .btn-grid-cell.btn-group .btn {
	width: 30px;
	max-width: 30px;
}

.dataGrid tbody .btn-group .btn > i,
.dataGrid tbody .btn-group .btn > svg,
.dataGrid tbody .btn-cell .btn > svg,
.dataGrid tbody .btn-cell .btn > i {
	font-size: 0.9rem;
}

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

/* --------------- 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;
	}
}