/* !!! СТРАНИЦА РЕЗУЛЬТАТОВ	 !!! */

.content_rez {
	max-width: 1400px;
	text-align: center;
	margin: 0 auto;}
	
.content2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;}

.driver {display: flex; align-items: center; FONT-SIZE: 0.6vw; margin-left: 0.2vw;}
.drface {width: 1.6vw; margin-right: 0; text-align: center;}
.drface2 {width: 1.6vw; margin-right: 0; text-align: center; transform: scaleX(-1);}
.logoteam {width: 1.6vw; margin-right: 0.5vw; text-align: center;}
.drname {width: 6vw; text-align: center; font-family:F1Bold;}
.drnambr {width: 1.4vw; margin-left: 0.5vw; text-align: center;}
.drslem {width: 1.8vw; text-align: center; margin-left: 0.3vw;}
.result {width: 4.2vw; font-family: 'Statistic', sans-serif; FONT-SIZE: 0.4vw;  line-height: 0.7vw; font-stretch: condensed; text-align: right;}
.img_gp {height: 0.7vw;}

.driver_panel2 {
	width: 20vw;
	height: 100%;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	color: #fff;
	text-align: center;}
	
.teams_panel2 {
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;
	width: 25vw;
	height: 100%;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;}

.spisokresult{
	display: flex;
    align-items: center;
	height: 1.7vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	FONT-SIZE: 0.7vw;}
.dr_spisokresult{
	display: flex;
    align-items: center;
	height: 1.8vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	FONT-SIZE: 0.7vw;}

/* Б А Т Л */

.batl {width: 15.5vw; FONT-SIZE: 0.8vw; line-height: 1vw;}
.rezultat_batl {
	float: left;
	width: 15.5vw;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.5vw;
	padding-bottom: 0.3vw;
	color: #fff;
	text-align: center;
	margin: 0 0 1vw 0;}
.spisok_batl {
	display: flex;
    align-items: center;
	height: 1.67vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	FONT-SIZE: 0.8vw;}
.dm {width: 2.35vw; text-align: center;}

.driver .logoteam {margin: 0 0.3vw;}

/* З А Л І К  по Г О Н К А М */

.spisokresultqv{
	display: flex;
    align-items: center;
	height: 1.9vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	font-size: 0.7vw;}

.spisokresultqv .driver .result {width: 3.8vw;}

.spisokresultgp {
	display: flex;
    align-items: center;
	height: 1.9vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	color: #000;
	margin:0 1px 1px 1px;
	text-align: left;
	font-family:F1Bold;
	font-size: 0.7vw;}

.img_gp {height: 0.8vw;}
.img_roz {height: 0.8vw;}

.nn {width: 1.6vw; text-align: center; font-family:F1Black; font-size:0.8vw;}

.point {width: 2.4vw; float: right; text-align: center; font-family:F1Black; font-size:0.8vw;}
.dr_spisokresult .point {margin-left: 0.2vw;}
.dr_spisokresult .up {margin-left: 0vw;}
.dr_spisokresult .dn {margin-left: 0vw;}

