/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+   © Copyright iDIWAY 2016
//+   Tout droits de reproduction interdits
//+   http://www.idiway.fr
//+   $Revision: 9327 $
//+   $Date: 2025-11-14 16:04:57 +0100 (ven. 14 nov. 2025) $
//+   $HeadURL: svn://svn.id.lan/pko/sat/2x/241_tgo/trunk/tpl/ihm20/svc/umod/match/match_reg.frm.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.ihmFrm__main{padding: 0 20px;}
.ihmFrm__main .i-chk__name{position: relative;}



.ihm.ihmFrm .ihmFrm__frm { overflow: visible; flex: unset;}
.ihm.ihmFrm .main { overflow: auto; }

.ihm.ihmFrm .ihmFrm__footer { box-shadow:none; max-width:1000px; margin:0 auto; background:transparent; }

/* --- ACS --- */
.acs .acsSlrLs { overflow-y: auto; max-height: 200px; }
.acs .acsSlrLs li.itmEmpty { color: #808080;}

/* --- TIT --- */
.iTpl-tit{  position: relative;}
.tit-logo{ position:absolute; top:0; right: 0; display: block; margin: 0 auto; width:250px; height:100px; }
.tit-logo img{ max-width: 100%; max-height: 100%; }
@media screen and (max-width: 800px) {
	.tit-logo{  position:relative; top: unset; right:unset; max-width:500px; max-height:80px; }
}
.tit_frm{display: flex; align-items: center;}
.tit_frm .svg__icon{margin-right: 10px;}
.tit_frm .tit_more{font-size: 0.9rem; padding-left: 5px; color: #808080; font-weight: normal;}

/* --- CTN --- */
.ctrIgd{ padding-left: 50px;}

.ihmFrm__grpCtr--login{ display: inline-flex; flex-wrap: wrap;}
.ihmFrm__grpCtr--usrIpt{ display: flex; align-items: flex-start;  padding-top: 8px; }
.ihmFrm__grpCtr--usrIpt .ihmFrm__chp+.ihmFrm__chp{ margin-left: 30px;}
.ihmFrm__grpCtr--usrBtn{ flex:1; display: flex; align-items:center; justify-content: flex-end; padding: 0 20px; }
.ihmFrm__grpCtr--nom{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-top: 40px;}
.ihmFrm__grpCtr--nom .ihmFrm__chp--nom{ flex: 1;}


.ihmFrm__grpCtr--double{ margin: 0px auto; display: flex;  justify-content: space-around; align-items: flex-start; flex-wrap: wrap;}
.ihmFrm__grpCtr--double > .ihmFrm__grp{/* width: auto;*/ flex: 1;}
.ihmFrm__grpCtr--double > .ihmFrm__grp + .ihmFrm__grp{ margin-top:0px }
.ihmFrm__grpCtr--double .ihmFrm__lbl{width: 100px;}

.ihmFrm__fldCtr--px .i-chk__name{flex: 1; max-width: 200px; margin-right: 5px;}

.iptCtr_qlf .i-chk{width: max-content; min-width: 150px;}
.iptCtr_qlf .i-chk__name{padding-right: 10px;}
.iptCtr_reg .i-chk{min-width: 200px; padding-right: 10px;}

.iptCtr_matchPwi {--paddingLi: 10px; width: max-content; max-width: 100%; grid-template-columns: repeat(var(--nCol), minmax(0px, max-content));}
.iptCtr_matchPwi .i-grid__li > div{ white-space: wrap; align-items: flex-start; background-color: rgba(241, 242, 253, 0.45);}
.iptCtr_matchPwi .i-grid__li .DW_fav .fav{ opacity: 0.8}

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

/*.iptCtr_matchPwi .i-grid__li .DW_fav:hover {cursor: pointer; }
.iptCtr_matchPwi .i-grid__li .DW_fav:hover .fav{ opacity: 1;}*/
.iptCtr_matchPwi .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; }
.iptCtr_matchPwi .i-grid__li .DW_def{ flex-direction:column; align-items:flex-start; }
.iptCtr_matchPwi .i-grid__li .DW_def >div:first-child{ font-family:var(--font-semibold); }

.iptCtr_matchPwi .i-grid__li .fav__ico--off{ display:inline; }
.iptCtr_matchPwi .i-grid__li .fav__ico--on{ display:none; }
.iptCtr_matchPwi .i-grid__li.fav--on .fav__ico--off{ display:none; }
.iptCtr_matchPwi .i-grid__li.fav--on .fav__ico--on{ display:inline; }
.iptCtr_shooterIpt{ max-width: 318px; }
.iptCtr_shooterIpt .ihmFrm__grp + .ihmFrm__grp { margin-top: 24px; }

.ihmFrm__chp--prs{display: flex; align-items: center;}
.ihmFrm__chp--prsHash{position: absolute; right: 100%; margin-right: 5px; margin-bottom: 50px;}

.iptCtr_shooterPwi { width: max-content; max-width: 100%; grid-template-columns: repeat(var(--nCol), minmax(0px, max-content));}
.iptCtr_shooterPwi .i-grid__li> div{background-color: rgba(241, 242, 253, 0.45);}


.shooter-lg { width: 13px; margin-right: 5px; }
.shooter-lg img { max-width: 100%; }
.shooter-name {min-width: 200px; font-family: var(--font-semibold);}
.cat_player{ min-width: 80px; justify-content: flex-end; }

.iptCtr_chk { width: max-content; min-width: 200px;}

.ihmFrm__grp__shooter.ihmFrm__grp__shooter--hide{display: none;}
.i-btn--addShooter{margin-left: 10px;}

.iptCtr_squad{display: flex; flex-wrap: wrap; column-gap: 40px;}
.iptCtr_squad > .ihmFrm__grp{ width: auto;}
.iptCtr_squad > .ihmFrm__grp + .ihmFrm__grp{ margin-top:0px }
.iptCtr_squad .ihmFrm__lbl{width: 100%;}


.i-sepRegFoot .i-sep__line{ border-color: #cea95f;}
.mntCtr_slt{ display: flex; justify-content: flex-end; }
.mntCtr_slt .mntCtr--lbl { margin-top: 8px; margin-right: 16px; }
.mntCtr_slt .ihmFrm__fld { display: flex; justify-content: flex-end; margin: 10px 0; }
.mntCtr_slt .ihmFrm__fld label { width: 100px; margin-left: 4px; display: flex; align-items: center; column-gap: 2px; }
.mntCtr_slt .ihmFrm__fld .ihmFrm__chp { min-height: 30px; width: 70px; }
.mntCtr_slt .ihmFrm__fld .ihmFrm__chp input { height: 30px; font-size: 14px; padding: 4px; font-family: var(--font-semibold);}
.mntCtr_slt .ihmFrm__lbl--err { font-size: 14px; margin-right: 10px; }

.mntCtr_replace { display: flex; justify-content: flex-end; column-gap: 10px; }
.mntCtr--dsb { text-decoration: line-through; }
.mntCtr_msg { margin: 20px 0; display: flex; justify-content: flex-end;  border-top: 1px solid #cea95f; /*border-right: 1px solid #cea95f;*/ border-radius:  0 10px 10px 10px ; }
.mntCtr_msg > *{  padding: 10px; max-width:340px; border-bottom: 1px solid #cea95f;  border-radius: 10px;}

.mntGnl { display: flex; justify-content: space-between; }
.mntObs { width: 250px; }
.mntObs .ihmFrm__chp textarea { height: auto; min-height: auto; font-size: 14px; width:100%; }

.mntPaid { display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap; margin-top: 10px; }
.mntPaid.mntPaid--hide { display: none; }
.mntPaid .ihmFrm__fld { margin: 10px 0; }
.mntPaid .mntPaid--lbl { margin-top: 4px; margin-right: 16px; }
.mntPaid .mntPaid--ctn input { margin-left: 0}
.mntPaid .mntPaid--ctn label { width: 120px; }
.mntPaid .mntPaid--ctn label > * { vertical-align: sub; }

.mntPaid:not(.mntPaid--free) .mntPaid--ctn_free,
.mntPaid.mntPaid--free .mntPaid--ctn_notFree { display: none; }


/* DESKTOP */
@media screen and (min-width: 800px) {
	.iptCtr_shooterIpt{ max-width: 500px; }
	.iptCtr_shooterIpt .ihmFrm__grp:not(.ihmFrm__grp__shooter){max-width: 318px;}
}

/* MOBILE */
@media screen and (max-width: 800px) {
	.ctrIgd{ padding-left: 30px;}

	.ihmFrm__grpCtr--usrIpt{ flex-direction:column; margin-bottom:20px; }
	.ihmFrm__grpCtr--usrIpt .ihmFrm__chp+.ihmFrm__chp{ margin-left: 0; margin-top: 25px;}


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


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

	.iptCtr_matchPwi .i-grid__li .DW_nom{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis; max-width: 100%;}
	.iptCtr_matchPwi .i-grid__li .DW_typ{ margin-right: 77px;}


	.ihmFrm__actRgt { position: absolute; bottom: 20px; right: 20px; z-index: 1; background-color: #fff;}
	.ihmFrm__actRgt .i-btn { box-shadow: 3px 3px 6px var(--color__shadow);}

	.ihm.ihmFrm .ihmFrm__footer { margin-right: 0; height: 60px; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; z-index: 10; position: relative; }
	.ihm.ihmFrm .ihmFrm__actRgt { position: static; background:transparent; }

	.mntGnl { flex-direction: column-reverse; row-gap: 20px; align-items: flex-end; }
	.mntObs { width:100%; }

}