/* header saison------------------- */

.headsaison{	
	margin-top:10px;
	font-family: montserrat;
	font-size:10px;
}
.headsaison a{
	color:blue;	
	text-decoration: underline;
}
/* header session------------------- */
.sess_matchsbox_head_bg{	
	width:360px;
	margin:auto;	
	
	!height:110px;
	!border-top:1px solid black;
	!border-bottom:1px solid black;
	!background:lightgrey;
	padding-top:20px;
}
.sess_matchsbox_head{	
	width:360px;
	margin:auto;	
	font-family: russoone;
	font-size:50px;	
	vertical-align: middle;
	!border:1px solid;
	
}
.sess_matchsbox_head_num{
	/*! display:inline-block; */
	vertical-align: middle;
	!padding:10px 0;
	font-size:30px;	
	color:black;	
	!border-bottom: 1px solid #222;
	!width:300px;
	text-align:center;
}
.sess_matchsbox_head_num select{
	background:transparent;
	border:0;
	padding-right:10px;
	font-size:30px;	
	font-family: russoone;
}
.sess_matchsbox_head_title{
	font-family: russoone;
	font-size:30px;	
	display:inline-block;
	margin-left:10px;
	vertical-align: middle
}
/*-Session NAV------------------------*/
.session_nav{
	font-family: rajdhani;
	text-transform: uppercase;
	font-size:14px;
	!border-top:1px solid grey;
	!border-bottom:1px solid grey;	
	color:black;
	margin-top:18px;
	display:flex
}
.session_nav a{
	color:black
}
.session-nav-selected{
	background:grey;
	color:white;
	background:#222;
}
.session_nav_unit{
	padding:10px 10px;
	width:100px;
	height:35px;
	display: inline-block;
	border:1px solid darkgrey;
	!border-top: 0;
	!border-bottom:0;
	text-align: center;
	vertical-align: middle:
}


.session_nav_matchs{
	!border:0px solid #4281e3;
}
.session_nav_unit a{
	color:inherit;
}
.session_nav_unit a:hover{
	text-decoration: none
}
/*-----------*/
.sess_matchsbox{
  !width:1320px;
	margin:auto;
	margin-top:10px;
	!box-shadow:2px 2px 5px black;
	!border:1px solid darkgrey;
	!background:lightgrey;
	padding:0px;
	!border-top:1px solid grey;
}
/*--------------------------------------*/
.sess_matchsbox_sort{
	font-family:rajdhani;
	font-size:px;
	color:black;
	margin-top:30px;
	margin-bottom:10px;
	text-align: left;
	vertical-align: middle;
}
.sess_matchsbox_sort_unit{
	display:inline-block;
	text-align:center;
	font-size:20px;
	!border:1px solid;
	vertical-align: middle
}
.sess_matchsbox_sort_unit:nth-of-type(1){
	margin-left:15px;	
}
.sess_matchsbox_sort_unit a{
	color:inherit;
}
.sess_matchsbox_sort_unit a:hover{
	text-decoration:none
}
.sess_matchsbox_sort_selectedsort{
	!color:black;
}

/*-sessions matchs-------------------*/
.matchunit-separator{
	margin:0px 0;
}
.matchunit{
	!margin-bottom:1px;	
	background:white;
	border-bottom:1px solid grey;
	!border-bottom:0;
	padding:5px 15px;
	
}
.matchcontainer{
	margin:auto;
}
.matchbox{
	!height:50px;	
	display:inline-block;
	vertical-align: middle;
}
.matchbox_in{
	vertical-align: middle;
	padding:0 0px;
	display:inline-block;
}
.matchbox_delai{
	!width:150px;
	font-family:oswald;
	color:black;
	text-transform: capitalize;
	padding:0 20px;
	background:lightgrey;
}
.matchbox_delai div{
	!display: inline-block;	
}
.matchbox_dayin{
	font-size:14px;	
	!border-right:1px solid grey;
}
.matchbox_dayin_month{
	color:grey;
	margin-top:-5px;
}
.matchbox_hour{	
	color:grey;
	font-family:russoone;
	font-size:12px;
	display: inline-block;	
	width:50px;	
	text-align:right;
	vertical-align: middle;
}
.matchbox_compet{
	width:25px;
	font-family:rajdhani;
	font-size:14px;
	text-align: center;
	!margin-top:5px;
}
.matchbox_compet img{
	max-width:20px;	
	max-height:20px;	
	filter: grayscale(100%);
}
.matchbox_tour{
	width:140px;
	font-family:montserrat;
	font-size:11px;
	text-align: left;
	color:grey
}
.matchbox_match{
	!vertical-align: middle;
}
.matchbox_match_pc{
	display:none
}
.matchbox_equipe{
	display:inline-block;
	!vertical-align: middle;
}
.matchbox_equipedom{
	text-align:right;
	text-align:left;
}
.matchbox_equipeext{
  text-align:left;
}