.bl {color: #8B00FF;}

.teams_panel {
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;
	width: 25.1vw;
	height: 100%;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;}

.teams_spisok {
	display: flex;
    align-items: center;
	text-align: left;
	color: #000;
	height: 3vw;
	BACKGROUND: #fff;
	border: solid 1px #fff;
	border-radius: 0.5vw;
	margin:0 1px 1px 1px;}
	
.teams_sp {display: flex;
    align-items: center;
	FONT-SIZE: 0.6vw;
	margin-left: 0.2vw;}
.team_logo {width: 3.5vw; margin-right: 0.4vw;}
.team_name {width: 7.5vw; margin-right:0.4vw; text-align: center;}
.team_car {width: 8.2vw; margin-right: 0.3vw;}
.team_res {margin-left: 0.2vw; width: 1.6vw; text-align: center; font-family:F1Black; font-size:0.8vw;}

.up {FONT-SIZE: 0.5vw; font-family:F1; color: #20ee30; margin-left: 0.5vw; width: 1vw;}
.dn {FONT-SIZE: 0.5vw;font-family:F1; color: #e10600; margin-left: 0.5vw; width: 1vw;}
.koleso {width: 1vw; margin-left: 0.1vw;}

/* РЕЗУЛЬТАТИ  ВСІХ  ГРАН-ПРІ */

.rezz_panel {
	overflow-x: auto;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	FONT-SIZE: 0.8vw;
	color: #666666;
	BACKGROUND: #f1f1f1;
	text-align: center;
	border: solid 2px #666666;
	border-radius: 0.7vw;
	padding: 0.3vw;}
	
.rezz_panel .driver_panel2 {margin: 1vw 0 1vw 0; width: 21.3vw;}
.rezz_panel .teams_panel {margin: 1vw 0 1vw 1px; width: 24.6vw;}

.img_rez {text-align: center; width: 49.7%; border: solid 2px #666666; border-radius: 0.7vw;}

table {border-spacing: 1px; margin-left: auto; margin-right: auto;}
.tab_pil {FONT-SIZE: 10px; color: #fff; text-align: center;}
.tab_pil th {FONT-SIZE: 11px;}
.flag_rez {width: 1.8vw; border: solid 1px #666666; border-radius: 5px; margin: 0 0.3vw;}

.dynamic-link:hover img, 
.dynamic-link:focus img, 
.dynamic-link:active img {transform: scale(1.2); outline: none; transition: transform 0.3s ease;}

.pil_rez {width: 1.7vw;}


td {BACKGROUND: #666666;}
th {BACKGROUND: #666666;}
.st_psilot {width: 7vw;}
.st_ochki {width: 3.5vw;}

th:first-child, td:first-child {position: sticky; left: 0; z-index: 2;}
th:nth-child(2), td:nth-child(2) {position: sticky; left: 12px; z-index: 2;}

.driver_panel_y {
	width: 30vw;
	height: 100%;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;
	color: #fff;
	text-align: center;}
	
.teams_panel_y {
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;
	width: 30vw;
	height: 100%;
	BACKGROUND: #666666;
	border: solid 0px #666666;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;}

.namepilotrez {FONT-SIZE: 0.7vw; width: 11.5vw; text-align: center;}
.nameteamrez {FONT-SIZE: 0.7vw; width: 11.5vw; text-align: center; color: #666666;}
.teams_panel_y .nameteamrez {width: 25.5vw; text-align: center; color: #000;}

@media (max-width: 1023px) {
	.content_rez {width: 950px;}
	
	.nn {FONT-SIZE: 1.1vw; width: 1.8vw;}
	.driver {FONT-SIZE: 0.8vw;}
	.drface, .drface2 {width: 2.5vw; margin: 0;}
    .logoteam {width: 2.2vw; margin: 0;}
    .drname {width: 7.5vw; margin: 0;}
    .drnambr {width: 2.2vw; margin-left: 0;}
    .drslem {width: 2.5vw;}
    .point {FONT-SIZE: 1.1vw; float: right;}
    .result {width: 6vw; FONT-SIZE: 0.7vw; line-height: 1vw; letter-spacing: -0.05vw; margin: 0 0.2vw 0 0;}
    .koleso {width: 1.3vw;}
    .img_gp {height: 0.7vw;}
    .up, .dn {FONT-SIZE: 0.6vw; margin-left: -2px;  float: right;}
 
 	.teams_panel2 {width: 33vw; FONT-SIZE: 1vw;}
 	.teams_panel {FONT-SIZE: 1vw;}
	.teams_spisok {width: 100; FONT-SIZE: 1vw; height: 3.6vw;}  
	.teams_panel .result {width: 7vw;}
    .team_logo {width: 4.2vw;}
    .team_name {width: 11vw; FONT-SIZE: 0.8vw; margin: 0;}
    .team_car {width: 10.5vw; margin: 0;}
    .team_res {width: 3.2vw; FONT-SIZE: 1.1vw;}
    
    .batl {width: 23.5vw; FONT-SIZE: 1vw;}
    .rezultat_batl {width: 23.5vw; margin-bottom: 0.5vw;}
    .spisok_batl {height: 2.3vw; FONT-SIZE: 0.8vw;}
    .dm {width: 3.5vw;}
    
    .rezz_panel {FONT-SIZE: 1vw; padding: 0.3vw 1px;}
    .rezz_panel .driver_panel2 {width: 28.5vw;}
    .rezz_panel .teams_panel {width: 32.7vw;}
    
    .spisokresultgp, .spisokresultqv {height: 2.7vw;}
    .spisokresultgp .point {width: 3vw; margin-left: 0.1vw;}
    .spisokresultqv .driver .result {width: 5.5vw;}

.driver_panel2 {width: 27vw; FONT-SIZE: 1vw;}
.dr_spisokresult {width: 100; FONT-SIZE: 0.8vw; height: 3vw;}
.dr_spisokresult .point {width: 4vw; margin-left: 0.3vw;}
.dr_spisokresult .drname {width: 8vw;}
.dr_spisokresult .up {margin-left: 0vw;}
.dr_spisokresult .dn {margin-left: 0vw;}
    
	.flag_rez {height: 2vw; width: 3.2vw;}
	
	.tab_pil {FONT-SIZE: 8px;}
	.tab_pil th {FONT-SIZE: 9px;}
	.pil_rez {width: 2.2vw;}
}

@media (max-width: 765px) {
    .content_rez {width: 96vw;}
	.content2 {display: block;}
    
    .driver_panel2 {width: 40vw; FONT-SIZE: 1.5vw; line-height: 1.5vw; margin: 0; float: left;}
	.dr_spisokresult {width: 100; FONT-SIZE: 0.8vw; height: 4.4vw;}
    .dr_spisokresult .point {width: 5.8vw; margin-left: 0;}
    .dr_spisokresult .drname {width: 12vw;}

	.teams_panel2 {width: 53vw; FONT-SIZE: 1.5vw; line-height: 1.5vw; margin: 0; float: right;}
	.teams_spisok {width: 100; FONT-SIZE: 1vw; height: 4.2vw;}
	.teams_panel .result {width: 8.5vw;}
    
    .nn {FONT-SIZE: 2vw; margin-left: 0.5vw;}
	.driver {FONT-SIZE: 1.4vw;}
	.drface, .drface2 {width: 3.8vw; margin-left: 0.5vw;}
    .logoteam {width: 3.6vw;}
    .driver .logoteam {margin: 0 0.1vw;}
    .drname {width: 12vw;}
    .drnambr {width: 3.6vw;}
    .drslem {width: 3.9vw;}
    .point {FONT-SIZE: 2vw;}
    .result {FONT-SIZE: 0.9vw;line-height: 1.3vw; letter-spacing: -0.05vw;}
    .koleso {width: 2.1vw; margin:0;}
    .img_gp {height: 0.7vw;}
    
    .team_logo {width: 6.5vw; margin-left: 0.5vw;}
    .team_name {width: 19vw; FONT-SIZE: 1.5vw; line-height: 1.5vw; margin-left: 0.5vw;}
    .team_car {width: 15vw; margin: 0;}
    .teams_spisok .team_res {width: 5vw;}
    .team_res {width: 2.6vw; FONT-SIZE: 2vw;}
    
    .batl {float: right; width: 53vw; margin: 0.3vw 0 0 0; FONT-SIZE: 1.5vw; line-height: 1.5vw;}
    .rezultat_batl {width: 26.17vw;}
    .spisok_batl {height: 3.6vw; FONT-SIZE: 1.5vw;}
    .dm {width: 2.8vw;}
    
    .rezz_panel {FONT-SIZE: 2vw; padding: 1vw 1px; line-height: 1.5vw;}
    .rezz_panel .driver_panel2 {width: 44vw; margin:0 2px 2px 2px;}
    .rezz_panel .teams_panel {width: 47.9vw; margin: 0 2px 2px 2px; FONT-SIZE: 1.5vw; line-height: 1.5vw; float: right;}
    .teams_panel .teams_spisok .team_car {width: 12vw;}
    
    .spisokresultgp, .spisokresultqv {height: 4.3vw;}
    .spisokresultgp .point {width: 4.2vw; margin-left: 0.1vw;}
    .spisokresultgp .result {width: 9vw;}
    .spisokresultqv .driver .result {width: 9vw;}
    .up, .dn {FONT-SIZE: 1vw; margin: 0;}
    
	.flag_rez {height: 4vw; width: 6vw; margin: 0 1px;}
    .rezz_panel .flag_rez {margin-bottom: 5px;}
    .tab_pil {FONT-SIZE: 7px;}
	.tab_pil th {FONT-SIZE: 7px;}
	.pil_rez {width: 4vw;}
}