/*** Tout ce qui est d�di� � l'espace contributeur ******/
html, body{height: 100%;}
body.contrib{background: #E0EBEE;min-height: 800px;}
.contrib_bg{background: #E0EBEE;}

#top-header{background: transparent linear-gradient(0deg, #E0EBEE 0%, #C5D8DF 100%) 0% 0% no-repeat padding-box;}
#top-header .logo{padding: 10px 0; }

h1{ font-size: 24px; color: #414141;}
h2{font-size: 20px; color: #414141;}
h3{font-size: 20px;}
@media only screen and (max-width: 640px) {
	h3{font-size: 16px;}
}
.button{border: none; border-radius: 4px;}

label{font-weight: bold; margin-bottom: 3px; color: #414141;display: block;}
span.info{font-style: italic;color: #414141;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], 
input[type="search"], input[type="tel"], input[type="time"], input[type="url"]{    
	border-radius: 6px; height: 40px; border: none; 
}

#contrib_loader{z-index: 5;}
#contrib_loader .loader_wrap{background-color: #EDAC2A; padding: 6px 30px; position: relative; border-radius: 0 0 10px 10px;}

/********* 
* LOGIN SCREEN
***/
body.login_screen{min-height: 570px;}
.login_screen #contrib_menu_open{display: none;}
#login_form{}

/********* 
* Menu
***/
body.contrib a.menu_toggler{background-repeat: no-repeat; background-position: right center; display: inline-block; }
body.contrib a.menu_toggler.do_open{background-image: url("/static/img/contrib/contrib_menu_ico.svg"); padding: 10px 50px 10px 10px; margin-top: 10px;}

#contrib_menu{height: 100vh;position: absolute; width: 100%; top: 0; background-color: #06ACED; display: none; z-index: 120; padding: 20px;}
#contrib_menu * {color: white;}
#contrib_menu a.menu_toggler.do_close{float: right; font-weight: bold; text-transform: uppercase;}
#contrib_menu .main_entries{padding-top: 60px;}
#contrib_menu .main_entries a{ display: block; font-size: 3rem; margin-top: 30px;}
#contrib_menu a.logout{display: block; text-align: center; position: absolute; left: 0; bottom: 60px; width: 100%; font-weight: bold; text-transform: uppercase;}

/********* 
* OVERLAY POPUP
***/
#overlay_ctn{z-index: 5;position: absolute; top:0; right: 0;bottom: 0; left: 0;background: #06ACED;}
#overlay_ctn .ol_content{width: 60%; margin: 0 auto; margin-top: 8%; background: white; border-radius:6px; padding: 40px;}
#overlay_ctn .ol_bt{padding: 8px 16px; font-weight: bold; text-transform: uppercase; margin: 16px;box-shadow: 0px 3px 6px #00000029; border-radius:4px;}
#overlay_ctn .ol_bt.cancel{background: #06ACED; color: white;}
#overlay_ctn .ol_bt.confirm{background:  white; color: #06ACED;}

/********* 
* Match Global specific contrib
***/
.match_head .suivi_par{padding: 8px; background: #EDAC0D; color: white; font-size: 11px; font-weight: bold; border-radius: 6px; display: inline-block; margin-top: 5px;}
.match_head .competition{font-size: 12px; color: #414141}
.match_head .match_info{left: 0;  right: 0;  margin-left: auto;  margin-right: auto;  width: 100px; margin-top: 12px;}
.match_head .match_info.date{font-size: 13px;}

/********* 
* Match edit
***/
.match_edit .match_head{margin: 0;}
.match_edit .match_head.match_live .bottom_section{padding-bottom: 30px;}
.match_edit{padding-bottom: 80px;} /* Espace pour le bouton Match Terminé fixe */

/*********
* Match LIVE specific contrib
***/
/** zone action dans head **/
/*
.live_top_actions{max-width: 900px; margin: 0 auto;  display: grid;  grid-gap: 0.5rem; grid-template-columns: repeat(3, 1fr); margin-top: -30px;}
*/
.live_top_actions{margin-top: -30px;}
.live_top_actions .cell{height: 64px; text-align: center; width: 33.3333%; display: inline-block;}
.plus_action{display: inline-block; height: 60px; width: 60px; border-radius: 50%; background-color: #06ACED; color: white; font-size: 4.4rem; line-height: 60px;}
.plus_action:FOCUS, .plus_action:HOVER{color: white;}
.deroule_action{display: inline-block; max-width: 100px; background: white; text-transform: uppercase; font-weight: bold; padding: 6px; border-radius: 6px; margin-top: 10px;}

/*** Bouton Match Terminé fixe ***/
#match_termine_fixed_bt {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #06ACED;
	color: white;
	padding: 12px 24px;
	border-radius: 8px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0px 3px 6px #00000029;
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 100;
	font-size: 14px;
}
#match_termine_fixed_bt:hover,
#match_termine_fixed_bt:focus {
	color: white;
	background-color: #05A0D6;
}
#match_termine_fixed_bt .ico {
	width: 20px;
	height: 20px;
}
/* Masquer le bouton quand un écran d'action est affiché */
body:has(#ajax_screens_match_ctn > *) #match_termine_fixed_bt {
	display: none;
}

/*********
* Actions picto list layout
***/
.actions_grid{max-width: 1200px; margin: 0 auto;  display: grid;  grid-gap: 1rem; grid-template-columns: repeat(3, 1fr); padding-top: 20px;} 
.actions_grid .cell{height: 140px; text-align: center;}
.actions_grid.two_action{grid-template-columns: repeat(2, 1fr);}

/***************
* SUBMIT PICTOs
***********/
.submit_action{background-repeat: no-repeat; border-radius: 50%; height: 64px; width: 64px; background-position: center; font-size: 0; display: inline-block; background-color: #06ACED;box-shadow: 0px 3px 6px #00000029;}
.submit_action{background-image: url("/static/img/contrib/action_next.svg");}
.submit_action.submit{background-image: url("/static/img/contrib/action_valider.svg");}

.actions_bt{padding: 30px;}
.actions_bt .bt{background-repeat: no-repeat; background-position: left 10px center; padding: 16px 16px 16px 50px; margin: 10px; border-radius: 4px; box-shadow: 0px 3px 6px #00000029; text-transform: uppercase; font-weight: bold;}
.actions_bt .bt.action_update{background-color: #06ACED; color: white; background-image: url("/static/img/contrib/picto_bt_update.svg");}
.actions_bt .bt.action_delete{background-color: white; background-image: url("/static/img/contrib/picto_bt_delete.svg");}

.score_updater{background: #06ACED; color: white; font-size: 3rem; border-radius: 50%; margin: 5px 20px; display: inline-block; height: 40px; width: 40px; line-height: 40px;}
.score_updater:ACTIVE, .score_updater:HOVER,.score_updater:FOCUS {color: white;}

.time_updater{background: #06ACED; color: white; font-size: 3.2rem; border-radius: 50%; margin-right: 0px; display: inline-block; height: 50px; width: 50px; line-height: 50px;}
.time_updater:ACTIVE, .time_updater:HOVER, .time_updater:FOCUS {color: white;}
#time_addi{background: white; font-size: 3rem; border-radius: 50%; margin: 0px; display: inline-block; height: 58px; width: 58px; line-height: 58px;}

/***************
* ALL PICTOs OF CONTRIB
***********/
.action_picto .enable_false{opacity: 0.4;}
.action_picto .libel{display: inline-block; text-transform: uppercase; font-size: 12px; color: #272727; font-weight: bold;}

.action_picto .green.selected .picto{background-color: #73E697; }
.action_picto .selected .picto{filter: brightness(150%); }
.action_picto .selected span{color: #2795b6;}

.convoquer .picto{background-image: url("/static/img/contrib/match_global/ma_gl_convoquer.svg");}
.actions_grid .cell:has(a.composition){display: none;}
.composition .picto{background-image: url("/static/img/contrib/match_global/ma_gl_composition.svg");}
.composition_adm_1 .picto{background-image: url("/static/img/contrib/match_global/ma_gl_composition.svg");background-color: #000000;}
.composition_adm_2 .picto{background-image: url("/static/img/contrib/match_global/ma_gl_composition.svg");background-color: #000000;}
.ballon_match .picto{background-image: url("/static/img/contrib/match_global/ma_gl_ballon_match.svg");}
.live .picto{background-image: url("/static/img/contrib/match_global/ma_gl_live.svg"); background-color: #7FC2EF;}
.as_match .picto{background-image: url("/static/img/contrib/match_global/ma_gl_As_du_match.svg"); background-color: #FCC312;}
.reaction_match .picto{background-image: url("/static/img/contrib/match_global/ma_gl_reaction_apres_match.svg"); background-color: #FCC312;}
.photo_match .picto{background-image: url("/static/img/contrib/match_global/ma_gl_photo_match.svg"); background-color: #FCC312;}
.photo_match_admin .picto{background-image: url("/static/img/contrib/match_global/ma_gl_photo_match.svg"); background-color: #000000;}
.match_inverse .picto{background-image: url("/static/img/contrib/match_global/ma_gl_match_inverse.svg"); background-color: #C7E1E7;}
.match_reporte .picto{background-image: url("/static/img/contrib/match_global/ma_gl_match_reporte.svg"); background-color: #C7E1E7;}
.match_forfait .picto{background-image: url("/static/img/contrib/match_global/ma_gl_match_forfait.svg"); background-color: #C7E1E7;}
.share_match .picto{background-image: url("/static/img/contrib/match_global/ma_gl_share_match.svg"); background-color: #3B5598;}
.adm_actu_link .picto{background-image: url("/static/img/contrib/match_global/ma_gl_reaction_apres_match.svg"); background-color: #000000;}
.saisie_rapide .picto{background-image: url("/static/img/match/saisie_rapide.svg");}
/*** team saison **/
.action_picto .saison .picto{background-color: #7FC2EF;}
.player_list .picto{background-image: url("/static/img/contrib/equipe/joueurs_de_la_saison.svg");}
.coach_list .picto{background-image: url("/static/img/contrib/equipe/entraineurs_saison.svg");}

/********
* FIN ALL PICTOs OF CONTRIB
******************/

/***************
* SCREEN ACTIONS possibly to share with admin
***********/
.screen_match_action{position: absolute; width: 100%;z-index: 16; background: #E0EBEE; min-height: 100vh;}
.screen_match_action.as_page{position: relative; z-index: auto;}
.screen_match_action .action_context a.back_action{display: inline-block; font-size: 3rem; padding: 4px 10px;}
.screen_match_action .action_context span{display: inline-block; padding: 10px; vertical-align: top;}
.screen_match_action .action_context span.vs{/* height: 32px; width: 32px; border-radius: 50%;*/ background-color: #F3F3F3; font-weight: bold;}
.screen_match_action .action_context img.logo-team{max-height: 30px;}

.screen_match_action .submit_action{position: fixed; right: 40px; bottom: 40px;}

.screen_action_title{font-size: 1.8rem; color: #414141;}
.screen_match_action .score_alone{display: inline-block;	vertical-align: top; line-height: 60px;height: 60px;width: 60px;border-radius: 50%;
	background: white; font-size: 2.8rem; font-weight: bold;  margin-top: 7px;   position: relative;}

/********* 
* TIME SELECT MINUTE
***/
.minutes_grid{max-width: 1200px; margin: 0 auto;  display: grid;  grid-gap: 0.5rem; grid-template-columns: repeat(3, 1fr); padding-top: 2px;} 
.minutes_grid .cell{height: 50px; text-align: center; position: relative;}
.minutes_grid .cell a{color: #272727; font-size: 4rem; line-height: 50px; background: white;}
.minutes_grid .cell .minute_remove{background-repeat: no-repeat;background-position: center;background-image: url("/static/img/contrib/calc_time_delete.svg");}
#widget_minute_select #minute_value{display: inline-block; background: white; text-align: center; font-size: 4rem; width: 100px; height: 50px; line-height: 50px; margin-right: 20px;}
#widget_minute_select .minute_min{font-size: 2rem; color: #414141; line-height: 60px;}

/********* 
* PLAYER SELECT SCREEN
***/
.player_list{}
.player_list .line{background: white; margin-bottom: 16px; height: 46px;}
.player_list .line.selected{background: #06ACED;}
.player_list .line.selected span{color: white;}
.player_list .line img{height: 100%; width: auto; margin-right: 20px;}
.player_list .line span{line-height: 46px; display: inline-block; vertical-align: top;}
.player_list .line.edit{background-repeat: no-repeat; background-image: url("/static/img/picto_edit.svg"); background-position: right 10px center;}

/** ^ MULTI PLAYER SELECT SPECIF */
.player_list .line input{height: 100%; margin: 0 12px;}

/********* 
* ^ COMPOSITION
***/
.player_list.composition{}
.player_list.composition .line span.compo_num{position: absolute; top: 0; left: 0; width: 40px; padding: 0 5px; background: #06ACED; color: white; font-size: 1.5rem; font-weight: bold; text-align: center; }
.player_list.composition .line .player_content{height: 100%; padding-left: 40px;}

/** ^ OVERLAY POPUP COMPOSITION
***/
#overlay_compo_ctn{z-index: 5;position: fixed; top:0; right: 0;bottom: 0; left: 0;background: rgba(6, 172, 237, 0.5);}
#overlay_compo_ctn .ol_content{width: 60%; margin: 0 auto; margin-top: 8%; background: white; border-radius:6px; padding: 40px;}
#overlay_compo_ctn .ol_bt{padding: 8px 16px; font-weight: bold; text-transform: uppercase; margin: 16px;box-shadow: 0px 3px 6px #00000029; border-radius:4px;}
#overlay_compo_ctn .ol_bt.cancel{background:  white; color: #06ACED;}
#overlay_compo_ctn .ol_bt.confirm{background: #06ACED; color: white;}

.w180{width: 180px;}

/********* 
* TAB
***/
.match_head.match_live.tab h5{height: 60px;}
.match_head.match_live.tab div.logo_score{margin: 0;}
.match_head.match_live.tab div.logo_score .score{max-width: none;}
.tab_select{background: white; border-radius: 18px;}
.tab_select .tir_choice{background-color: #BCBCBC;}
.tab_select.tir_B .tir_choice.tir_OK{background-color: #93BC46;}
.tab_select.tir_R .tir_choice.tir_KO{background-color: #B00A0A;}

/********* 
* SELECT TEAM
***/
.action_picto .img_round{height: 100px; width: 100px; border-radius: 50%; border: 4px solid white; background-color: #C7E1E7;display: inline-block; text-align: center; padding: 10px; margin-bottom: 12px;}
.action_picto .img_round img{height: 70px; width: auto;}