/*COURSE*/
:root {
	--gold: #f7dc6f;
	--silver: #d7dbdd;
	--bronze: #f0b27a;
}

.bold{font-weight: bold;}
.not_visible {visibility: hidden;}

#etapes_course{display: flex; justify-content: center; align-items: center}
#etape_select{float:right;border:1px solid var(--border2);color:var(--color1);font-size:.9rem;max-width:97%;margin:6px 10px 6px 6px;padding:2px;height: calc(12px + 20px);border-radius: 5px;border-width: 1.5px;background: var(--fond1); color:#222;cursor:pointer;}
#epc_select{float:right;border:1px solid var(--border2);color:var(--color1);font-size:.9rem;max-width:250px;float:right;margin:6px 10px 6px 6px;padding:2px;height: calc(12px + 20px);border-radius: 5px;border-width: 1.5px;text-align: center;background: var(--fond1); cursor:pointer;}

.chevron{height: 1rem;}

/* Message pas de course */
div.no_course_msg {text-align: center; font-style: italic;}

/* Tab General / Etape */
#tabs_header {display: flex; justify-content: space-between; align-items: center;}
ul[role="tablist"]{display: flex;}
li[role="tab"]{padding: 1rem;}
.tab-active{border-bottom: 2px solid var(--border1); background: var(--border2);}
li[role="tab"]:not(.tab-active){color: var(--silver); background: var(--fond1);}

/* Recherche coureur Athle */
#div_search_course{display: flex; justify-content: flex-end; align-items: center;}
#search_coureur{border-style: solid; border-width: 1.5px; border-radius: 5px; height: 32px; border-color: var(--border3); color: var(--couleur1); margin: 6px; padding: 2px;}
.img_search_coureur{height: 1.5rem; margin-right: 6px; cursor: pointer;}

/* Pagination & infos course */
.header_page_course{display: flex; flex-direction:column; justify-content: center; margin: 0 16px;}
.header_page_course img{height: 1.5rem;}
.header_page_course img:hover{cursor: pointer;}
.footer_page_course{display: flex; justify-content: center; align-items: center; margin-top: 16px;}
.footer_page_course img{height: 1.5rem;}
.footer_page_course img:hover{cursor: pointer;}
.infos_course{ margin: 1rem 0; font-style: italic;}
.data_course {padding: 0 0.5rem; font-style: italic;}
/*#div_resultats_athle .contenu{display: flex; flex-direction: column; padding-left: 4px;}*/
.pagination_course{display: flex; align-items: center; justify-content: center;}

/*
 CLASSEMENT 
*/

.gold{background-color: var(--gold);}
.silver{background-color: var(--silver);}
.bronze{background-color: var(--bronze);}

span[class^="course_"]{margin: 0 6px;}

/* Tableau Classement */
.resultats_course{display: flex;}

.scroll-container{display: flex; flex: 1; overflow-x: auto; scrollbar-width: thin;}
/*.tab-container {display: flex; justify-content: end; overflow-x: hidden; scrollbar-width: none;}*/
.tab-container {scrollbar-width: none; width: 35%;}

.tcoureurs {min-width: 100% !important; width: 100% !important; vertical-align: middle !important; border-collapse: collapse;}
.tresultats {width: 100% !important; min-width: 100% !important; vertical-align: middle !important; border-collapse: collapse;}

/*.header_nom_coureur{text-align: left; width: 70% !important;}*/
.header_pos_coureur{width: 1rem;}
.header_nom_coureur{text-align: left;}
.header_club_coureur{text-align: left;}

.tcoureurs thead, .tcoureurs thead tr, .tcoureurs thead tr th,
	.tresultats thead, .tresultats thead tr, .tresultats thead tr th{height: 2rem !important;white-space: nowrap !important;padding: 4px;}
.tcoureurs td {	
	vertical-align: middle !important;	
}
.tresultats td {		
	vertical-align: middle !important;
	text-align: center;	
}
.tresultats th{text-align: center;}

/*.att_coureur{border-bottom: 1px solid var(--border2);}*/

.club_coureur{display: none !important; }
.header_club_coureur{display: none !important; }

.ligne_course, .ligne_course td{height:50px !important;padding: 4px;white-space:nowrap;}

.pos_coureur{min-width: 1.5rem; text-align:center; vertical-align: middle !important; font-weight: bold;}
.nom_competiteur{white-space: nowrap;}
.prenom_competiteur{padding-right: 0.5rem;}
.nom_court_competiteur{display: none !important;}
.club_competiteur{display: none !important;}
.club_court_competiteur{display:block !important; font-size: 0.7rem; color: var(--border3); font-style: italic; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 85%;}
/*.club_court_competiteur{display: none !important;}*/
.infos_competiteur{display:flex; align-items:center; font-size: 0.7rem;}
.infos_competiteur div {padding: 0 4px;}
.infos_competiteur div:not(.categorie_coureur){border-left: 1px solid var(--border2);}
.dossard{width: 2rem;}
.genre_coureur{border-radius: 50%; color: #ffffff; padding: 0 !important; width: 1rem; height: 1rem; text-align: center; margin-left: 0.25rem;}
.homme{background-color: #379cc4;}
.femme{background-color: #c92b69;}

.checked{height: 1rem;}

.legende_course{color: var(--border3); font-size: 0.7rem;}

@media only screen and (max-width: 1024px) {	

	#tabs_header{font-size: 0.7rem !important;}
	
	.tresultats {font-size: 0.75rem;}
	.tab-container {scrollbar-width: none; width: 40%;}
	.tcoureurs {font-size: 0.75rem;}
	
	.pos_coureur{min-width: 0.5rem; padding: 4px !important;}
	.prenom_competiteur{display: none !important;}	
	.nom_competiteur{display: none !important;}				
	.nom_court_competiteur{display:block !important; width: 100%;}
	
	.club_court_competiteur{width: 50%;}
		
	.infos_competiteur{font-size: 0.6rem;}
			
	.genre_coureur{width: 0.7rem; height:0.7rem; font-size: 0.5rem;}
	.ligne_infos_coureur{height: 3rem;}
	.ligne_datas_coureur{height: 3rem;}	
}