div.dataTables_wrapper div.dataTables_filter, .dataTables_filter input  {
	text-align:left;
	font-size:0.9em;
	padding: .2em .5em;
}

.dataTable th {
	font-size:0.8em;
    text-transform: uppercase;
}

.sorting:before,.sorting:after {
	bottom: .4em!important;
	font-size:1.2em!important;
	right: .3em!important;
	opacity: .2;
}

.wrap {word-break: break-word;}


select.th-select {
    width: auto;
    margin-left: 15px;
    display: inline-block;
    font-family: var(--font_header);
    font-size: 20px;
}

:focus {
	box-shadow:unset!important;
}

.on_screen td {
	font-size:26px;
}
.on_screen th {
	font-size:20px;
}
.on_screen.web_site td {
	font-size:16px;
}
.on_screen th {
	font-size:16px;
	white-space:nowrap;
}


.clock {
    position: absolute;
    top: 0px;
    right: 46px;
    font-size: 2.5rem;
    font-weight: 500;
    width: 200px;
}

.dataTable {
	margin-left:0;
	background-color: rgba(255,255,255,.7);
}

#sections {
	background-color: rgba(255,255,255,.7);
	padding:20px;
}
.btn.screen {
	margin-left:70px;
}
.btn-outline-danger {
    color: #FF3A3A!important;
    border-color: #FF3A3A!important;
    font-weight:400!important;
}

.btn-outline-danger:hover, .btn-outline-danger.active {
	background-color: #FF3A3A!important;
	color:#fff!important;
}

.btn-outline-success {
    border-color: #3D844A!important;
    font-weight:400!important;
}

.btn-outline-secondary {
	border-color: #6c757d!important;
	font-weight:400!important;
}

button.section_button, .btn.btn-sm {
    margin: 20px 10px 20px 0;
    border-radius: 16px;
    font-size: 14px;
    padding: 5px 14px;
    font-weight: 500!important;
}

img.flag {
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    margin-top: -3px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    font-family: 'Font Awesome 5 Pro';
}

table.dataTable thead .sorting:after {
    content: "\f151";
}
table.dataTable thead .sorting_asc:after {
    content: "\f151";
}

table.dataTable thead .sorting_desc:after {
    content: "\f150";
}

.table-responsive {
    overflow-x: unset;
    font-weight:500;
}

.out .table-hover>tbody>tr:hover {
    background-color: #fff0db;
}

.out.table-responsive tbody tr:first_child td {border-top:unset;}
.out.table-responsive td.rank {
    background-color: #FFAE35;
    font-size: 28px;
    vertical-align: middle;
    text-align: center;
}

.out.table-responsive .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #000;
}



@media (max-width: 767px) {
	.table-fixed {
		table-layout:fixed;
	}
	.clock {
    	font-size: 26px;
    	top: 3px;
    	right: 5px;
    	width: 100px;
	}

}