.matchbox_equipelogo{
	display:inline-block;
	width:26px;		
	margin:0 10px;
	!vertical-align: middle;
}
.matchbox_equipelogo img{
	width:100%;	
	vertical-align: middle;
	position:relative;
	top:-2px;
}
.matchbox_equipenom{
	display:inline-block;
	width:200px;	
	font-family:rajdhani;
	!font-weight: bold;
	font-size:18px;
}
.hourbox{
	!vertical-align: middle;
	text-align: center;
	margin: auto
}
.matchbox_score{
	!width:30px;	
	font-family:russoone;
	font-size:16px;
	text-align: center;
}
.matchbox_score:nth-of-type(1){
	position:relative;
	top:-5px;
}
.matchbox_score:nth-of-type(2){
	position:relative;
	top:5px;
}
.tiret{
	width:10px;	
	display:inline-block;
	
}
.matchbox_bonus{
	display:inline-block;
	text-align:center;
	width:30px;	
}
.matchbox_bonus img{
	width:20px;
	vertical-align: middle;
}

/*----------------*/
.matchbox_mob{
	display:none
}
.matchbox_match_pc{
	
}
.matchbox_match_mobile_equipes{
	display: inline-block;
	width:250px;
	vertical-align: middle;
}
.matchbox_match_mobile_score{
	display: inline-block;
	vertical-align: middle;
	width:50px;
	text-align: center;
}
.tiret{
	display: none; 
}
/* ticket------------------- */
.matchbox_pari{
	color:black;	
	display:inline-block;
	padding-left:0px;	
	height:30px;
	vertical-align: middle;
	border-left:3px dotted grey;
	/*! background:#93adb5; */	
	padding-left:10px;
	margin:10px 0;
}
.paribox{
	display:inline-block;
	text-align:center;
	!width:130px;	
	/*! height:50px; */
	/*! background:green; */	
 vertical-align: middle;
	
}
.pariboxdom{
	!height:30px;
	border-bottom:1px solid white;
}
.pariboxext{
	!height:30px;
}
.modifiers{
	width:20px;
	text-align:center;
	display:inline-block;
	font-family:oswald;
	font-size:20px;
}
.pari{
	width:40px;
	height:20px;
	line-height:20px;	
	display:inline-block;
	text-align:center;
	background:lightgrey;
	font-family:oswald;
	font-size:12px;	
	!vertical-align: middle;	
}
.pariboxdom .pari{	
	!line-height:20px;	
}
.pariboxext .pari{	
	!line-height:20px;	
}


.bt_annuler_pari{	
	font-family:montserrat;
	text-decoration: underline;
	!text-transform: uppercase;
	font-size:11px;
	color:black;
	!padding:5px;
	!margin-top:-10px;
	cursor:pointer;
	position:relative;
	left:32px;
	!top:12px;
}

.bt_annuler_pari span{	
	border:1px solid;
	border-radius:50px;
	display:block;
	width:22px;
	display:none
}


.ticket_unconnected{
	color:grey;
	font-family:rajdhani;
	font-size:12px;
	!display: inline-block;
	text-align: left;
	/*! width:200px; */
	margin:auto;
	position:relative;
	top:5px;
}
.ticket_gopari{
	margin-top:0px;
	font-family:montserrat;
	font-size:12px;
	!text-decoration: underline;
	border:1px solid;
	border-radius:5px;
	padding:5px 50px;
	color:black;
	cursor:pointer;
	!width:100px;
	position:relative;
	top:3px;
	left:90px
}
.ticket_pari{
	
	margin-left:10px;
}
.ticket_pari_title{
	font-family:rajdhani;
	font-size:11px;
}
.ticket_pari_prono{
	font-family:marker;
	font-size:22px;
	margin-top:-5px;
}
.ticket_points{
	display:inline-block;
	/*! height:100%; */
	text-align:center;
	width:100px;
	/*! background:#d5d5d5; */
	vertical-align:middle;
	/*! margin-left:340px; */
}
.points_gagnes{	
	!margin-left:-14px;
	margin:auto;
	margin-top:0px;
	width:20px;
	text-align: center;
	font-family:rajdhani;
	font-size:18px;
	padding:5px 10px;
	border-radius: 5px;
}
.losecolor{
	background:lightgrey;
}
.issuecolor{
	background:green;
	color:white;
}
.scorecolor{
	background:#8f00f0;
	color:white;
}
.ticket_stats{
	display:inline-block;
	!line-height:20px;;
	text-align:center;
	width:50px;
	/*! background:#d5d5d5; */
	vertical-align:middle;
	!margin-left:90px;
	font-family:rajdhani;
	font-size:16px;
	text-decoration: underline;
	cursor: pointer;
	/*! float:right; */
	position:absolute;
	right:10px;
	margin-top:5px;
	
}
/*match stats ------------------- */
.matchbox_stats{	
	font-family:montserrat;
	font-size:12px;
	!display:inline-block;
	!width:500px;
	margin:auto;
	padding:20px 0;
	vertical-align:middle;
	color:#000;
	text-align: center;
	display:none
}

