/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+   © Copyright iDIWAY 2016
//+   Tout droits de reproduction interdits
//+   http://www.idiway.fr
//+   $Revision: 9851 $
//+   $Date: 2026-03-10 09:49:40 +0100 (mar. 10 mars 2026) $
//+   $HeadURL: svn://svn.id.lan/pko/sat/2x/241_tgo/eval1/tpl/ihm20/svc/umod/match/match.ls.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

:root{
	--pnlRight__w : 600px;
}

/*
.space__tab { display: grid; grid-template-columns: max-content max-content; grid-column-gap: 10%; grid-row-gap: 25px; width: max-content; margin: 40px auto; }
.space__match { grid-column: 2/3; grid-row: 1/3; }
.space__current { grid-column: 1/2; grid-row: 1/2; }
.space__ranking { grid-column: 1/2; grid-row: 2/3; }
*/

.space__tab { margin: 50px auto; display: flex; justify-content: space-evenly; width: 100%; max-width: 1920px; padding: 0 10px; flex-wrap:wrap; grid-column-gap: 30px; grid-row-gap: 50px; }

.space__wdg--tit { text-align: center; font-size: 1.5em; margin-bottom: 20px; font-family: var(--font-bold); }
@media screen and (max-width: 1000px) {
	.space__match--tit:before{ display: block; content:''; background:#ddd; height:1px; width:60%; max-width: 300px; margin: 0 auto; position: absolute; top: -25px; left: 0; right: 0; }
}
@container main (width <= 1000px) {
	.space__match--tit:before{ display: block; content:''; background:#ddd; height:1px; width:60%; max-width: 300px; margin: 0 auto; position: absolute; top: -25px; left: 0; right: 0; }
}

.space__wdg--ctn { overflow: auto; }

.main { overflow: auto; z-index: unset; }
.main:not(.ihmLs__load) .main__ls > .loading{ display: none; }

.main.ihmLs__empty .space__wdg:not(.space__match) .ihmLs__ctr { display: grid; }
.main:not(.ihmLs__empty) .space__wdg:not(.space__match) .main__noRes:not(.main__noRes--searchWait) { display: flex; }

/*
.main__noRes .txt{position: absolute; background: rgba(255,255,255,0.5); padding: 10px; border-radius: 11px;}
.main__noRes .txt a{text-decoration:none }
*/

.main__ls__ctn {padding: 0}
.main__ls__ctn:not(.ihmLs__load) .i-grid.ihmLs__ctr {
  margin-bottom: 50px;
}

.ihm.ihm--sticky .i-btn__ctn--fab { position: fixed; bottom: 50px; }
.i-btn__scrollTopMatch { background-color: rgba(0,0,0,0.3); }
.ihm:not(.ihm--sticky) .i-btn__scrollTopMatch { display: none; }

.match__opt--hide .ctrAccBtn,
.match__opt--hide .ctrFastBtn,
.match__opt--hide .ihm__fltBar,
.match__opt--hide .main__fast { display: none !important; }

.space__match { min-height: 90dvh; min-width: min(500px, 100%); }
.space__match .ihmLs__grp__sep > span { display: none; }


.space__current .i-grid.ihmLs__ctr {grid-template-columns: max-content max-content;}
.space__current .main__noRes img{ max-height: 60px;}
.space__current .main__noRes{ 
	position: relative;
	min-height: 60px;

	img{position: absolute; z-index: 0; bottom: 0; margin: 0; opacity: 0.5}
	.txt{position: relative; display: inline-flex; flex-direction: column; }

	.space__current:has(&) .space__current--tit{
		margin-bottom: 00px;
	}
}
.space__current .DW_nom_match .def_match{font-size: 11px; }
.space__current .DW_nom_match .DW_nom{ font-family:var(--font-bold); max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.space__current .DW_rank { --colspan:1/-1; justify-content: center;  padding-top:0; margin-bottom: 40px;}
/*.space__current .DW_flag { align-items: flex-end;}*/

.space__current .ihmLs__ctr .iTgtSticky,
.space__current .ihmLs__ctr > .ihmLs__grp > .i-grid__head { display: none; }

.space__current .match__rank {width: 100%; font-size:11px; }
.space__current .match__rank .i-grid__wCol{
	grid-template-columns: repeat(1, max-content) minmax(0, 1fr) repeat(calc(var(--nCol) - 2 ), max-content);
}
.space__current .match__rank .i-grid__head,
.space__current .match__rank .i-grid__head + .i-grid__li--spacer { display: none; }
.space__current .match__rank .i-grid__head + .i-grid__li--spacer { display: none; }
.space__current .match__rank .stage  { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }
.space__current .match__rank .DW--score { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }
.space__current .match__rank .DW--time { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }
.space__current .match__rank .points-max { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }

@media screen and (max-width: 1000px) {
	.space__tab { margin: 30px auto; }
	.space__tab > *{ position:relative; width: 100%;}
}
@container main (width <= 1000px) {
	.space__tab { margin: 30px auto; }
	.space__tab > *{ position:relative; width: 100%;}
}

/* --- LISTE MATCHS --- */

.ctrAccBtn{ display:flex; flex-wrap:wrap; align-items:center; justify-content: center; width: 800px; margin: 0 auto; position: relative;}
.ctrAccBtn .i-btn{text-decoration:none; transition:0.5s; padding: 0 10px; font-size:1.1rem; color: #666; }
.ctrAccBtn .i-btn .svg__icon + span{ margin-left: 4px; }
.ctrAccBtn .i-btn.i-btn--withBg{color: #fff; }
.ctrAccBtn .i-btn:hover{ transform: scale(120%, 120%);}

.ctrFastBtn{ display: block; width: 800px; margin: 20px auto;}
.ctrFastBtn .fast__ctn { padding: 0; max-width: 500px; max-height:none; flex-direction: row; position: relative; /*width: max-content;*/ margin: 0 auto; }
.ctrFastBtn .fastGrp { display:flex; /*justify-content: flex-end;*/ }
.ctrFastBtn .fast__grp__ctn { }
.ctrFastBtn .fastItm { background:none; flex-direction: column;}
.ctrFastBtn .fast__ctn .fastItm:hover{ border-radius:5px; }
.ctrFastBtn .fastItm .svg__icon{ margin: 0; width:auto; }
.ctrFastBtn .fastItm .fastItm__name{font-size: 12px;}
/*.ctrFastBtn .fastItm .fastItm__name,
.ctrFastBtn .i-btn--fastItm .fastItm__name{  display:none; }*/
.ctrFastBtn .fastItm.fastItm--sld{background-color: transparent; color:#000;}
.ctrFastBtn .fastItm.fastItm--sld:after{  border-radius: 0px; width:auto; height:2px; top:auto; bottom:4px; left:10px; right:10px; background-color:var(--color__txt); border:none; }

.ctrFastBtn .fastItm:hover{cursor: pointer; background-color: transparent; --color__fastTxtHover:--color__txt; }

.ctrFastBtn .fastItm--isPFL >*{ z-index: 1}
.ctrFastBtn .fastItm--isPFL .fastItm__ico{display: flex; flex-direction: row;}
.ctrFastBtn .fastItm--isPFL .icoEdit{ display: none; /*visibility: hidden;*/ margin-left:5px; background: #EEF3FF; border-radius: 10px; padding:2px; /*position: absolute; top:-4px; right: 10px; min-width: auto;*/}
.ctrFastBtn .fastItm--isPFL .icoEdit svg{ display: block;}
/*.ctrFastBtn .fastItm--isPFL.fastItm--sld.toFRM .icoEdit{ display: block}*/
.ctrFastBtn .fastItm--isPFL.fastItm--sld .icoEdit{ display: block; /*visibility: visible;*/}

.ctrFastBtn .fastItm--isPFL.fastItm--sld:not(.toFRM):before{ content: ""; z-index: 0; position: absolute; left: 0; right: 0; top:0; bottom: 0px; border-radius: 10px; background-color: #EEF3FF;}




/*
.ctrFastBtn .fastItm--isPFL{ position: relative; z-index:0 }
.ctrFastBtn .fastItm--frmFLT{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display:none; background-color: #fff; } 
.ctrFastBtn .fastItm--isPFL.fastItm--sld .fastItm.fastItm--frmFLT{ display:flex; }
*/
/*
.ctrFastBtn .fastItm--isPFL + .fastItm{ display:none; background-color: transparent; color:#000;}
.ctrFastBtn .fastItm--isPFL + .fastItm:after{ content: ''; position: absolute; border-radius: 0px; width:auto; height:2px; top:auto; bottom:4px; left:10px; right:10px; background-color:var(--color__txt); border:none; }
.ctrFastBtn .fastItm--isPFL.fastItm--sld{ display:none; }
.ctrFastBtn .fastItm--isPFL.fastItm--sld + .fastItm{ display:flex; }*/


.ihm .ctrFastBtn .fast__ctn .fastItm .svg__icon{ width: 16px; height: 16px;}

.ctrFastBtn .fast__ctn{ padding: 0 40px; justify-content: space-between; background:linear-gradient(to right, transparent 20%, rgba(220,220,220, 0.2), transparent 80%); /*background:radial-gradient(rgba(220,220,220, 0.5), transparent 55%);*/}
.ctrFastBtn .fast__ctn:before{ content: ""; position: absolute; bottom:0; left: 0; top:0; width: 14px; margin-left: 16px; z-index: 0; background: url('../../../img/mep/bg-flt.svg') no-repeat; background-position: center; background-size: contain; }
.ctrFastBtn .fast__ctn:after{ content: ""; position: absolute; bottom:0; right: 0; top:0; width: 14px; margin-right: 16px; z-index: 0; background: url('../../../img/mep/bg-flt.svg') no-repeat; background-position: center; background-size: contain; transform: rotate(180deg);}


.i-flt__btnFlt{position: relative;}
.i-flt__btnFlt>span{display: flex; align-items: center; color: var(--color__fastTxt); padding: 10px; justify-content: flex-end;}
.i-flt__btnFlt>span:hover{ cursor: pointer; color: #3A3A3A; }
.i-flt__btnFlt .i-modal__tt{font-family: var(--font-semibold); font-size: 16px;}

/*.ctrFastBtn .fast__ctn{flex: 1;}*/
@media screen and (max-width: 800px) {
	.ctrFastBtn .fast__ctn{ padding: 0 30px;  }
}
@container main (width <= 800px) {
	.ctrFastBtn .fast__ctn{ padding: 0 30px;  }
}

/*
.ctrFastBtn .i-search__ctr{  margin:0; width:auto; transition:0.5s; }
.ctrFastBtn .i-search{ position:absolute; right:0; top:0; height: auto; transition:0.5s; }
.ctrFastBtn .i-search .i-search__ipt{ padding: 8px 40px 8px 50px !important; font-size:1.1rem; border-color:#57689C }
*/
.i-searchTest{flex: 1; display: flex; align-items: center;}
.i-searchTest__ctr{ display:flex; /*width: 200px;*/ width: 100%; justify-content: flex-end; align-items: center;}
.i-searchTest__btnCtr{ display:none; align-items: center;}
.i-searchTest .i-searchTest__btnSearch-name{  display:none; }

.i-searchTest__ctrIpt{ /*display:none;*/ position: relative; transition: 0.5s; width: 0; overflow: hidden;}
.i-searchTest__ctrIpt:after{ content: ''; position: absolute; border-radius: 5px;  width:auto; height:2px; top:auto; bottom:4px; left:-8px; right:0; background-color:var(--color__txt); border:none; }
	.i-searchTest__ipt{ width: 100%; padding: 8px 20px 10px 2px; color:#979797; border:none; /*border-bottom: 1px solid #D8D8D8; background-color: #FFFFFF;*/ background-color: transparent; font-family: var(--font-light); font-style: italic; font-size: 14px;}
	.i-searchTest__ipt:focus{ outline: 0;}


/*.i-searchTest__btnCtr{ position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; }*/
.i-searchTest__btnSearch{display: flex; align-items: center; color: var(--color__fastTxt); padding: 10px; flex: 1; justify-content: flex-end;}
.i-searchTest__btnSearch:hover{ cursor: pointer; color: #3A3A3A; }
.i-searchTest__btnClear{ display: flex; align-items: center; color: var(--color__fastTxt); padding: 5px;}
.i-searchTest__btnClear > span{ padding: 5px;}
.i-searchTest__btnClear svg{ display: block;}
.i-searchTest__btnClear:hover{ cursor: pointer; color: #3A3A3A; }
.i-searchTest__btnOnWhat{ display: none; align-items: center; color: var(--color__fastTxt); padding: 10px; position: absolute; right: 30px; }
.i-searchTest__btnOnWhat:hover{ cursor: pointer; color: #3A3A3A; }

.i-searchTest--isFocus .i-searchTest__ctrIpt{ display:block; flex: 1;  }
.i-searchTest--isFocus .i-searchTest__btnCtr{ display:flex; }
.i-searchTest--isFocus .i-searchTest__btnSearch{color: currentColor; flex: inherit;}

.i-searchTest--isAtf .i-searchTest__ctrIpt{ display:block; flex: 1; }
.i-searchTest--isAtf .i-searchTest__btnCtr{ display:flex;  position: relative; }
.i-searchTest--isAtf .i-searchTest__btnSearch{color: currentColor; flex: inherit;}
.i-searchTest--isAtf .i-searchTest__btnClear > span{ background: #FDF4E7; color: #D5A255; border-radius: 50%}
.i-searchTest--isAtf .i-searchTest__ipt{  font-style: normal; color: #D5A255; font-family: var(--font-semibold); }
.i-searchTest--isAtf .i-searchTest__btnOnWhat{ display: flex; visibility: inherit;}

/*
@media screen and (max-width: 800px) {
	.ctrFastBtn .fast__ctn{ max-width: none; padding: 0 40px; justify-content: space-between;}
	.ctrFastBtn .fast__ctn:before{ content: ""; position: absolute; bottom:0; left: 0; top:0; width: 14px; margin-left: 16px; z-index: 0; background: url('../../../img/mep/bg-flt.svg') no-repeat; background-position: center; background-size: contain; }
	.ctrFastBtn .fast__ctn:after{ content: ""; position: absolute; bottom:0; right: 0; top:0; width: 14px; margin-right: 16px; z-index: 0; background: url('../../../img/mep/bg-flt.svg') no-repeat; background-position: center; background-size: contain; transform: rotate(180deg);}
	.ctrFastBtn .fast__ctn{flex: 1;}
}*/

/*.main__ls__ctn{ max-width: 800px; margin: 0 auto;}*/

.pnlRight .btnPnl{ justify-content:center; width:50px; color: #4E6297; height: 60px; }
.pnlRight .btnPnl:hover{ color:var(--color_txt); background:#fff !important; }
.ihm--pnlRight_isOpen .pnlRight .btnPnl{ width:50px }

.i-grid__grp.isSticky.ihmLs__grp--hasSep div.iFxSticky{ top:0 }

.space__match .i-grid__head{ display:none; }
.i-grid.ihmLs__ctr {--borderTop: none; max-width:100%; grid-template-columns: repeat(var(--nCol), minmax(0px, max-content)); --paddingLi:10px; width: max-content; margin: 0 auto;}
.space__match .i-grid.ihmLs__ctr { max-width: 800px; }

.i-grid__grp__sep { font-family: var(--font-semibold);}

.i-grid__li { --color__hover:rgba(241, 242, 253, 0.45);}
.i-grid__li > div{ white-space: wrap; align-items: flex-start;}

.i-grid__li .DW_fav .fav{ opacity: 0.8}
.i-grid__li .DW_fav:hover {cursor: pointer; }
.i-grid__li .DW_fav:hover .fav{ opacity: 1;}

.i-grid__li .DW_prd > div{ width:100% }
.i-grid__li .DW_prd .split{  font-size: 11px;}

/*
.i-grid__li .DW_pwi >div{   margin-top: 3px; border-radius:6px; width:48px; height:48px; overflow:hidden; display:flex; justify-content:center; align-items:center; }
.i-grid__li .DW_pwi img{  width:100% }
*/
.i-grid__li .DW_pwi >div{   margin-top: 3px; border-radius:6px; width:48px; height:48px; overflow:hidden; display:flex; background-position:center; background-size:cover; }


.i-grid__li .DW_def{ flex-direction:column; align-items:flex-start; }
.i-grid__li .DW_def >div:first-child{ font-family:var(--font-semibold); }


.flagLive{ position: relative; font-family: var(--font-semibold); display:flex; align-items:center; font-size: 11px; }
.flagLive>.ico_local{ margin-right: 4px;}
.flagLive>*:last-child{ margin-left: 4px;}

.DW_flag .ico_stream{font-family: var(--font-reg); font-size: 10px; text-align: left;}

/*.i-grid__li .DW_flag{ max-width:80px; }*/
/*
.idp--acc .DW_fav .fav{ margin-top:3px;  }
.idp--acc .DW_flag{ position: relative; overflow: unset; align-items:flex-end; }
.idp--acc .DW_flag .flagCtr{ position: absolute; right: var(--paddingLi); bottom: var(--paddingLi)}
.idp--acc .DW_prd > span{ margin-top:3px; }
.idp--acc .DW_nom{ font-size:1.3rem;  }
.idp--acc .DW_data { margin-top:3px; }
.idp--acc .DW_data > div{ margin-top:3px; }
.idp--acc .DW_def .u-secondary{ display:flex; }
.idp--acc .flagLive{ font-size:1.1rem; }
.idp--acc .ctrFastBtn{ /*opacity:0; pointer-events:none;* / visibility:hidden; }

*/

.idp--match_fav .fastItm--fast__cod-fav{ display:none; }
.i-flt__btnFlt{ display:none; }
.idp--match_res .i-flt__btnFlt{ display:flex; }

/*@media screen and ((max-width: 1000px) or (max-height: 800px)){*/
@media screen and ( (max-width: 1000px) ){
	.ihm--sticky { /*--header__h:0px;*/ /*--header__h:40px;*/ transition:0.5s;  }
	.ihm--sticky .main{padding-top: 0px;}
	body:not(._modalOpen--menu) .ihm--sticky .header{ z-index:1000; background-color: #FFF; }
	.ihm--sticky .header:before{ display: none;}
	.ihm--sticky .header__logo{ display:none; }
	.ihm--sticky .header__nav__item{ position: absolute; top: 0; left: 0; height: 80px; min-width: 80px; --color__txt:#fff; --color__background:#000; --fill: #000; color:#000; fill:#000; }
	.ihm--sticky .header__nav__item.header__idn{left: auto; right: 50px}
	.ihm--sticky .ctrAccBtn{ position: fixed; top: 15px; left: 50%; transform: translateX(-50%); z-index: 1001; }
	.ihm--sticky .ctrAccBtn{ justify-content:center;  width: auto;}
	.ihm--sticky .ctrAccBtn .i-btn:not(.i-btn--withBg){ display: none;}
	/*.ihm--sticky .ctrFastBtn {margin-right:0px;}*/

	
	.ihm--sticky .ctrFastBtn { margin: 0; position: fixed; top: 50px; left: 0; right: 0; /*padding: 0 40px;*/ background-color: #FFF; z-index: 1001; }
	.ihm--sticky .space__match--ctn { padding-top: 50px; }
}

.ctrMsgCook{ display: none; position: relative; width: max-content;   max-width: 100%; margin: 0 auto; margin-bottom: 30px;}
.ctrMsgCook .i-msg__ico{align-self: flex-start;}
.ctrMsgCook .btnClose{ padding: 10px; position: absolute; top: 0; right: 0}
.ctrMsgCook .btnClose svg{ display: block;}
.ctrMsgCookShow .ctrMsgCook{ display: block;}
.ctrMsgCook.ctrMsgCookHide{ display: none !important;}

/*
 // Force le style mobile
@media screen and (max-width: 1400px) {*/
	.pnlRight .btnPnl{ height: 40px; }
	.ctrAccBtn{ justify-content:center;  width: auto; z-index:5; }
	.ctrFastBtn{ width: auto; margin:20px 0; }
	.space__match .i-grid.ihmLs__ctr {max-width: 100%}

	.space__match .i-grid.ihmLs__ctr:not(.i-index) .i-grid__grp__sep{ top:-55px }
	.space__match .i-grid.ihmLs__ctr:not(.i-index) .ihmLs__grp:first-child .ihmLs__grp__sep{ top: -10px; }
	.space__match .i-grid__grp.isSticky.ihmLs__grp--hasSep div.iFxSticky{ top:16px;}

	.space__match .i-grid__li .DW_prd{ /*max-width:55px;*/ max-width:76px;  }
	.space__match .i-grid__li .DW_prd .y{ display: none;}
	.space__match .i-grid__li .DW_prd .split{ margin-right: 33px; }


	.space__match .i-grid__li .DW_pwi{ position: relative; overflow: unset; align-items:flex-end; padding:0 !important }
	.space__match .i-grid__li .DW_pwi > div{ width: 30px; height: 30px; }
	.space__match .i-grid__li .DW_pwi > div{ position: absolute; right:0; top: calc(18px + var(--paddingLi)); }
	.space__match .i-grid__li.fast_match .DW_pwi > div{ top: calc(0 + var(--paddingLi)); }
	.space__match .i-grid__li .DW_pwi img{  /*max-width: 30px; max-height: 30px;*/}

	.space__match .i-grid__li .DW_nom{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis; max-width: 100%; padding-right: 24px;}
	.space__match .i-grid__li .DW_typ{ margin-right: 82px;}
	.space__match .i-grid__li .DW_flag{ position: relative; overflow: unset; align-items:flex-end; padding:0 !important; /*width:0*/ }
	.space__match .i-grid__li .DW_flag > *{ position: absolute; right: var(--paddingLi); bottom: var(--paddingLi)}


	.idp--acc .DW_def .u-secondary{ display:flex; flex-direction:column; margin-bottom: 20px;}
	.idp--acc .DW_flag .flagLive{ position: absolute; right: var(--paddingLi); bottom: var(--paddingLi); white-space: nowrap;}

	.ihm--sticky .header__nav__item{ height: 60px; min-width: 60px;}
	.ihm--sticky .header__nav__item.header__idn{right: 0px}
/*}*/

.ihm.ihm--pnlRight .header, .ihm.ihm--pnlRight.ihm--pnlRight_isOpen .header{ padding-right:50px; }
@media screen and (max-width: 1024px) {
	.ihm.ihm--pnlRight .header, .ihm.ihm--pnlRight.ihm--pnlRight_isOpen .header{ padding-right:0px; }
}

/* --- fav --- */
/*.ihmLs__itm:not(:hover) .fav__ico--off{ color: #DBDBDB; }*/
.ihmLs__itm .fav__ico--off{ display:inline; }
.ihmLs__itm .fav__ico--on{ display:none; }
.ihmLs__itm.fav--on .fav__ico--off{ display:none; }
.ihmLs__itm.fav--on .fav__ico--on{ display:inline; }


/*
.fastSld--flt .fastItm--sld .svg__icon{  z-index: 1;}
.fastSld--flt .fastItm--sld{ color: #57689C !important; background-color: #EEF3FF; }
.fastSld--flt .fastItm--sld:after{ background-color: #57689C !important }
/*.fastSld--flt .fastItm--sld:before{ content:""; position: absolute; z-index: 0; top:0; bottom:-20px; left:0; right: 0;background-color: #EEF3FF; }* /
.fastSld--flt .i-btn__ctn--fab{  display: none}
*/

.fast__ctr--mem{ position: relative; background-color: #EEF3FF; overflow: auto;}
.fast__ctr--mem div.ctrFilterMem{ max-width: 800px; margin: 0 auto; padding: 20px; padding-bottom: 200px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.fast__ctr--mem div.ctrFilterMem > div{ margin-top:20px; margin-bottom:50px }

.fast__ctr--mem:before{ position: absolute; top:-3%; bottom:-20px; left: 0; right: 0; width: auto; content:""; height: 14%; max-height: 48px; z-index: 0;
	background-color:transparent;
	background-image: url('../../../img/mep/bg_filter.svg');
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center top;
}

.fast__ctr--mem div.ctrBtn{ position: fixed; left: 50%; transform: translateX(-50%); bottom:0; padding:20px;  }
.fast__ctr--mem .ctrQlfTyp{ display:none; padding-left:30px; margin-bottom:20px; }
.fast__ctr--mem .ctrQlfTyp > div{ width: max-content;}
.fast__ctr--mem .i-chk--isChkOn + .ctrQlfTyp{ display:block; }
.fast__ctr--mem .ctrZone > div{ margin-left: 20px;}
.fast__ctr--mem .ctrZone + .ctrZone{ margin-top: 20px;}
.fast__ctr--mem .i-chk__on--isPartial{ display: none !important;}
.fast__ctr--mem .partialChkOn .i-chk__on--isAll{ display: none !important;}
.fast__ctr--mem .partialChkOn .i-chk__on--isPartial{ display: block !important;}
.fast__ctr--mem .i-chk input[type='checkbox'] + .i-chk__ico + .i-chk__name { opacity:0.8 }
.fast__ctr--mem .i-chk input[type='checkbox']:checked + .i-chk__ico + .i-chk__name {  opacity:1; color:var(--color__txt) }

@media screen and (max-width: 1400px) {
	.fast__ctr--mem:before{ max-height:55px; height:20%; background-size:cover; }
	.fast__ctr--mem div.ctrBtn{ left: auto; transform: none; right: 0;  }
}


.acsBlc{ text-align:left; list-style:none; position:relative; padding: 10px; display: flex; justify-content: space-between;  align-items: center;}
.acsBlc .acsBlcBtnDel{ cursor: pointer; padding:5px }
.acsBlc .acsBlcBtnDel:after{ content:"x"; color:#4E6297; }
.acsBlc .acsBlcBtnDel:hover:after{ color:#000; }

.i-btn--fastItm{margin-top: 11px; display: flex; align-items: flex-start; padding: 0 10px; color: var(--color__fastTxt);}




/*
 *
 * countdown
 *
 */
.ico_live{ animation: ico_live 1s infinite; position:absolute; top:-9px; right:-5px;  }
.ico_live{
	.i-grid__li:has(&) .ctrNtf{
		display: none;
	}
}
.ico_live svg{fill:green;  }
.ico_live.ico_live--sie svg{fill:#000;  }
.MLV_countdown--txt{ display:inline-flex; }
.MLV_countdown--txt div{ letter-spacing: 1px; }
.MLV_countdown--txt .anim{ animation: ico_live 1s infinite; }

@keyframes ico_live {
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/*
 *
 * flag grid
 *
 */

:root {--colorFlag: #C7C7C7; --colorFlagNone: #cfcfcf;}

.flagCtr {display: flex; align-items: center; justify-content: center; height: 17px; color: var(--colorFlag); /*width: 100%;*/}
/*.flagCtr--liveOnLocal {background: #fff6e3;}*/
	.flagCtr--left, .flagCtr--right {min-width: 8px; border: 1px solid var(--colorFlag); height: 100%;}
		.flagCtr--left { border-width: 1px 0 1px 1px; /*margin-right: 5px;*/}
		.flagCtr--right { border-width: 1px 1px 1px 0; /*margin-left: 5px;*/}
		.flagCtr.empty .flagCtr--left,
		.flagCtr.empty .flagCtr--right {border-color: #ACACAC;}

	.flagGrid {display: grid; grid-template-areas: "sie stp"; grid-template-columns: 20px 40px; /*grid-gap: 0px 10px;*/ grid-gap: 2px; font-family: monospace; letter-spacing: -0.5px; color: #828282; grid-template-rows: 1fr; font-size: 11px; width: 100%; /*padding-top: 5px; padding-bottom: 5px;*/}
		.flagGrid--itm[data-k="sie"] {grid-area: sie;}
		.flagGrid--itm[data-k="stp"] {grid-area: stp;}

		.flagGrid--itm {position: relative; display: flex; align-items: center; position: relative; justify-content: center;}
			.flagGrid--itm sup {color: #E28332; font-size: 16px; position: absolute; top: -3px; left: 100%; line-height: 10px; height: 10px;}
			.flagGrid--itm .flagNone {color: var(--colorFlagNone);}
			.flagGrid--itm .flagItalic {font-style: italic;}
			.flagGrid--itm .flagLight {color: #8A8A8A;}
			.flagGrid--itm .flagNew {color: #00A81C;}
			.flagGrid--itm .flagOrange {color: #E28332;}
			.flagGrid--itm .flagLive {color: #BE7450;}

	.flagGrid--lgn {font-family: sourceSansPro; letter-spacing: 0; font-size: 14px; margin-left: 20px; color: #1C1C1C; display: flex; align-items: flex-start; justify-content: space-between;}


	/* -- vertical -- */

	.flagCtr.vertical {flex-direction: column; --colorFlag: #656565;  height: 100%;}
		.flagCtr.vertical .flagCtr--left, .flagCtr.vertical .flagCtr--right {height: 6px; width: 100%;}
			.flagCtr.vertical .flagCtr--left { border-width: 1px 1px 0 1px; margin-right: 0;}
			.flagCtr.vertical .flagCtr--right { border-width: 0 1px 1px 1px; margin-left: 0;}

		.flagCtr.vertical .flagGrid {display: flex; flex-direction: column; align-items: center; grid-gap: 15px;}

	/* vw lgn */

	.flagCtr .flagGrid[data-typ="vw.lgn"] {align-items: flex-start; font-size: 13px;}
	.flagGrid[data-typ="vw.lgn"] .flagGrid--shn {min-width: 40px; text-align: center; display: flex; align-items: center; justify-content: center;}
	.flagGrid[data-typ="vw.lgn"] .flagGrid--itm {height: 20px;}


/*--- noUse --- */
.flagNoUse { color: #7BAABB; font-family: sourceSansPro_semibold;}


/**
 * 
 * BTN REG
 * 
 */
/*
.btn__reg { font-size: 11px; margin-right: 10px; padding: 1px 7px; color: #00DD00; border: 1px solid #00DD00; border-radius: 50%; }

.btn__reg--close { color: #8A8A8A; border-color: #8A8A8A; }
.btn__reg--ext { color: #8A8A8A; border-color: #8A8A8A; }
*/

.btn__reg { width: 78px; --bg: #cea95f; box-shadow: 3px 3px 6px rgba(128,128,128, 0.50); } 
.btn__reg:hover { --bg: #bda470; } 
.btn__reg.u-dsb { --bg: #cbcbcb; }
.btn__reg--val{ --bg: #64C16D; }
.btn__reg--val:hover{ --bg: #7AA43C;}

.btn__reg--queue {--bg: #fff; border: 1px solid #cea95f; color: #828282;}
.btn__reg--queue:hover{ --bg: #fff;}


/**
 * 
 * NTF LVS
 * 
 */

.ntfLvs { display: inline-flex; justify-content: center; align-items: center; font-size: 9px; color: #FFF; width: 14px; height: 14px; position: relative; }
.ntfLvs--hide { display: none; }

.ntfLvs .svg__icon { color: green; }
.ntfLvs--ctn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -66%); }


.ntfShooting { display: inline-flex; justify-content: center; align-items: center; font-size: 9px; color: #FFF; width: 14px; height: 14px; position: relative; }
.ntfShooting--hide { display: none; }
.ntfShooting .svg__icon { color: green; }

.ntfStreaming { display: inline-flex; justify-content: center; align-items: center; font-size: 9px; color: #FFF; width: 14px; height: 14px; position: relative; passing-left: 5px; }
.ntfStreaming--hide { display: none; }
.ntfStreaming .svg__icon { color: green; }

/*
 // Force le style mobile
@media screen and (max-width: 1400px) {*/
	.ntfLvs { position: absolute; top: 0; right: 30px; }
	.ntfShooting { position: absolute; top: 0; right: 15px; }
	.ntfStreaming { position: absolute; top: 0; right: 0; }

	.ntfLvs .svg__icon,
	.ntfShooting .svg__icon,
	.ntfStreaming .svg__icon { width: 12px; height: 12px; }
/*}*/

/* RANK */
.space__current .match__rank .i-grid__head > div { background-color: transparent; }
.space__current .match__rank .i-grid__li > div { align-items: center; }
.space__current .match__rank .i-grid__li:hover > div { background-color: transparent; }

.space__current .shooter-name{ overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: left;}
.space__current .rank-color { width: 5px; height: 80%; margin-right: 5px; border: dashed 1px black; }
.space__current .rank-color.rank-color--1 { border: none; background-color: #0262D0; }
.space__current .rank-color.rank-color--2 { border: none; background-color: #588DC9; }
.space__current .rank-color.rank-color--3 { border: none; background-color: #BFCCDC; }
.space__current .rank-color.rank-color--dq { opacity:0 }

.space__current .i-grid__li.i-grid__li--nrk{font-style: italic; color: #888 !important;}
.space__current .i-grid__li.i-grid__li--nrk .shooter-lg{filter: grayscale(50%);}

.space__current .spacerShooter{height: 3px;}


.space__current .shooter-lg { width: 13px; margin-right: 5px; }
.space__current .shooter-lg img { max-width: 100%; }

.space__current .stage { overflow: visible; justify-content: center; }
.space__current .stage-graph { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.space__current .stage-graph::before { content: ""; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(225deg); width: 28px; height: 28px; background: conic-gradient(#AAAAAA var(--ratio__stage), #D2D2D2 var(--ratio__stage), #D2D2D2 75%, transparent 75%); }
.space__current .stage-graph::after { content: ""; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: var(--color__background); }
.space__current .stage-nbr { /*font-size: 16px;*/ font-family: var(--font-bold); color: #AAAAAA; z-index: 1; width: 22px; text-align:center; }

.space__current .stage-diff { justify-content: center; align-items: center; }
.space__current .stage-diff .stage-max { width: 4px; }
.space__current .stage-diff .stage-diff1 { width: 8px; }
.space__current .stage-diff .stage-diff2 { width: 16px; }

.space__current .rank-miss-col, .space__current .rank-points-col, .space__current .rank-score-col, .space__current .rank-reussite-col { font-weight: bold; font-size: 1.1rem; color: black; }
.space__current .rank-miss, .space__current .points-current { /*font-size: 1.2rem;*/ font-family: var(--font-bold); }
.space__current .points-max { color: #B2B2B2; }
.space__current .rank-score, .space__current .rank-reussite { /*font-size: 1.1rem;*/ font-family: var(--font-bold); }


.space__current .u-up{/*font-size: 1.2rem;*/ font-family: var(--font-bold);}

.space__current .stage-diff { min-width: 20px; padding: 0px 0px; padding-left: 0px !important; padding-right: 0px !important;}
.space__current .stage-diff .stage-diff1 { transform: rotate(180deg);}
.space__current .stage-diff .stage-diff2 { transform: rotate(180deg);}
.space__current .cat_pr, .space__current .div_pr {color: #979797; padding: 0px 0px; padding-right: 20px !important;}
.space__current .cat_player, .space__current .div_player {color: #979797; padding: 0px 0px; padding-right: 20px !important;}

.space__current .match__rank .i-grid__li > div { padding-top: 3px; padding-bottom: 3px; }
.space__current .match__rank .i-grid__li.i-grid__li--spacer > div { padding-top: 0; padding-bottom: 0; }
.space__current .spacerCtr{display: flex; flex-direction: column; padding-top: 1px; padding-bottom: 1px; }
.space__current .spacerCtr > *{ margin: 1px 2px; width: 1px; height: 1px; background: #181717; border-radius:50%; }
.space__current .spacerCtr > .hide{ background:transparent; }
.space__current .spacerCtr > .multi_top{ all:initial; }
.space__current .spacerCtr > .multi_top span{display:block; margin-top: 4px; width: 5px; height:7px; border-top: 1px solid #666; border-radius:5px;  }
.space__current .spacerCtr > .multi_bot{ all:initial; }
.space__current .spacerCtr > .multi_bot span{display:block; margin-bottom: 4px; width: 5px; height:7px; border-bottom: 1px solid #666; border-radius:5px;  }
.space__current .i-grid__col--spacer span{ position: relative; color:#181717; margin-left: 5px; width: 16px;}
.space__current .i-grid__col--spacer span:after{ position: absolute; bottom: -6px; left: 0; width: 100%; display: block; content:""; height: 1px; background: #181717}
.space__current .match__rank .i-grid__li .rank-color { border: solid 1px #ccc; }

	/*
@media screen and (max-width: 1400px){
	.space__current .cat_pr, .space__current .div_pr{ padding: 0px 0px; padding-right: 10px !important}
	.space__current .cat_player, .space__current .div_player{ padding: 0px 0px; padding-right: 10px !important}
	.space__current .DW--score{ padding: 0px 10px; }
	.space__current .DW--time{ all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }


	.space__current .i-grid--mlv-team .i-grid__li--sepTyp > div{
		padding-top: 52px;
	}
}
	*/


/* --- PNL RIGHT --- */

.pnlRight .btnPnl{ justify-content:center; width:50px; color: #4E6297; height: 60px; }
.pnlRight .btnPnl:hover{ color:var(--color_txt); background:#fff !important; }
.ihm--pnlRight_isOpen .pnlRight .btnPnl{ width:50px }


@media screen and (max-width: 800px) {
	.pnlRight .btnPnl{ height: 40px; }
}
.ihm.ihm--pnlRight .header, .ihm.ihm--pnlRight.ihm--pnlRight_isOpen .header{ padding-right:50px; }
@media screen and (max-width: 1024px) {
	.ihm.ihm--pnlRight .header, .ihm.ihm--pnlRight.ihm--pnlRight_isOpen .header{ padding-right:0px; }
}