
Garrett Johns and Aidan Kim will fight against each other in the qualifications of the Bloomfield Hills Challenger for the 1st time in their career. They are scheduled to play on Monday at 3:00 pm on COURT 3. In this post, we analyze their head to head performance and prediction.
Prediction, odds and live streaming
The pick for Tennis Tonic is Aidan Kim who should win in 3 sets.
(image) As per the initial odds, Aidan Kim is the pick to win this match.
Aidan Kim -> 1.74
Garrett Johns -> 2
Click here to see the updated quotes and live streaming (only selected countries – USA excluded).
(image) To be able to watch live streaming bet365, a funded account is required or you need to have placed a bet in the last 24 hours. 18+ BeGambleAware.
Here where top tennis events are broadcasted or streamed online (ATP, WTA).
At the challenger level, there will be free live streaming on Challenger TV.
Â
Prediction and head to head Garrett Johns vs. Aidan Kim
There is no head to head record between Garrett Johns and Aidan Kim since this will be the first time that they will square off in the main tour.
Garrett Johns
.ga_player1_image_div {
width: 400px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.player_info_div {
width: 100%;
background: #d2dead;
display: inline-block;
/*float: left;
margin-right: 10px;*/
}
.player_info_div .result_div {
float: left;
width: 100%;
height: auto;
border: 0px solid #008700;
padding-left: 5px;
position: relative;
box-sizing: border-box;
}
.player_info_div .score {
width: 100%;
}
.player_info_div .score h1 {
font-weight: 300;
margin: 0px;
font-size: 24px;
margin-bottom: 9px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .score span {
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
margin: 7px;
}
.player_info_div .surface1 {
line-height: 15px;
background: #4081a0;
color: #f0f0f0;
text-align: center;
font-size: 12px;
width: 40%;
float: left;
}
.player_info_div .surface2 {
line-height: 15px !important;
background: #f96 !important;
text-align: center !important;
font-size: 12px;
width: 40%;
float: left;
clear: both;
color: black !important;
background: #f96;
}
.player_info_div .surface3 {
line-height: 15px;
background: #99cdff;
text-align: center;
font-size: 12px;
width: 40%;
float: left;
}
.player_info_div .surface5 {
line-height: 15px;
background: #393;
text-align: center;
font-size: 12px;
color: #fff;
width: 40%;
float: left;
}
.player_info_div .win_score {
float: left;
width: 57%;
margin-top: 0px;
line-height: 0;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .win_score span {
padding-left: 7px;
}
.player_info_div .win_per {
width: 72%;
float: left;
margin-left: 10px;
}
.player_info_div .pi_right {
width: 70%;
float: left;
}
.player_info_div .pi_imge {
width: 30%;
float: left;
padding: 0px;
}
.player_info_div .pi_imge img {
width: 100%;
height: auto;
margin-left: 0;
margin-top: 0;
}
.player_info_div .pi_imge>div {
max-width: 100%;
height: auto;
}
.player_info_div .pi_imge>div img {
margin-bottom: 0;
}
.player_info_div .pi_title {
width: 100%;
padding: 6px;
background: #316329;
color: #fff;
font-size: 19px;
box-sizing: border-box;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .clay_span {
float: left;
line-height: 22px;
}
.player_info_div .pi_logo {
float: right;
width: 60px;
margin-bottom: 0 !important;
}
.player_info_div .left_rank {
width: 21%;
float: right;
text-align: center;
background-color: #316329;
color: white;
height: 54px;
line-height: 26px;
margin-top: 0px;
position: absolute;
top: 10px;
right: 0;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .left_rank_high {
background-color: #61dc92;
width: 21%;
float: right;
text-align: center;
color: white;
height: 54px;
line-height: 26px;
margin-top: 0px;
position: absolute;
top: 64px;
right: 0;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .pi_bottom {
clear: both;
display: table;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .play_loss_win_tab {
margin-bottom: 10px;
margin-top: 10px;
float: left;
padding-left: 5px;
}
.player_info_div span.tab_color_arrow {
margin-top: 4px !important;
margin-left: 5px !important;
}
.player_info_div .play_loss_win_tab span {
color: #fff;
font-weight: bold;
height: 23px;
width: 23px;
display: inline-block;
text-align: center;
line-height: 22px;
border-radius: 13px;
float: right;
font-size: 10px;
padding: 0;
margin: 0 1px;
}
.player_info_div .play_loss_win_tab span.tab_color_l {
background: red;
}
.player_info_div .play_loss_win_tab span.tab_color_w {
background: green;
}
.player_info_div .wpcb_full_staus a {
background: #fb8738;
color: #fff !important;
padding: 5px 15px;
border-radius: 10px;
text-decoration: none !important;
display: table;
margin: 0 auto;
line-height: 1;
float: right;
margin-right: 10px;
}
.player_info_div .wpcb_full_staus a span {
width: 100%;
display: block;
font-size: 12px;
font-weight: 500;
text-align: center;
line-height: 1;
padding-bottom: 5px;
}
.crop158591 img { width: ; height: ; margin-left: ; margin-top: ;
}
40 – 16win/loss
345
340
WLWLWLWWWL
table.ply_info_table {
border: 1px solid #000;
color: #fff;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
width: 100%;
background: #316329;
font-size: 16px;
font-weight: 500;
margin-bottom: 0 !important;
}
.ply_info_table .tbl_green {
background: #71cc63;
color: #000;
white-space: nowrap;
}
.ply_info_table .tbl_red {
background: #bd0202;
color: #fff;
white-space: nowrap;
}
.ply_info_table .tbl_gray {
background: #4cadc9;
color: #000;
white-space: nowrap;
}
.ply_info_table td {
background: #585858;
color: #fff;
white-space: nowrap;
border: 1px solid #000;
}
.ply_info_table .white_year {
background: transparent;
color: #fff;
white-space: nowrap;
}
table.ply_info_table th {
text-align: center;
border: 1px solid #000;
width: 14.28%;
padding: 0;
font-size: 13px;
}
.see_all_year {
background: #fb8738;
color: #fff;
text-align: center;
padding: 10px;
font-size: 25px;
}
.see_all_year a,.see_all_year a:hover {
color: #fff !important;
text-decoration: none;
}
Year | Total | Hard | Clay | I.hard | Grass | Carpet |
---|---|---|---|---|---|---|
2025 | 40-16 | 19-7 | 21-9 | 0-0 | 0-0 | 0-0 |
2024 | 30-23 | 16-12 | 13-9 | 1-2 | 0-0 | 0-0 |
2023 | 34-16 | 29-11 | 5-4 | 0-1 | 0-0 | 0-0 |
2022 | 19-8 | 13-4 | 6-2 | 0-2 | 0-0 | 0-0 |
2021 | 11-9 | 9-6 | 1-2 | 1-1 | 0-0 | 0-0 |
Ranked no. 345, Johns got to the qualifications after defeating Yusuke Takahashi 7-6(3) 6-3.
In the qualifications, Garrett had a good straight sets win against Takahashi (7-63 6-3). During the match, Johns scored 80 points vs Takahashi’s 73. Garrett was very aggressive to blast 30 winners.
Talking about the service games, Johns managed to score 9 aces and he committed only 2 double faults. Overall, Garrett Johns was exceptionally effective on serve to win 86% (30/35) of his 1st serve and 51% (24/47) on the second serve. However, this didn’t prevent his to concede the serve once. The American broke Takahashi twice after converting 25% of his break points (2/8).
Johns has a solid win-loss record in the last 8 years having won 63% of his matches (158-91). 19-7 on hard in 2025. Talking about his performance on the same surface of this event, Johns has a composed99-51 record in the last 8 years on hard.
Johns’s best result of the current season was reaching the final in M15 Palm Coast,M15 Sunrise,M15 Naples,M15 Huamantla and M25 Santo Domingo.
Garrett has an aggregate 40-16 win-loss record in 2025, 19-7 on hard (See FULL STATS).
Previously in the Bloomfield Hills Challenger
Johns has never competed in this tournament before.
Aidan Kim
.ga_player1_image_div {
width: 400px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.player_info_div {
width: 100%;
background: #d2dead;
display: inline-block;
/*float: left;
margin-right: 10px;*/
}
.player_info_div .result_div {
float: left;
width: 100%;
height: auto;
border: 0px solid #008700;
padding-left: 5px;
position: relative;
box-sizing: border-box;
}
.player_info_div .score {
width: 100%;
}
.player_info_div .score h1 {
font-weight: 300;
margin: 0px;
font-size: 24px;
margin-bottom: 9px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .score span {
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;
margin: 7px;
}
.player_info_div .surface1 {
line-height: 15px;
background: #4081a0;
color: #f0f0f0;
text-align: center;
font-size: 12px;
width: 40%;
float: left;
}
.player_info_div .surface2 {
line-height: 15px !important;
background: #f96 !important;
text-align: center !important;
font-size: 12px;
width: 40%;
float: left;
clear: both;
color: black !important;
background: #f96;
}
.player_info_div .surface3 {
line-height: 15px;
background: #99cdff;
text-align: center;
font-size: 12px;
width: 40%;
float: left;
}
.player_info_div .surface5 {
line-height: 15px;
background: #393;
text-align: center;
font-size: 12px;
color: #fff;
width: 40%;
float: left;
}
.player_info_div .win_score {
float: left;
width: 57%;
margin-top: 0px;
line-height: 0;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .win_score span {
padding-left: 7px;
}
.player_info_div .win_per {
width: 72%;
float: left;
margin-left: 10px;
}
.player_info_div .pi_right {
width: 70%;
float: left;
}
.player_info_div .pi_imge {
width: 30%;
float: left;
padding: 0px;
}
.player_info_div .pi_imge img {
width: 100%;
height: auto;
margin-left: 0;
margin-top: 0;
}
.player_info_div .pi_imge>div {
max-width: 100%;
height: auto;
}
.player_info_div .pi_imge>div img {
margin-bottom: 0;
}
.player_info_div .pi_title {
width: 100%;
padding: 6px;
background: #316329;
color: #fff;
font-size: 19px;
box-sizing: border-box;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .clay_span {
float: left;
line-height: 22px;
}
.player_info_div .pi_logo {
float: right;
width: 60px;
margin-bottom: 0 !important;
}
.player_info_div .left_rank {
width: 21%;
float: right;
text-align: center;
background-color: #316329;
color: white;
height: 54px;
line-height: 26px;
margin-top: 0px;
position: absolute;
top: 10px;
right: 0;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .left_rank_high {
background-color: #61dc92;
width: 21%;
float: right;
text-align: center;
color: white;
height: 54px;
line-height: 26px;
margin-top: 0px;
position: absolute;
top: 64px;
right: 0;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .pi_bottom {
clear: both;
display: table;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
}
.player_info_div .play_loss_win_tab {
margin-bottom: 10px;
margin-top: 10px;
float: left;
padding-left: 5px;
}
.player_info_div span.tab_color_arrow {
margin-top: 4px !important;
margin-left: 5px !important;
}
.player_info_div .play_loss_win_tab span {
color: #fff;
font-weight: bold;
height: 23px;
width: 23px;
display: inline-block;
text-align: center;
line-height: 22px;
border-radius: 13px;
float: right;
font-size: 10px;
padding: 0;
margin: 0 1px;
}
.player_info_div .play_loss_win_tab span.tab_color_l {
background: red;
}
.player_info_div .play_loss_win_tab span.tab_color_w {
background: green;
}
.player_info_div .wpcb_full_staus a {
background: #fb8738;
color: #fff !important;
padding: 5px 15px;
border-radius: 10px;
text-decoration: none !important;
display: table;
margin: 0 auto;
line-height: 1;
float: right;
margin-right: 10px;
}
.player_info_div .wpcb_full_staus a span {
width: 100%;
display: block;
font-size: 12px;
font-weight: 500;
text-align: center;
line-height: 1;
padding-bottom: 5px;
}
6 – 3win/loss
627
621
WLLWWWWWL
table.ply_info_table {
border: 1px solid #000;
color: #fff;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
width: 100%;
background: #316329;
font-size: 16px;
font-weight: 500;
margin-bottom: 0 !important;
}
.ply_info_table .tbl_green {
background: #71cc63;
color: #000;
white-space: nowrap;
}
.ply_info_table .tbl_red {
background: #bd0202;
color: #fff;
white-space: nowrap;
}
.ply_info_table .tbl_gray {
background: #4cadc9;
color: #000;
white-space: nowrap;
}
.ply_info_table td {
background: #585858;
color: #fff;
white-space: nowrap;
border: 1px solid #000;
}
.ply_info_table .white_year {
background: transparent;
color: #fff;
white-space: nowrap;
}
table.ply_info_table th {
text-align: center;
border: 1px solid #000;
width: 14.28%;
padding: 0;
font-size: 13px;
}
.see_all_year {
background: #fb8738;
color: #fff;
text-align: center;
padding: 10px;
font-size: 25px;
}
.see_all_year a,.see_all_year a:hover {
color: #fff !important;
text-decoration: none;
}
Year | Total | Hard | Clay | I.hard | Grass | Carpet |
---|---|---|---|---|---|---|
2025 | 6-3 | 3-1 | 0-0 | 3-2 | 0-0 | 0-0 |
2024 | 28-9 | 17-6 | 6-2 | 5-1 | 0-0 | 0-0 |
2023 | 16-17 | 4-7 | 11-8 | 1-2 | 0-0 | 0-0 |
2022 | 9-10 | 7-3 | 0-3 | 2-4 | 0-0 | 0-0 |
2021 | 0-1 | 0-0 | 0-0 | 0-0 | 0-1 | 0-0 |
Ranked no. 627, Aidan reached the qualifications after defeating Masamichi Imamura 6-3 2-0 ret..
In the qualifications against Imamura, Aidan had a free pass after Imamura retired on a 6-3 2-0 . scoreline.
The American’s best result of the year was reaching the semifinal in M25 Dallas.
The American has a compiled 6-3 win-loss record in 2025, 3-1 on hard (See FULL STATS).
placementName: “tennistonic_728x90_468x60_300x250_320x50_InContent2”,
slotId: “tennistonic_728x90_468x60_300x250_320x50_InContent2”
});
H2H Performance in the tournament
.ply_win_loss_title span {
font-size: 14px;
color: #e6e6e6;
}
.see_all_btn {
background: #ff9900;
color: #fff;
margin: 10px auto;
display: table;
font-size: 16px;
font-weight: bold;
padding: 4px 30px;
border-radius: 10px;
cursor: pointer;
}
.see_all_btn span {
font-size: 14px;
display: block;
text-align: center;
font-weight: normal;
}
.player_button_article .img_sec>div {
line-height: 0;
}
.city_title_name {
padding: 0 5px;
overflow: hidden;
}
.see_all_section {
display: block;
}
.player1_name_cl {
text-align: right;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}
.player2_name_cl {
text-align: left;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}
.title_sec_b {
font-weight: 600;
}
.title_sec_avg {
color: gray;
font-size: 10px !important;
}
.score_stats {
background: #d2dead;
padding-bottom: 5px;
position: relative;
}
.score_stas_title {
background: #316329;
color: #fff;
display: table;
width: 100%;
padding: 10px 0;
font-size: 18px;
}
.score_stas_sub_title {
background: #316329;
color: #fff;
display: table;
width: 100%;
text-align: center;
padding: 3px;
margin: 8px 0;
}
.score_stas_sec {
display: table;
width: 100%;
padding: 2px 2px;
}
.player1_sec,
.title_sec,
.player2_sec {
width: 33%;
display: table-cell;
text-align: center;
}
.img_sec>div {
width: 90px;
height: auto;
}
.img_sec>div img {
height: 119px;
margin-left: 0;
max-width: 100%;
}
.player1_sec_inner {
direction: rtl;
}
.player2_sec_inner {
direction: ltr;
}
.title_sec {
vertical-align: middle;
font-size: 13px;
padding: 0 3px;
}
.title_sec span {
font-weight: bold;
margin-top: 5px;
display: block;
}
.green_bg {
background: #95d05c;
border: 1px solid #62a224;
}
.red_bg {
background: #ff3539;
border: 1px solid #c01317;
color: #fff;
}
.blue_bg {
background: #5472d2;
border: 1px solid #00259c;
color: #fff;
}
.player1_sec_inner .green_bg {
background: linear-gradient(270deg, #95d05c 66%, rgba(246, 252, 244, 1) 100%);
}
.player2_sec_inner .green_bg {
background: linear-gradient(90deg, #95d05c 66%, rgba(246, 252, 244, 1) 100%);
}
.player1_sec_inner .red_bg {
background: linear-gradient(270deg, rgba(255, 42, 0, 1) 46%, rgba(255, 255, 255, 1) 94%);
}
.player2_sec_inner .red_bg {
background: linear-gradient(90deg, rgba(255, 42, 0, 1) 46%, rgba(255, 255, 255, 1) 94%);
}
.player1_sec_inner .blue_bg {
background: linear-gradient(270deg, #5472d2 46%, rgba(255, 255, 255, 1) 94%);
}
.player2_sec_inner .blue_bg {
background: linear-gradient(90deg, #5472d2 46%, rgba(255, 255, 255, 1) 94%);
}
.player1_sec_inner.indent_add div,
.player2_sec_inner.indent_add div,
.player1_sec_inner.indent_per_add div,
.player2_sec_inner.indent_per_add div {
text-indent: -9999px;
}
.player1_sec_inner.indent_not span,
.player2_sec_inner.indent_not span,
.player1_sec_inner.indent_per_not span,
.player2_sec_inner.indent_per_not span {
display: none;
}
.player1_sec_inner.indent_add span {
display: flex;
margin-top: -21px;
margin-right: 21%;
}
.player2_sec_inner.indent_add span {
display: flex;
margin-top: -21px;
margin-left: 21%;
}
.player1_sec_inner.indent_per_add span {
display: flex;
margin-top: -22px;
margin-right: 32%;
}
.player2_sec_inner.indent_per_add span {
display: flex;
margin-top: -22px;
margin-left: 32%;
}
.player_button_article .pl_name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
direction: ltr;
}
span.imp_sign_yellow_left,
span.imp_sign_green_left,
span.imp_sign_red_left {
left: 0;
}
span.imp_sign_yellow_right,
span.imp_sign_green_right,
span.imp_sign_red_right {
right: 0;
}
span.imp_sign_yellow_left,
span.imp_sign_yellow_right {
background: #ebb853;
}
span.imp_sign_green_left,
span.imp_sign_green_right {
background: #1b9d2c;
}
span.imp_sign_red_left,
span.imp_sign_red_right {
background: #ff1218;
}
span.imp_sign_yellow_left,
span.imp_sign_yellow_right,
span.imp_sign_green_left,
span.imp_sign_green_right,
span.imp_sign_red_left,
span.imp_sign_red_right {
display: block !important;
position: absolute;
text-align: center;
font-weight: bold;
float: left;
width: 25px;
box-shadow: 0 0 13px 5px #49d310;
color: white;
line-height: 1.7;
}
@media screen and (max-width:700px) {
.butn_img {
display: none;
}
.img_sec {
display: none;
}
}
2h:08
0h:45
2h:08
0h:45
1
1
22
11
2
3
80
45
80
45
30
15
30
15
38%
33%
9
4
9
4
2
0
2
0
30/35
15/20
86%
75%
24/47
8/13
51%
62%
2/8
3/5
2/8
3/5
25%
60%
4
1
4
1
1
1
1
1
3
0
Matches, sets, games and points
Points | Johns | Kim |
---|---|---|
Match played | 1 | 1 |
Tot Set | 2 | 3 |
Tot Games | 22 | 11 |
Pts | 80-73 | 45-30 |
Total Points | 153 | 75 |
Winners | 30 | 15 |
%Winners | 38% | 33% |
Both Johns and Kim played 1 match. Also both players started their run from the qualifications.Both players have not surrendered a single set in this event so far. Johns has played 1 set(s) less than Kim (2 vs 3). However, it’s interesting to notice that Johns played 11 games more than Kim. The American scored 30 winners (38% of the total points). On the other side, Aidan recorded 15 winners (33%).
Serve Performance
Serve | Johns | Kim |
---|---|---|
Aces | 9 | 4 |
Avg per match | 9 | 4 |
1st in | 35/82 | 20/33 |
%1st in | 43% | 61% |
1st pts | 30/35 | 15/20 |
%1st pts | 86% | 75% |
2nd pts | 24/47 | 8/13 |
%2nd pts | 51% | 62% |
Johns blasted 9 aces . Kim recorded 4 aces . Johns won 86% points behind his first serve. He extremely effective on his second serve to win 51% of the points. On the other side, Kim won 75% of the points behind his first serve. He had a solid display on his second serve to win 62% of the points.
How they played the important points
Breaks | Johns | Kim |
---|---|---|
Won | 2 | 3 |
Converted | 2/8 | 3/5 |
% Converted | 25% | 60% |
Conceded | 4 | 1 |
Saved | 3 | 0 |
% Saved | 75% | 0% |
Times Broken | 1 | 1 |
Johns broke his opponent twice with a 25% conversion rate. Johns conceded his serve once and he saved 75% of the break points that he conceded. Kim broke his opponent 3 times with a 60% conversion rate. Kim conceded his serve once and he saved 0% of the break points that he conceded.
Johns | |||
Q1 Takahashi |
Total | ||
---|---|---|---|
Score | 7-63 6-3 | ||
Tot Set | 2 | 2 | |
Tot Games | 22 | 22 | |
pts | 80-73 | 80-73 | |
Total points | 153 | 153 | |
Winners | 30 | 30 | |
%Winners | 38% | 38% | |
SERVE | |||
Aces | 9 | 9 | |
Double Faults | 2 | 2 | |
1st in | 35/82 | 35/82 | |
% 1st in | 43% | 43% | |
1st pts | 30/35 | 30/35 | |
% 1st pts | 86% | 86% | |
2nd pts | 24/47 | 24/47 | |
% 2nd pts | 51% | 51% | |
Breaks | |||
Won | 2 | 2 | |
Converted | 2/8 | 2/8 | |
Converted % | 25% | 25% | |
Conceded | 4 | 4 | |
Saved | 3/4 | 3 | |
Saved % | 75% | 75% | |
Times Broken | 1 | 1 |
Kim | |||
Q1 Imamura |
Total | ||
---|---|---|---|
Score | 6-3 2-0 ret. | ||
Tot Set | 2 | 2 | |
Tot Games | 11 | 11 | |
pts | 45-30 | 45-30 | |
Total points | 75 | 75 | |
Winners | 15 | 15 | |
%Winners | 33% | 33% | |
SERVE | |||
Aces | 4 | 4 | |
Double Faults | 0 | 0 | |
1st in | 20/33 | 20/33 | |
% 1st in | 61% | 61% | |
1st pts | 15/20 | 15/20 | |
% 1st pts | 75% | 75% | |
2nd pts | 8/13 | 8/13 | |
% 2nd pts | 62% | 62% | |
Breaks | |||
Won | 3 | 3 | |
Converted | 3/5 | 3/5 | |
Converted % | 60% | 60% | |
Conceded | 1 | 1 | |
Saved | 0/1 | 0 | |
Saved % | 0% | 0% | |
Times Broken | 1 | 1 |
table.ply_h2h_info_table {
border: 1px solid #000;
color: #000;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
width: 300px;
background: #fff;
font-size: 15px;
font-weight: 500;
float: left;
margin-right: 15px;
}
.ply_h2h_info_table th:first-child {
color: #ff9e0d;
}
.ply_h2h_info_table th {
background: #203764;
color: #fff;
text-align: center;
}
.ply_h2h_info_table tr td:first-child {
background: #203764;
color: #fff;
padding: 3px;
}
.red_bg_b {
background: #ad0404 !important;
color: #fff;
}
.green_bg_b {
background: #027102 !important;
color: #fff;
}
.green_bg_t {
background: #548235 !important;
color: #fff;
font-size: 36px;
line-height: 36px;
}
table.ply_h2h_info_table1 {
border: 1px solid #000;
color: #000;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
width: 100%;
background: #fff;
font-size: 15px;
font-weight: 500;
float: left;
}
.ply_h2h_info_table1 th:first-child {
color: #ff9e0d;
}
.ply_h2h_info_table1 th {
background: #203764;
color: #fff;
text-align: center;
}
.ply_h2h_info_table1 tr td:first-child {
background: #203764;
color: #fff;
padding: 3px;
}
table.ply_h2h_info_table2 {
border: 1px solid #000;
color: #000;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
width: 100%;
background: #fff;
font-size: 15px;
font-weight: 500;
float: left;
}
.ply_h2h_info_table2 th:first-child {
color: #ffffff;
font-size: 36px;
line-height: 36px;
text-align: center;
}
.ply_h2h_info_table2 th {
background: #305496;
color: #fff;
}
.ply_h2h_info_table2 tr td:first-child,
tr.ply_h2h_info_table2 td:first-child {
background: #305496;
color: #fff;
padding: 3px;
}
table.ply_h2h_info_table3 {
border: 1px solid #000;
color: #000;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
width: 100%;
background: #fff;
font-size: 15px;
font-weight: 500;
float: left;
margin-bottom: 15px;
}
.ply_h2h_info_table3 th:first-child {
color: #ffffff;
font-size: 36px;
line-height: 36px;
text-align: center;
}
.ply_h2h_info_table3 th {
background: #8ea9db;
color: #fff;
}
.ply_h2h_info_table3 tr td:first-child,
tr.ply_h2h_info_table3 td:first-child {
background: #8ea9db;
color: #fff;
padding: 3px;
}
.h2h_bottom_div {
background: #385723;
width: 100%;
display: table;
padding: 10px 0 0;
}
.h2h_player_left {
width: 25%;
display: table-cell;
text-align: center;
}
.h2h_player_right {
width: 25%;
display: table-cell;
text-align: center;
}
img.h2h_chart_img {
max-width: 44px;
margin: 0 auto;
margin-bottom: 10px;
}
img.h2h_ply_img {
margin: 0;
}
.h2h_center {
width: 50%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.h2h_more_status {
color: #fff;
font-size: 40px;
line-height: 40px;
}
.h2h_more_link {
display: inline-block;
background: #ffc000;
padding: 20px;
border-radius: 20px;
font-size: 20px;
margin-top: 20px;
}
.h2h_more_link a,
.h2h_more_link a:hover {
color: #000 !important;
text-decoration: none;
}
.h2h_player_left a span,
.h2h_player_right a span {
color: #fff !important;
text-decoration: none;
margin-bottom: 5px;
display: inline-block;
}
.h2h_player_left .h2h_ply_img img,
.h2h_player_right .h2h_ply_img img {
max-width: none;
}
.get_previwe_html {
background: #d2dead;
display: table;
width: 100%;
}
.get_previwe_html_hide {
background: #d2dead;
display: table;
width: 100%;
margin-bottom: 15px;
}
.playerIMG {
text-decoration: none;
}
.playerIMG.floatLeft {
padding-right: 9px;
}
.ranking-progression-graph {
height: 270px;
clear: both;
}
.win_color {
color: #cc0000;
}
.PlayerScoreDetails_1st .name h3 a,
.PlayerScoreDetails_1st .right_name h3 a {
color: #111 !important;
font-size: 22px;
line-height: 30px;
font-weight: 400;
margin: 0;
text-decoration: none;
}
/* Live Score */
.individual_score {
background: white;
margin-top: 10px;
}
.scoreBox {
border: 2px solid #659a39;
margin-right: 4px;
margin-bottom: 0px;
min-height: 300px;
width: 100%;
}
.page-heading img {
width: 18px;
margin: 9px 0px 0px 2px;
float: left;
}
.page-heading h3 {
margin: 0px 0px 0px 5px;
font-size: 17px;
font-weight: 600;
float: left;
}
.page-heading p {
float: right;
margin: 5px 5px 5px 0px;
font-size: 12px;
line-height: 17px;
font-weight: bold;
}
.individual_score .row {
padding: 5px;
}
.playerImg {
float: left;
width: 15%;
box-sizing: border-box;
}
.scoreBox img {
width: 79PX;
}
.playerImg p {
margin-bottom: 0px;
word-wrap: break-word;
text-align: left;
}
.playScore {
margin: 0px auto;
width: 70%;
}
.scoreBox table {
border: none !important;
}
.scoreBox table th {
height: 45px;
border: none;
width: 40px;
font-size: 14px;
border: none !important;
color: black;
font-weight: 600;
text-align: center;
}
.scoreBox .boll {
background: transparent;
border: none;
}
.scoreBox img {
width: auto;
}
.scoreBox table td {
height: 54px;
text-align: center;
background: white;
border: 1px solid #316329;
width: 54px;
}
.ashBlock {
background: #cbcbcb !important;
/*color: #c60c4d;*/
}
.opacity {
opacity: 0;
}
/* Live Score */
.surface1 {
background: #4081a0 !important;
color: #f0f0f0;
}
.surface2 {
background: #f96 !important;
}
.surface3 {
background: #99cdff !important;
}
.surface4 {
background: #ffc !important;
color: #2a2a2a !important;
}
.surface5 {
background: #393 !important;
}
.surface6 {
background: #15ff17 !important;
}
.city_over112 {
border-bottom: 1px solid black;
border-top: 1px solid black;
padding: 2px;
cursor: pointer;
color: #c00;
}
.city_over112:hover {
background-color: #69c;
color: #fff;
text-decoration: none;
}
.suggestionsBox_search_recent_graph {
position: absolute;
width: 300px;
background-color: #fff;
border: 1px solid #000;
color: #000000;
}
.suggestionList_search_recent_graph {
margin: 0px;
padding: 0px;
}
.playerimg img {
width: auto !important;
}
.back {
background-color: #d2dead;
width: 100%;
float: left;
padding-top: 8px;
}
/*.player_date_li {
width: 18% !important;
background-color: #ffffff !important;
}*/
.player_date_li p {
margin: 0px !important;
font-size: 14px !important;
}
.player_name_li {
width: 23% !important;
}
.nxt_player_name_li {
width: 25% !important;
}
.player_score {
width: 20% !important;
}
.player_position_li {
width: 9% !important;
}
.player_date_li {
width: 15% !important;
background-color: #ffffff !important;
padding-right: 2px;
}
.width100 {
width: 100%;
display: inline-block;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.upcoming_section {
width: 32%;
padding: 5px;
}
.background_color {}
.header_text {
width: 100%;
float: left;
background-color: #316329;
padding: 10px;
}
.header_text h1 {
margin: 0px;
width: 57%;
float: left;
font-size: 50px;
color: white;
}
.header_text img {
width: 100px;
}
.playerVsplayer {
border: 2px solid #669933;
height: auto;
width: 100%;
float: left;
margin-top: 0px;
}
.backgroundLightGreen {
background-color: #d2dead;
}
.playerIMG {
padding: 4px;
}
.floatLeft {
float: left;
}
.playerIMG img {
/*max-width: 135px !important;*/
max-width: inherit !important;
}
.floatRight {
float: right;
}
.PlayerScoreDetails {
width: 54%;
margin: 0px auto;
height: 200px;
}
@media screen and (max-width:1107px) {
.PlayerScoreDetails {
width: 93%;
display: table;
}
}
.PlayerScoreDetails_1st {
width: 98%;
float: left;
}
.PlayerScoreDetails_1st .name {
width: 32%;
float: left;
}
.fst_li {
width: 56% !important;
float: left;
background-color: #fff;
}
.second_li {
width: 44% !important;
float: left;
}
.PlayerScoreDetails_1st .name h3 {
margin: 0px;
}
.PlayerScoreDetails_1st .score {
width: 32%;
float: left;
text-align: center;
}
.PlayerScoreDetails_1st .score p {
margin: 10px;
font-size: 25px;
color: #CC0000;
}
.PlayerScoreDetails_1st .right_name {
width: 32%;
float: right;
text-align: right;
}
.PlayerScoreDetails_1st .right_name h3 {
margin: 0px;
}
.PlayerScoreDetails_2nd {
width: 98%;
float: left;
}
.left_rank {
width: 14%;
float: left;
text-align: center;
background-color: #316329;
color: white;
height: 55px;
line-height: 26px;
margin-top: 25px;
}
.left_rank_high {
background-color: #61dc92;
margin-top: 0;
margin: 3px 0;
padding: 0 0 5px;
box-sizing: border-box;
display: block;
width: 100%;
}
.left_rank p {
margin: 0px !important;
font-size: 20px;
font-weight: 600;
}
.all_surface {
width: 70%;
float: left;
text-align: center;
}
.all_surface p {
margin-bottom: 7px !important;
}
.hard {
font-size: 17px;
padding: 2px 7px;
background-color: #4081A0;
/*!important;*/
margin: 0px 9px;
color: white;
line-height: 24px !important;
}
.clay {
font-size: 17px;
padding: 2px 7px;
background: #f96 !important;
margin: 0px 9px;
color: white;
}
.i_hard {
font-size: 17px;
padding: 2px 7px;
background: #99cdff !important;
margin: 0px 9px;
color: white;
}
.grass {
font-size: 17px;
padding: 2px 7px;
background: #393 !important;
margin: 0px 9px;
color: white;
}
.right_rank {
width: 14%;
float: right;
text-align: center;
background-color: #316329;
color: white;
height: 55px;
line-height: 26px;
margin-top: 25px;
}
.right_rank_high {
background-color: #61dc92;
margin-top: 0;
margin: 3px 0;
padding: 0 0 5px;
box-sizing: border-box;
display: block;
width: 100%;
}
.right_rank p {
margin: 0px !important;
font-size: 20px;
font-weight: 600;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.h2h_ranking_graph {
width: 100%;
float: left;
position: relative;
}
.ranking_headline {
width: 100%;
float: left;
padding: 5px;
background-color: #316329;
margin-top: 20px;
}
.ranking_headline h3 {
margin: 0px auto;
color: white;
}
.add_section {
width: 98%;
float: left;
height: auto;
margin-bottom: 5px;
}
.play_ground {
width: 100%;
float: left;
}
.play_ground img {
width: 96%;
}
.result_massage {
width: 100%;
float: left;
margin: 12px 0px 0px 0px;
}
.result_massage img {
width: 96%;
}
.scoreRows ul {
list-style: none;
text-align: left;
margin: 0px;
margin-bottom: 2px;
display: table;
width: 100%;
}
.right_ul ul {
width: 100%;
float: left;
list-style: none;
text-align: left;
margin: 0px;
display: table;
/*background-color: white;*/
margin-bottom: 5px;
background-color: #D1DAB4;
/*border-bottom: 1px solid #d5d5d5;*/
}
.scoreRows ul li {
display: table-cell;
width: auto;
color: black;
font-size: 15px;
cursor: pointer;
transition: 0.3s;
margin: 0px;
}
.score-background img {
float: left;
margin-top: 8px;
margin-left: 5px;
margin-right: 5px;
}
/*.scoreRows ul li.score-background{background-color: #D2DEAD;}*/
/*.scoreRows ul li.surface_li{text-align: right;background-color: #D2DEAD;}*/
/*.scoreRows ul:hover{background-color: #C2D49B;}*/
.surface_li {
width: 9% !important;
}
.surface_li .hard {
padding: 2px;
background-color: #4081A0;
margin: 0px;
font-size: 12px;
text-align: center;
color: #fff;
height: 26px;
}
.scoreRows ul li span {
font-size: 10px;
color: #878383;
font-weight: bold;
}
.scoreRows ul li p {
margin: 2px;
font-size: 15px;
text-align: right;
color: #000;
}
.background_color .country_name:hover .second_li {
background-color: #C2D49B;
}
.score-background .country_name:hover {
color: #CC0000;
}
.right_ul ul li {
width: 78%;
float: left;
margin: 1px;
/*line-height: 16px !important;*/
}
.country_name {
/*float: left;
margin-left: 5px;*/
margin-bottom: 0px;
font-size: 13px !important;
font-weight: bold;
text-align: left !important;
color: #000 !important;
}
#span_tournament_name {
/*float: left;
margin-left: 5px;*/
margin-bottom: 0px;
font-size: 13px !important;
font-weight: bold;
text-align: left !important;
color: #000 !important;
}
.score-background li span {
float: left !important;
margin-left: 5px !important;
margin-bottom: 0px !important;
font-size: 14px !important;
font-weight: bold !important;
text-align: left !important;
}
.right_ul ul li img {
float: left;
margin-top: 6px;
}
.text_center {
text-align: left;
}
.left_table {
width: 100%;
float: left;
}
.right_table {
width: 42%;
float: left;
margin: 0px;
}
.header_text_h2h {
width: 100%;
float: left;
padding-bottom: 15px;
background-color: #316329;
}
.head_name {
width: 100%;
text-align: center;
}
.next_play_link {
width: 100%;
float: left;
}
.player1_fild {
width: 100%;
float: left;
margin-top: 0px;
padding: 0 20px;
}
.vs_text {
width: 100%;
float: left;
text-align: center;
color: white;
font-size: 20px;
padding: 10px 0;
}
.player2_fild {
width: 100%;
float: left;
margin-top: 0px;
padding: 0 20px;
}
.head_name p {
margin: 0px;
font-size: 16px;
font-weight: bold;
color: white;
margin-top: 10px;
margin-bottom: 10px;
}
.footer_news {
width: 100%;
float: left;
margin-top: 5px;
}
.footer_news_head_line {
width: 100%;
float: left;
background-color: #316329;
}
.footer_news_head_line h2 {
margin: 0px;
color: white;
}
.footer_news_section {
width: 100%;
float: left;
background-color: #d2dead;
border-right: 2px solid green;
border-bottom: 1px solid #bfbebe;
}
.news_img {
width: 30%;
float: left;
margin-top: 10px;
}
.news_text {
width: 69%;
float: left;
margin-top: 10px;
}
.news_text h3 {
margin: 0px;
}
.news_text h3:hover {
color: #CC0000;
}
.margin_top {
margin-top: 20px;
}
.description_text {
float: left;
font-size: 13px;
color: gray;
letter-spacing: 1px;
line-height: 15px;
}
.news_img span {
font-size: 8px;
float: left;
margin-bottom: 7px;
line-height: 8px;
}
.next_play_ground {
width: 100%;
float: left;
padding: 10px;
margin-top: 10px;
background-color: #FF9900;
}
.next_play_ground:hover {
background: #cc0000;
}
.play_ground_img {
width: 20%;
float: left;
}
.play_ground_text {
width: 75%;
float: left;
}
.play_ground_text h2 {
margin: 0px;
font-size: 24px;
font-weight: 600;
}
.name {
color: #CC0000;
}
/*.country_name:hover
{
color: #CC0000;
}*/
.row_heading_even:hover {
background-color: #D2DEAD;
}
.right_table ul a.link:hover {
color: #CC0000;
}
/*………………….*/
.suggestionsBox_search_recent_graph {
position: absolute;
width: 300px;
background-color: #fff;
border: 1px solid #000;
color: #000000;
}
.graph_div {
width: 100%;
float: left;
}
.suggestionList_search_recent_graph {
margin: 0px;
padding: 0px;
}
#search_player_recent_graph {
font-family: Arial, Helvetica, sans-serif;
width: 290px;
padding: 5px;
font-size: 18px;
text-decoration: none;
}
.class1 {
float: left;
}
.class2 {
margin: 0 0 10px 0;
overflow: hidden;
background: #D3E7AF;
font: bold 16px Arial;
text-align: center;
color: #444;
border-radius: 5px;
border: solid 1px #92C336;
width: 170px;
box-shadow: 2px 2px 3px #666;
}
.class2 .cont {
border: solid 1px #92C336;
margin: 5px;
overflow: hidden;
background: #fff;
padding: 0 0 4px 0;
}
.class2 .rank {
font-size: 30px;
}
.class2 .up,
.class2 .down,
.class2 .equal {
font-size: 16px;
padding: 0 0 0 15px;
}
.class3 {
margin: 4px 0 0 0;
}
.class2 .small {
font: normal 10px Arial;
line-height: 12px;
}
.class2 .up {
color: #92C336;
background: #FFFFFF url(https://tennistonic.com/_graphics/up.gif) no-repeat left center;
}
.class2 .down {
color: red;
background: #FFFFFF url(https://tennistonic.com/_graphics/down.gif) no-repeat left center;
}
.class2 .equal {
color: #666;
background: #FFFFFF url(https://tennistonic.com/_graphics/equal.gif) no-repeat left center;
}
.graph_div {
height: auto;
}
.graph_div #container {
width: 100% !important;
height: 100% !important;
}
ul.plyer_title_ul {
list-style: none;
color: #fff;
margin: 0 !important;
position: relative;
}
ul.plyer_title_ul li {
margin: 0;
width: 50%;
float: left;
text-align: center;
font-size: 17px;
font-weight: bold;
padding: 5px 0;
}
ul.plyer_title_ul li span {
display: block;
font-size: 14px;
font-weight: normal;
color: #c1c0c0;
}
ul.plyer_title_ul li.span_slam,
ul.plyer_title_ul li.span_slam span {
color: #ffc400;
}
span.year_old {
font-size: 16px;
margin-top: 0px !important;
display: inline-block;
background-color: #316329;
color: white;
padding: 5px 12px;
border-top: 5px solid #d2dead;
width: 100%;
}
.playerVsplayer .playerIMG img.cup_icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: auto;
}
span.hour_minute {
font-size: 16px;
margin-top: 0px !important;
display: inline-block;
background-color: #316329;
color: #fff;
padding: 5px 0px;
border-top: 5px solid #d2dead;
width: 100%;
font-weight: 600;
}
span.hour_minute span {
display: block;
color: #e6dede;
font-size: 9px;
font-weight: normal;
}
/*……………responsive………… */
@media(max-width: 1115px) {
.playerIMG img {
max-width: 113px;
}
}
@media(max-width: 1023px) {
.scoreRows ul li {
font-size: 13px;
}
.scoreRows ul li p {
font-size: 14px;
}
}
@media(max-width: 987px) {
/*.left_table
{
overflow-x: auto;
}
.scoreRows
{
width: 987px;
}*/
.play_ground_text {
width: 78%;
float: right;
}
}
@media(max-width: 932px) {
.overflow_res {
overflow-x: auto;
}
.playerIMG img {
max-width: 88px;
}
}
@media(max-width: 880px) {
.ranking-progression-graph {
height: auto !important;
}
.fst_li {
width: 100% !important;
}
.second_li {
width: 100% !important;
}
.scoreRows ul {
background-color: #fff !important;
}
/*.country_name
{
font-weight: inherit;
}*/
#span_tournament_name {
display: none;
}
.country_name {
font-size: 13px !important;
font-weight: normal !important;
text-align: left !important;
color: #878383 !important;
}
/*.country_name
{
margin-left: 27px !important;
}*/
.player_date_li {
width: 24% !important;
padding-right: 0px;
}
.player_date_li p {
color: #878383 !important;
font-size: 13px !important;
}
.score-background img {
display: none;
}
.score-background {
width: 50% !important;
}
.player_date_li p {
text-align: left !important;
}
}
@media(max-width: 767px) {
.upcoming_section {
width: 100%;
float: left;
}
.add_section {
width: 100%;
float: left;
height: auto;
margin-bottom: 5px;
}
.play_ground {
width: 49%;
float: left;
}
.result_massage {
width: 49%;
float: left;
margin: 12px 0px 0px 0px;
}
.scoreRows ul li p {
font-size: 13px;
}
.header_text img {
float: right;
}
.header_text h1 {
font-size: 37px;
}
}
@media(max-width: 508px) {
.PlayerScoreDetails {
width: 98%;
}
.playerIMG img {
max-width: 75px;
}
.PlayerScoreDetails_1st .name h3 {
margin: 0px;
font-size: 17px;
line-height: 20px;
font-weight: bold;
}
.PlayerScoreDetails_1st .right_name h3 {
margin: 0px;
font-size: 17px;
line-height: 20px;
font-weight: bold;
}
.head_name {
width: 100%;
text-align: center;
}
.player1_fild {
width: 99%;
padding: 2px;
}
.vs_text {
width: 100%;
}
.player2_fild {
width: 99%;
padding: 2px;
}
.PlayerScoreDetails_1st .score p {
font-size: 19px;
}
.left_rank p {
margin: 0px;
font-size: 15px;
font-weight: 300;
}
.right_rank p {
margin: 0px;
font-size: 15px;
font-weight: 300;
}
.hard {
font-size: 13px;
}
.clay {
font-size: 13px;
}
.i_hard {
font-size: 13px;
}
.grass {
font-size: 13px;
}
.play_ground_text h2 {
margin: 0px;
font-size: 17px;
font-weight: 600;
line-height: 29px;
}
.news_text h3 {
margin: 7px;
font-size: 17px;
}
}
@media(max-width: 422px) {
.playerImg {
float: left !important;
width: 100% !important;
box-sizing: border-box;
text-align: center !important;
}
.playerImg p {
text-align: center !important;
}
.playScore {
margin: 0px auto;
width: 100% !important;
float: left !important;
}
.PlayerScoreDetails {
width: 98%;
}
.playerIMG {
padding: 0px;
}
.left_rank {
height: 41px;
line-height: 15px;
}
.left_rank span {
font-size: 9px;
}
.right_rank {
height: 41px;
line-height: 15px;
}
.right_rank span {
font-size: 9px;
}
.PlayerScoreDetails_1st .name h3 {
font-size: 14px;
}
.PlayerScoreDetails_1st .right_name h3 {
font-size: 14px;
}
.header_text h1 {
margin: 0px;
width: 57%;
float: left;
font-size: 26px;
color: white;
}
.playerImg img {
width: 75px !important;
}
}
@media(max-width: 385px) {
.playerIMG img {
max-width: 65px;
}
.left_rank {
width: 17%;
}
.right_rank {
width: 18%;
}
.all_surface {
width: 60%;
}
}
.ply_ytitle_img {
width: 50px !important;
float: left;
}
.ply_ytitle_span {
position: relative;
display: inline;
float: left;
padding-top: 15px;
font-size: 21px;
color: #000;
}
.playerVsplayer .playerIMG img {
width: 100%;
display: block;
height: auto;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.player_all_titles {
background: #548235;
display: grid;
width: 100%;
padding: 5px;
}
.ply_ytitle_span {
display: inline-block;
width: 100%;
font-size: 15px;
padding: 2px 0;
color: #fff;
font-weight: normal;
}
span.player_final_titl {
font-size: 13px;
padding-left: 4px;
}
.player_title_count {
float: right;
font-size: 18px;
}
.ply_staus_div {
width: 50%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
.ply_staus_div_left .score {
left: 0;
}
.ply_staus_div_right .score {
right: 0;
}
.ply_staus_div .score {
display: inline-block;
width: 100%;
text-align: center;
z-index: 9999;
font-size: 25px;
padding-top: 0px;
padding-bottom: 15px;
}
.ply_staus_div .score span {
width: 100px;
display: inline-block;
}
.ply_formate_div {
display: inline-block;
width: 100%;
border-top: 1px solid;
padding-top: 18px;
padding-bottom: 15px;
}
.ply_formate_inner {
padding: 15px 0;
width: 100%;
text-align: center;
font-size: 22px;
}
.ply_win {
color: #037b03;
}
.ply_loss {
color: #d60404;
}
.ply_qual {
color: #6f6f6f;
}
.ply_formate_inner div {
display: inline-block;
padding: 0 0px;
width: 100px;
}
.ply_formate_center {
padding: 2px 10px;
border-radius: 3px;
display: inline-block;
width: 100px;
font-size: 20px;
}
.ply_win_loss_title {
width: 100%;
float: left;
background-color: #316329;
padding: 10px;
font-size: 25px;
text-align: center;
color: #fff;
}
.wlrp-cover-spin {
position: absolute;
left: 50%;
top: 44%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
padding: 15px;
border-radius: 100%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
display: none;
z-index: 99999999999;
}
.image_capture_div {
background: #e2f44f;
color: #316329;
display: table;
width: 119px;
text-align: center;
padding: 5px 10px;
cursor: pointer;
margin-bottom: 20px;
}
@-webkit-keyframes wlrp-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes wlrp-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wlrp-cover-spin span {
display: flex;
position: relative;
width: 30px;
height: 30px;
border-style: solid;
border-color: #fff;
border-top-color: transparent;
border-width: 4px;
border-radius: 50%;
-webkit-animation: wlrp-spin .8s linear infinite;
animation: wlrp-spin .8s linear infinite;
}
.result_div {
position: relative;
display: inline-block;
width: 100%;
}
.play_previ_div {
display: inline-block;
position: absolute;
left: 50%;
top: 0;
z-index: 999;
transform: translate(-50%, 0);
background: #fff;
padding: 10px 20px;
}
.play_year_data {
display: block;
font-size: 14px;
text-align: center;
padding: 5px 0;
cursor: pointer;
}
.play_year_data.year_active {
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width:400px) {
.play_previ_div {
padding: 10px 8px;
}
.play_year_data.year_active {
font-size: 16px;
}
.ply_staus_div .score {
font-size: 21px;
}
}
.play_prev_tournament {
float: left;
width: 100%;
position: relative;
}
.play_prev_tour_inner {
width: 50%;
float: left;
}
.play_prev_tour_inner_left {
padding-right: 7px;
}
.play_prev_tour_inner_right {
padding-left: 7px;
}
.country_1 {
line-height: 0;
display: table;
width: 100%;
}
.scoreRowss ul {
list-style: none;
text-align: left;
margin: 0px;
background-color: white;
margin-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
}
.scoreRowss ul li {
width: 35%;
color: black;
font-size: 13px;
cursor: pointer;
transition: 0.3s;
margin: 0;
padding: 0px 2px;
display: inline-block;
box-sizing: border-box;
}
.scoreRowss ul li:first-child,
.scoreRowss ul li:nth-child(3) {
width: 60%;
}
.scoreRowss ul li:nth-child(2),
.scoreRowss ul li:nth-child(4) {
/*width: 33%;*/
text-align: right;
}
.scoreRowss ul li span {
font-size: 10px;
color: #878383;
font-weight: bold;
}
.scoreRowss ul li p {
margin: 0px;
font-size: 12px;
text-align: right;
color: #878383;
}
.gmaps_container223 {
background: white;
-moz-border-radius: 8px;
border: 2px solid #CCCCCC;
margin: 0 auto;
padding: 2px;
width: 550px;
}
.city_over112 {
border-bottom: 1px solid black;
border-top: 1px solid black;
padding: 2px;
cursor: pointer;
color: #c00;
}
.city_over112:hover {
background-color: #69c;
color: #fff;
}
.for_hov img {
width: 30px;
height: 30px;
float: left;
max-width: 100%;
margin: 0;
}
.page-heading {
float: left;
padding: 1px !important;
width: 100%;
background: #316329;
}
.page-heading h2 {
font-size: 40px;
line-height: 20px !important;
margin-top: 0px;
margin-bottom: 0px;
padding: 2px 5px;
color: #fff;
}
.for_hov h2 {
margin-top: 4px !important;
float: left;
margin-left: 2px;
}
.player_goto_link {
background: #ffbd00;
color: #000;
text-align: center;
margin: 0 auto;
position: relative;
display: table;
padding: 10px 25px;
border-radius: 10px;
font-size: 17px;
}
.play_loss_win_tab {
margin-bottom: 10px;
margin-top: 10px;
float: left;
display: block;
}
.play_loss_win_tab span {
color: #fff;
font-weight: bold;
/*border: 1px solid #d2dead;
line-height: 2.1;*/
width: 27px;
display: block;
text-align: center;
border-radius: 13px;
float: right;
font-size: 12px;
margin: 0 1px;
z-index: 1;
padding: 5px;
line-height: 16px;
}
.player_name_div {
font-size: 20px;
margin-bottom: 15px;
margin-top: 25px;
}
span.tab_color_arrow {
margin-top: 6px;
margin-left: 5px;
}
.play_loss_win_tab span.tab_color_w {
background-color: green;
}
.play_loss_win_tab span.tab_color_l {
background-color: red;
}
.name_desktop_view {
float: left;
display: block;
}
.name_mobile_view {
float: left;
display: none;
}
.header_text {
width: 100%;
float: left;
background-color: #316329;
padding: 10px;
}
.header_text h1 {
margin: 0px;
width: 57%;
float: left;
font-size: 50px;
color: white;
}
.header_text img {
width: 100px;
margin: 0 !important;
float: right;
}
.playerIMG {
max-width: 158px;
}
.player_name_sername {
display: none;
background: #548235;
color: #fff;
font-size: 15px;
padding: 5px 10px;
margin-bottom: 10px;
}
@media(max-width: 650px) {
.player_name_sername {
display: block;
width: 50%;
margin: 0 auto;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}
.play_loss_win_tab {
margin: 0 auto;
float: none !important;
display: table;
margin-bottom: 10px;
}
}
@media(max-width: 563px) {
.play_prev_tour_inner {
width: 100%;
}
.play_prev_tour_inner_left {
padding-right: 0px;
}
.play_prev_tour_inner_right {
padding-left: 0px;
}
}
.play_loss_win_tab_right {
float: right;
}
.green_link {
color: #008000 !important;
}
.challenger_score_span {
font-size: 19px;
}
span.challenger_span {
color: gray;
font-size: 16px;
}
Head 2 Head
(image)
.crop158591 { width: 150px; height: 200px; overflow: hidden; }
.crop158591 img { width: ; height: ; margin-left: ; margin-top: ;
}
-
(image)
- 0Slam
- 0Main
- 0Chall
- 8Minor
(image)
-
(image)
- 0Slam
- 0Main
- 0Chall
- 1Minor
Garrett
Johns
0:0
Aidan
Kim
345
340
2h:08Played
627
621
0h:45Played
(function($) {
/* setTimeout(function() {
jQuery.ajax({
url: ‘https://tennistonic.com/head-to-head-compare/?Garrett-Johns-Vs-Aidan-Kim’,
data: ‘hello=hello’,
type: ‘get’,
success: function(response) {
console.log(‘1’);
var h = $(response).find(‘.get_section_for_review’).html();
$(‘.get_previwe_html_892933quDF9’).html(h);
$(‘.year_active_892933quDF9’).click();
console.log(‘2’);
/*$(‘.get_previwe_html_hide’).hide();
$(‘.year_active’).click();*/
}
});
}, 10); */
})(jQuery);
(image)
WLWLWLWWWL
(image)
WLLWWWWWL
jQuery(document).ready(function() {
function player_year_data892933quDF9() {
jQuery(‘.play_year_data_892933quDF9’).on(‘click’, function() {
console.log(‘hello’);
var year = jQuery(this).attr(‘data-year’);
var player1 = jQuery(‘#player1_id’).val();
var player2 = jQuery(‘#player2_id’).val();
var player1_name = jQuery(‘#player1_name’).val();
var player2_name = jQuery(‘#player2_name’).val();
jQuery(‘.wlrp-cover-spin’).show();
if (year == ”) {
jQuery.ajax({
url: window.location.href,
type: ‘get’,
success: function(response) {
var h = jQuery(response).find(‘.ply_data_ajax_container’).html();
jQuery(‘.ply_data_ajax_container_892933quDF9’).html(h);
google.load(“visualization”, “1”, {
packages: [“corechart”],
“callback”: drawChart892933quDF9 });
google.setOnLoadCallback(drawChart892933quDF9);
google.load(“visualization”, “1”, {
packages: [“corechart”],
“callback”: drawChart2892933quDF9 });
google.setOnLoadCallback(drawChart2892933quDF9);
player_year_data892933quDF9();
jQuery(‘.wlrp-cover-spin’).hide();
}
});
} else {
jQuery.ajax({
url: ‘https://tennistonic.com/wp-admin/admin-ajax.php’,
data: ‘action=get_year_data_for_players_shortcode&years=” + year + “&player1=’ + player1 + ‘&player2=’ + player2 + ‘&player1_name=” + player1_name + “&post_id=892933quDF9’,
type: ‘get’,
success: function(response) {
jQuery(‘.ply_data_ajax_container_892933quDF9’).html(response);
google.load(“visualization”, “1”, {
packages: [“corechart”],
“callback”: drawChart892933quDF9 });
google.setOnLoadCallback(drawChart892933quDF9);
google.load(“visualization”, “1”, {
packages: [“corechart”],
“callback”: drawChart2892933quDF9 });
google.setOnLoadCallback(drawChart2892933quDF9);
player_year_data892933quDF9();
jQuery(‘.wlrp-cover-spin’).hide();
}
});
}
});
}
player_year_data892933quDF9();
});
2024
2023
//setTimeout(function(){
console.log(‘a’);
//google.load(“visualization”, “1”, {packages:[“corechart”]});
//google.setOnLoadCallback(drawChart);
function drawChart892933quDF9() {
var data = google.visualization.arrayToDataTable([
[‘Task’, ‘Hours per Day’],
[‘Win’, 40],
[‘Loss’, 16]
]);
var options = {
title: ‘Win Loss’,
backgroundColor: ‘#D2DEAD’,
height: ‘300px’,
legend: ‘none’,
pieSliceText: ‘label’,
//pieSliceTextStyle :{ fontSize:’16’},
chartArea: {
left: ’20’,
top: ‘0’,
width: ‘100%’,
height: ‘100%’
}
};
var chart = new google.visualization.PieChart(document.getElementById(‘piechart892933quDF9’));
chart.draw(data, options);
}
//},5000);
//setTimeout(function(){
console.log(‘b’);
//google.load(“visualization”, “1”, {packages:[“corechart”]});
//google.setOnLoadCallback(drawChart2);
function drawChart2892933quDF9() {
var data = google.visualization.arrayToDataTable([
[‘Task’, ‘Hours per Day’],
[‘Win’, 6],
[‘Loss’, 3]
]);
var options = {
title: ‘Win Loss’,
backgroundColor: ‘#D2DEAD’,
height: ‘300px’,
legend: ‘none’,
pieSliceText: ‘label’,
//pieSliceTextStyle :{ fontSize:’16’},
chartArea: {
left: ’20’,
top: ‘0’,
width: ‘100%’,
height: ‘100%’
}
};
var chart = new google.visualization.PieChart(document.getElementById(‘piechart1892933quDF9’));
chart.draw(data, options);
}
//},5000);
google.load(“visualization”, “1”, {
packages: [“corechart”],
“callback”: drawChart892933quDF9 });
google.setOnLoadCallback(drawChart892933quDF9);
google.load(“visualization”, “1”, {
packages: [“corechart”],
“callback”: drawChart2892933quDF9 });
google.setOnLoadCallback(drawChart2892933quDF9);
Hard
I Hard
Clay
Upcoming matches in the draw
- Yasutaka UchiyamaUchiyama – Christopher EubanksEubanks (3-0) – H2H and prediction
- Tung-Lin WuWu – (0-0) – H2H and prediction
- Hady HabibHabib – (0-1) – H2H and prediction
- Nicolas MejiaMejia – Yuta ShimizuShimizu (0-1) – H2H and prediction
- Andres AndradeAndrade – Tsung-Hao HuangHuang (0-0) – H2H and prediction
- Patrick KypsonKypson – Alexis GalarneauGalarneau (2-2) – H2H and prediction
- Rio NoguchiNoguchi – (0-1) – H2H and prediction
- Garrett JohnsJohns – (0-0) – H2H and prediction
- Patrick MaloneyMaloney – Ryuki MatsudaMatsuda (1-0) – H2H and prediction
Johns
.crop158591 { width: 150px; height: 200px; overflow: hidden; }
.crop158591 img { width: ; height: ; margin-left: ; margin-top: ;
}
Kim
(image)