.matchbox_stats div{		
	width:250px;
	padding:0 5px;
	margin:auto;
}

.matchbox_stats_part{
	/*! display:inline-block; */
	vertical-align:middle;
	
}
.matchbox_stats_part span{		
	font-weight: bold;
!	float:right;
	display:block;
}
.matchbox_stats_part div{		
}
/*---------------------------------*/
.rules_warning{
	width:100%;
	margin:auto;
	margin-top:30px;
	!text-align: center;
	font-family:montserrat;
	font-size:12px;
	
}
/*COMMENTAIRES ----------------------------------------------*/
.sess_com{
	margin:auto;
	margin-top:50px;
	width:340px;
	vertical-align: top;
	background:white;!#0174DF;
	padding:10px;
	font-family:roboto;
	font-size:12px;
	border-top:3px solid #0174DF
}

.comsess_titre{
	margin-bottom:20px;
	text-transform: uppercase;
	color:#0174DF;
	font-family:anton;
	font-size:16px;
}
.comread{
	width:100%;
	margin:auto;
	padding-bottom:30px;
	overflow-x:scroll;
	scrollbar-color: grey transparent;
  scrollbar-width: thin;	
	scrollbar-gutter:auto
}
.comsess_textarea{
	border:1px solid grey;	
	font-family:roboto;
	font-size:12px;
	line-height:14px;
	padding:10px;
	display:block;
	margin:auto;
	overflow-y:visible;
	resize:vertical;
	width:290px;
	height:100px;
}
.comsess_textarea:focus{
	border:1px solid #0174DF
}
.comsess_envoi{
	cursor:pointer;
	background: #0174DF;
	text-align:center;
	width:80px;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	font-family:russoone;
	font-size:10px;
	color:white;
	margin:10px auto;
	box-shadow:1px 1px 3px black;
}

/*----------*/
.comsess_unit{
	!order-top:1px solid grey;
	padding:0 0px;
	margin-top:20px;
}
.comsess_unitleft{
	width:50px;
	display:inline-block;
	vertical-align: top;
}
.comsess_unitleft_img{
	width: 40px; 
  height: 40px; 
	border:1px solid grey;	
	background:white;
	border-radius:3px;
	vertical-align: top;
	border-radius:100px;
	overflow:hidden;
}
.comsess_unitleft_img img{
	width: 100%; 
  height: 100%; 
  object-fit: cover;
}
.comsess_unitright{
	display:inline-block;
	max-width:260px;
	margin-top:5px;
}
.comment_admin .comsess_unitright_topname{
	color:#0174DF;
	font-weight:bold
}
.comsess_unitright_topname a{
	color:inherit;
}
.comment_admin .comsess_unitleft_img{
	border:1px solid #0174DF;	
}
.comsess_unitright_topleft{
	display:inline-block;
}
.comsess_unitright_topname{
	font-size:14px;	
	font-family:russoone
}
.comsess_unitright_topdate{
	color:#222;
	font-size:12px;
	font-family:rajdhani
}
.comsess_unitright_bottom{
	margin-top:3px;
	font-family:roboto;
	font-size:12px;
	text-align: justify;
}

/*likes-----------------*/
.comsess_unitright_topright{
	margin-top:10px;
	display:inline-block;
	padding:0 0px;
	vertical-align:middle;
	
}
.comsess_likeimg{
	cursor:pointer;
	display:inline-block;
	vertical-align: middle
}
.comsess_likeimg span{
	margin-left:2px;
	vertical-align: middle
}

.comsess_likeimg:hover{
	!background:black
}
.comsess_likenb{
	display:inline-block;
	margin:2px 0 0 2px;
	vertical-align: middle;
	font-size:8px;
}
.userclasslike{
	color:#0174DF;
}


/*reponses text zone-----------------------------*/
.rep_text_zone{
	display: none;
}

