div.dt-info { 
	color: #fff !important;
	font-size: 2vh; 
	font-weight: bold; 
}	

/* Previously displayed two separate icons, hide first one */
table.dataTable thead .dt-column-order {
	right: auto !important; 
	font-family: 'Material Icons' !important;
	vertical-align: middle !important;
}

/* Remove default content */
table.dataTable thead .dt-column-order:before,
table.dataTable thead .dt-column-order:after {
	content: "" !important;
}

/* Default light grey arrow when column is not sorted but hovered */
/* стрелки туда-сюда */
table.dataTable thead>tr>th.dt-orderable-asc:hover .dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc:hover .dt-column-order:after {
/*
	content: "\e8d5" !important;
	opacity: 1 !important;
	top: 1% !important;

	vertical-align: middle !important;

	padding: 3px !important;
	border-radius: 50%;
	display: inline-block !important;
*/	
}

/* стрелка вверх  */
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after {
	content: "\e5d8" !important;
	color: var(--color-background) !important;
	background-color: var(--color-row-selected); 
	opacity: 1 !important;
	margin-top: -0.5em;
	padding: 1px !important;
	border-radius: 30%;
	line-height: 1 !important;
}

/* стрелка вниз  */
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
	content: "\e5db" !important; 
  	color: var(--color-background) !important;
	background-color: var(--color-row-selected); 
	opacity: 1 !important;
	margin-top: -0.5em;
	padding: 1px !important;
	border-radius: 30%; 
	line-height: 1 !important;
}

/* Hover effect: show light grey circle around the sorting icon */
table.dataTable thead>tr>th.dt-orderable-asc:hover span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc:hover span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc:hover span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc:hover span.dt-column-order:after {
	background-color: var(--color-sol); 
	border-radius: 30%;
	color: var(--color-background) !important;
}