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

.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_panel2 {
	width: 20vw;
	height: 100%;
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	BACKGROUND: #9a9a9a;
	border: solid 0px #9a9a9a;
	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: #9a9a9a;
	border: solid 0px #9a9a9a;
	border-radius: 0.7vw;
	padding-top: 0.4vw;
	padding-bottom: 0.3vw;}
	
/* Б А Т Л */

.batl {width: 15.5vw; FONT-SIZE: 0.8vw; line-height: 1vw;}
.rezultat_batl {
	float: left;
	width: 15.5vw;
	BACKGROUND: #9a9a9a;
	border: solid 0px #9a9a9a;
	border-radius: 0.7vw;
	padding-top: 0.5vw;
	padding-bottom: 0.3vw;
	color: #fff;
	text-align: center;
	margin: 0 0 1.2vw 0;}
.spisok_batl {
	display: flex;
    align-items: center;
	height: 1.6vw;
	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: 2vw; text-align: center;}
.driver .logoteam {margin: 0 0.5vw;}

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

.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;}

.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: 1vw;}

.bl {color: #8B00FF;}


.teams_panel {
	FONT-SIZE: 0.8vw;
	line-height: 1vw;
	color: #fff;
	text-align: center;
	width: 25.1vw;
	height: 100%;
	BACKGROUND: #9a9a9a;
	border: solid 0px #9a9a9a;
	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: 2.1vw;
	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.6vw;}
.team_logo {width: 3vw; margin-right: 0.5vw;}
.team_name {width: 7.5vw; margin-right:0.4vw;}
.team_car {width: 8vw; margin-right: 0.4vw;}
.team_res {margin-left: 0.2vw; width: 1.4vw; text-align: center; font-family:F1Black; font-size:0.8vw;}

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


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

.rezz_panel {
	overflow-x: auto;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	FONT-SIZE: 0.8vw;
	BACKGROUND: #ccc;
	color: #000;
	text-align: center;
	border: solid 0px #ccc;
	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;}

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 #9a9a9a; border-radius: 5px; margin: 0 0.3vw;}
.drslem {width: 2vw; transform: scaleX(-1); text-align: center;}

.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.8vw;}


td {BACKGROUND: #9a9a9a;}
th {BACKGROUND: #9a9a9a;}
.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;}

@media (max-width: 1023px) {
	.content_rez {width: 950px;}
	
	.driver_panel2 {width: 27vw; FONT-SIZE: 1vw;}
	.dr_spisokresult {width: 100; FONT-SIZE: 0.8vw; height: 2.7vw;}
	
	.nn {FONT-SIZE: 1.1vw;}
	.driver {FONT-SIZE: 0.9vw;}
	.drface, .drface2 {width: 2.5vw;}
    .logoteam {width: 2.2vw;}
    .drname {width: 7.7vw;}
    .drnambr {width: 2.3vw;}
    .drslem {width: 3vw;}
    .point {FONT-SIZE: 1.1vw;}
    .result {width: 5vw; FONT-SIZE: 1vw;}
    .img_gp {height: 0.7vw;}
 
 	.teams_panel2 {width: 33vw; FONT-SIZE: 1vw;}
 	.teams_panel {FONT-SIZE: 1vw;}
	.teams_spisok {width: 100; FONT-SIZE: 1vw; height: 3.2vw;}  
	
    .team_logo {width: 4.2vw;}
    .team_name {width: 11vw; FONT-SIZE: 0.8vw;}
    .team_car {width: 10.5vw;}
    .team_res {width: 2.2vw; FONT-SIZE: 1.1vw;}
    
    .batl {width: 23.5vw; FONT-SIZE: 1vw;}
    .rezultat_batl {width: 23.5vw; margin-bottom: 2vw;}
    .spisok_batl {height: 2.6vw; 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;}
    .up, .dn {FONT-SIZE: 0.6vw; margin-left: -2px;}
    
	.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: 4vw;}
	
	.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.4vw;}  
    
    .nn {FONT-SIZE: 2vw; margin-left: 0.5vw;}
	.driver {FONT-SIZE: 1.4vw;}
	.drface, .drface2 {width: 4vw; margin-left: 0.5vw;}
    .logoteam {width: 3.6vw;}
    .drname {width: 12vw;}
    .drnambr {width: 3.6vw;}
    .drslem {width: 3.9vw;}
    .point {FONT-SIZE: 2vw;}
    .result {width: 8.8vw; FONT-SIZE: 1.7vw;}
    .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;}
    .team_res {width: 2.6vw; FONT-SIZE: 2vw;}
    
    .batl {float: right; width: 53vw; margin: 1vw 0 0 0; FONT-SIZE: 1.5vw; line-height: 1.5vw;}
    .rezultat_batl {width: 26.17vw;}
    .spisok_batl {height: 3.72vw; FONT-SIZE: 1.5vw;}
    .dm {width: 2.8vw;}
    .driver .logoteam {margin: 0 0.1vw;}
    
    .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: 4vw; margin-left: 0.1vw;}
    .up, .dn {FONT-SIZE: 1vw; margin-left: -2px;}
    
	.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;}
}