.rep_text_zone .comsess_textarea{
	width:90%;
	margin-top:20px;
}
.rep_text_zone .emoji_bar{
	width:90%;
}
.sendrep{
	cursor:pointer;	
	background: darkgrey;
	text-align:center;
	width:80px;
	height:25px;
	line-height:25px;
	text-transform:uppercase;
	font-family:russoone;
	font-size:10px;
	color:black;
	margin:10px auto;
	box-shadow:1px 1px 3px black;
}
/*reponses-----------------------------*/
.comrepto{
	display:inline-block;		
	margin-left:10px;
	vertical-align: middle;
	color:#646262;
	cursor:pointer;
}
.comsess_rep{
	margin-left:50px;
	
	border-left:2px solid lightgrey;
	padding-left:20px;
}
.comsess_rep .comsess_rep{
	!margin-left:45px;
	
}
/*more--------------------*/
.comsess_more{
	
	background: #0174DF;
	color:white;
	width:170px;
	margin:auto;
	text-align: center;
	border-radius:50px;
	padding:10px 0;
	margin-top:30px;
}
/*-----------------------*/
.comsess_unconnected{
	width:220px;
	margin:auto;
	text-align: center;
	font-family: montserrat;
	font-size:12px;
	padding:20px 60px;
	background:lightgrey;
}
/*CLASSEMENT ----------------------------------------------*/
.classementsaison_page_titre{
	text-align: center;
	text-transform:uppercase;
	font-family: russoone;
	font-size:14px;
	margin-top: -130px
}

.clascontent{	
	margin:50px auto;
	text-align
}

.clascontent table{	
	border-collapse: collapse;
	font-family:montserrat;
	font-size:14px;
	margin:auto;
	text-align:right;
}
.clascontent table *{	
	padding:5px 5px;
}
.clascontent tr{	
	border-bottom:1px solid lightgrey;
}
.clascontent th{	
	!border-bottom:1px solid grey;
	font-family: montserrat;
	font-size:8px;
	color:#555;
	background:black;
	color:white;
	padding:10px 5px;
}
.clascontent .th_marge{
	border:0
}
.td_marge{
	width:0px;
	text-align:right;
	font-family:bebasneue;
		font-size:12px;
	color:darkorange;
}
.td_marge img{
	width:20px;
	vertical-align: middle;
}
.td_posi{
	width:20px;
	font-family:russoone;
	font-size:12px;
}
.td_teamuser{
	width:15px;
	text-align:center;
	display: none;
}
.td_teamuser img{
	width:80%;
	vertical-align: middle;
}
.td_player{
	width:170px;
	text-align:left;
}
.td_player img{
	width:10px;
	vertical-align: middle;
}
.td_pts{
	width:30px;
	font-weight:bold
}
.td_played{
	width:40px;
}
.td_ratio{
	width:40px;
}
.td_issue{
	width:30px;
	display:none
}
.td_score{
	width:40px;
	display:none
}
.clas_res_wibrackets{
	color:grey
}
.clasline_user{
	color:#0174DF;
}

/*--OVERLAY---------------*/
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent background */
}

.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding:10px;
	  padding-bottom:40px;
	  width:280px;
	text-align:center;
}
.ticketoverlay{
	
}
.tickov_annuler{
	text-align:center;
	font-family: roboto;
	font-size:20px;
	border-radius:100px;
	border:1px solid;
	!display:inline-block;
	vertical-align:top;
	width:25px;
	cursor:pointer;
}
.tickov_match{	
	margin:auto;
	display:inline-block;
	margin-top:30px;
	vertical-align: top;
}

.tickov_eq{
	display:inline-block;
	font-family: anton;
	font-size:14px;
	text-transform: uppercase;
	width:80px;
	text-align: center;
	vertical-align: top;
}
.tickov_ecusson{
	width:70px;
	margin:auto;
}
.tickov_ecusson img{
	width:100%;
}

.tickov_pari{
	display:inline-block;
	text-align: center;
	width:40px;	
	margin:0 10px;
	margin-top:16px;
	vertical-align: top
}
.tickov_up{
	font-family: roboto;
	font-size:20px;
	background-color:darkgrey;
	cursor:pointer	
}
.tickov_input{	
	width:100%;
	height:45px;
	background:white;
	font-family: anton;
	font-size:30px;
	vertical-align: middle;
	text-align: center;
}
.tickov_down{
	font-family: roboto;
	font-size:20px;
	background-color:darkgrey;
	cursor:pointer	
}
.bt_valider_pari{
	display:inline-block;
	margin:auto;
	margin-top:30px;	
	text-align:center;
	font-family: russoone;
	font-size:10px;
	padding:10px 30px;
	background-color:green;
	border-radius:5px;
	cursor:pointer;
	color:white;
}

/*------*/
.emoji_bar{
	width:300px;
	margin:auto;
	margin-top:5px;
}
.emoji-opening{
	cursor:pointer
}
.emoji-opening img{
	width:20px;
}
.emoji-list{
	display: none;
	border:1px solid grey;
	border-radius:5px;
	padding:10px;
	background:#fff;
	height:100px;
	overflow-y:scroll;
	scrollbar-color: grey transparent;
  scrollbar-width: thin;	
	scrollbar-gutter:auto
}
.emoji{
	display: inline-block;
	font-size:20px;
	cursor:pointer;
	margin:2px;
}