/* feuille de style pour iprono */
body { overflow: inherit !important}

[type="radio"]:not(:checked),[type="radio"]:checked {  display:none; }

.modal {
  max-height: 90%;
  width: initial;
}

@media only screen and (max-width: 600px) {
  #tabMatch tr td:nth-child(2), #tabMatch tr th:nth-child(2) { display:none }
  #tabMatch tr td:nth-child(4), #tabMatch tr th:nth-child(4) { display:none }
  #tabMatch tr td:nth-child(5), #tabMatch tr th:nth-child(5) { display:none }
  #tab .col2 { display:none}
  .modal .modal-content { padding:24px 0px}
}

#classement [id^="match-"] tr td:nth-child(1)  { display:none }
@media only screen and (min-width: 600px) {
  #classement [id^="match-"] tr td:nth-child(4)  { display:none }
}

@media only screen and (max-width: 400px) {
  #classement [id^="match-"] tr td:nth-child(4)  { display:none }
}

.radio_country [type="radio"] + span::before, [type="radio"] + span::after { content:initial;}
.radio_country [type="radio"] + span:not(.m_) { padding-left: 30px !important;}
.radio_country [type="radio"]:checked + span { background-color:#38c !important;  color:white !important;}
.radio_country [type="radio"]:checked + span:not(.m_) { padding-left: 30px !important;}
.radio_country span { 
  width:110px; 
  /* padding:0px 6px 5px 6px; */
  background-color:#ededed;
  color:black;
  margin:2px 0px;
  border-radius: 5px;
  border: 1px solid #5695b7;
  height:25px;
  line-height: 20px;
  font-size: 15px;
}

#main0 {   border-width: 1px;   border-style: solid;   border-color: #484781;
  background-color: #e3f2fd;
  border-radius: 5px;
  margin: 0 10px;
  height : 50px;
  padding : 10px;
}

#main1 {   border-width: 1px;   border-style: solid;   border-color: #484781;
  background-color: #e3f2fd;
  border-radius: 5px;
  margin: 0 10px;
}

#toolbar {  border-width: 1px;   border-style: solid;   border-color: #484781;   background-color: #e3f2fd;
  border-radius: 5px;
  padding-left: 20px;
  margin: 10px;
}

#toolbar a {  margin: 10px 20px 10px 0px; }

#tab { width: initial}
#tab th .ui-btn { padding:1px 6px 5px 6px}
#tab th { vertical-align:middle;font-weight:bold;}

#tab .col2 a.ui-btn { 
  padding: 3px 5px;
  background: #f6f6f6;
  border-radius: 5px;
  border: 1px solid #3f68b0;
  margin: 8px 5px 8px 5px;
  color: black;
  display: block;  
  text-align: center;
} 

#tab td {
  padding : 0px 2px; 
  vertical-align:middle 
}

#tab .colh2 {font-weight:normal }
#tab .colh1 {font-weight:normal }
#tab td.col2  { width:70px; margin:6px 0 6px 0px; font-size:12px; font-weight:normal}

.m1 { padding-left:28px }

#popupMatch .ui-table th, .ui-table td { padding:3px 1px 3px 1px }
#popupMatch td.col5 { text-align:center;vertical-align:middle }
#popupMatch .odd { background-color : #F6F6F6 }
.ballon { padding:0 10px 0 5px;width:50px;height:50px;float:left }
  
.match { background-color:#c2bef8;  padding:1px 3px 1px 3px;   border-radius: 5px;  border:1px solid black }
.match a { margin:0 }
.match table td { padding:2px 0px 2px 0px !important; vertical-align:middle}
.match table {border: 0; border-collapse: collapse; margin:0;padding:0}

.match .ui-btn { 
  background: #f6f6f6;
  border-radius: 5px;
  border: 1px solid #3f68b0;
  margin: 1px 4px;
  color: black;
  display: block;
  width:20px;
  text-align:center;  
}

.match label input + span, .groupe label input + span { background-position:2% 50%; background-repeat: no-repeat; }

.group { margin:0px 0 0 0; }
.groupe  { margin:4px 0px; padding:0px 5px;background-color:#ccf9e4 ; border-radius: 5px; border:1px solid #7e7ccf}

.list-table th {  padding: 5px 0 !important }
.list-table img { margin-right:5px}
.list-table a { margin:0 }
.list-table td { background-size: auto 15px; background-position:0% 50%; background-repeat: no-repeat;  padding:5px 0; }
.list-table tbody tr td:nth-child(6) { padding-left:30px }
.list-table tbody tr td:nth-child(7) { padding-left:30px }

#classement .groupe-cla { 
  overflow-x: scroll;
  margin:8px 0;
  padding: 8px;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #e3f2fd;
}

#classement .col { padding: 0 10px !important}

.groupe-cla h4 { margin-top: 0; }

#classement td.col5 { text-align: center }
#classement table thead tr { font-size:14px }

#classement table th, #classement table td { 
  padding:0px 3px 5px 0px; 
  white-space:nowrap; 
}
#classement table:first-child thead tr th:first-child   { text-align:left;width:40px }
#classement table:first-child thead tr th:nth-child(2)  { text-align:left;width:160px }

#classement table:nth-of-type(1) tbody tr td:nth-child(1)  { text-align:center }
#classement table:nth-of-type(1) tbody tr td:nth-child(2)  {
  background-position:0% 50% !important;
  background-repeat: no-repeat !important;
  padding-left:30px !important;
  background-size: auto 15px; 
}

#classement table:nth-of-type(1) tbody tr td:nth-child(3)  { text-align:center }
#classement table:nth-of-type(1) tbody tr td:nth-child(4)  { text-align:center }
#classement table:nth-of-type(1) tbody tr td:nth-child(7)  { text-align:center }
#classement table:nth-of-type(1) tbody tr td:nth-child(8)  { text-align:center }
#classement table:nth-of-type(1) tbody tr td:nth-child(9)  { text-align:center }
#classement table:nth-of-type(1) tbody tr td:nth-child(10) { text-align:center }

#classement table:nth-of-type(2) tbody tr td:nth-child(5)  {
  background-position:0% 50% !important;
  background-repeat: no-repeat !important;
  padding-left:28px !important;
  background-size: auto 15px; 
}
#classement table:nth-of-type(2) tbody tr td:nth-child(6)  {
  background-position:0% 50% !important;
  background-repeat: no-repeat !important;
  padding-left:28px !important;
  background-size: auto 15px; 
}

#classement table .ui-btn { padding:1px 6px 5px 6px; margin:0 }
#classement table td      { padding:3px; margin:0 }

/* popup saisie des scores */
#pp2 fieldset{ border:0; padding:0 }
#pp2 h4 {
  font-size: 20px;
  padding:0px 0 3px 35px;
  background-position:3px 0px; 
  background-repeat: no-repeat;
  margin-right: 0;
}

#pp2 [type="radio"]:checked + span { background-color:#38c !important;  color:white !important;}
#pp2 [type="radio"] + span::before, [type="radio"] + span::after { content:initial;}


#pp2 [type="radio"] + span {
  padding: 2px 10px 6px 9px !important;
  border: 1px solid black;
  border-radius: 5px;
  margin: 2px 0;
  height: initial;
  font-size: 2rem;    
}

#tableauMatch { background-color: #e3f2fd; border-color: rgb(160, 177, 176); }

/* pour la barre de recherche */
#tableauMatch .input-field { margin-bottom: 0px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* { box-sizing: border-box; }*/

#lines {
  position: absolute;
  top: 0;
  left: 162px;
  pointer-events: none; /* les clics passent à travers */
  z-index: 1; /* sous les matchs (qui sont z-index:auto) */
}

#bracket {
  display: flex;
  gap: 10px;
  align-items: flex-start; /* colonnes alignées en haut */
  user-select: none;
}

/* colonne de tour : on laisse la hauteur être fixée via JS */
.round {
  width: 150px;
  position: relative; /* pour position absolue des match dans la colonne */
}

/* titre de tour */
.round-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px;
}
.round-title0 {
  text-align: center;
  font-weight: bold;
  padding-top: 6px;
  margin-bottom: 10px;
}

/* match : hauteur fixe pour des calculs stables */
.match2 {
  position: absolute; /* positionné par JS */
  left: 0;
  width: 100%;
  height: 56px;            /* hauteur fixe (ajustable) */
  padding: 3px;
  border: 1px solid #aaa;
  background: #f5f5f5;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*transition: background 0.12s, top 0.12s;*/
  overflow: hidden;
}

/* joueur */
.player {
  padding: 1px 6px 2px 25px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  background-size: auto 15px !important; background-position:0% 50% !important; background-repeat: no-repeat !important;
}

.player + .player {
  margin-top: 4px;
}

/*
.player:hover {
  background: rgba(0,0,0,0.04);
}
*/

/* vainqueur visuel */
.winner {
  background-color: #bee3fd !important;
}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/* select phase group */
li>a, .dropdown-content li>span {
    font-size: 16px;
    color: #26a69a;
    display: block;
    line-height: 22px;
    padding: 0px 16px;
}
.dropdown-content {
  width: 180px !important;
}

.dropdown-content li {
  min-height : 24px;
}

.select-dropdown li img {
    height: 20px;
    width: 20px;
    margin: 0 15px 5px 15px;
    float: right;
}
.select-wrapper input.select-dropdown {
  height:23px !important;
  border: 1px solid #9e9e9e;
  padding-left:5px;
}

.select-wrapper input.select-dropdown {
  margin :0px 0px 0px 0px;  
}

.selectWrapper { margin-bottom:1px }

#selectPhase .input-field {
  margin-bottom: 0px;
  height : 30px;
}

/* classe pour drapeaux, généré avec cmvar.js */
.m_  { padding: 1px 0 3px 6px !important;  width: 110px !important;}
.m__ { padding: 1px 0 3px 6px !important; }

/* non iso */
.m___ { background:url('../svg/__.svg') }
.m_en { background-size: 21px 15px !important; background:url('../svg/en.svg') } /* angleterre */
.m_eo { background-size: 21px 15px !important; background:url('../svg/eo.svg') } /* ecosse */
.m_wa { background:url('../svg/_Wales.svg')} 
.m_ia { background:url('../svg/_Northern Ireland.svg') ;height:17px!important;font-size:9px!important;} 

/* code iso classe générée avec cmvar.js */
.m_ad { background:url('../svg/ad.svg') } 
.m_ae { background:url('../svg/ae.svg') } 
.m_af { background:url('../svg/af.svg') } 
.m_ag { background:url('../svg/ag.svg') } 
.m_ai { background:url('../svg/ai.svg') } 
.m_al { background:url('../svg/al.svg') } 
.m_am { background:url('../svg/am.svg') } 
.m_an { background:url('../svg/an.svg') } 
.m_ao { background:url('../svg/ao.svg') } 
.m_aq { background:url('../svg/aq.svg') } 
.m_ar { background:url('../svg/ar.svg') } 
.m_as { background:url('../svg/as.svg') } 
.m_at { background:url('../svg/at.svg') } 
.m_au { background:url('../svg/au.svg') } 
.m_aw { background:url('../svg/aw.svg') } 
.m_az { background:url('../svg/az.svg') } 
.m_ba { background:url('../svg/ba.svg') } 
.m_bb { background:url('../svg/bb.svg') } 
.m_bd { background:url('../svg/bd.svg') } 
.m_be { background:url('../svg/be.svg') } 
.m_bf { background:url('../svg/bf.svg') } 
.m_bg { background:url('../svg/bg.svg') } 
.m_bh { background:url('../svg/bh.svg') } 
.m_bi { background:url('../svg/bi.svg') } 
.m_bj { background:url('../svg/bj.svg') } 
.m_bm { background:url('../svg/bm.svg') } 
.m_bn { background:url('../svg/bn.svg') } 
.m_bo { background:url('../svg/bo.svg') } 
.m_br { background:url('../svg/br.svg') } 
.m_bs { background:url('../svg/bs.svg') } 
.m_bt { background:url('../svg/bt.svg') } 
.m_bw { background:url('../svg/bw.svg') } 
.m_by { background:url('../svg/by.svg') } 
.m_bz { background:url('../svg/bz.svg') } 
.m_ca { background:url('../svg/ca.svg') } 
.m_cd { background:url('../svg/cd.svg') } 
.m_cf { background:url('../svg/cf.svg') } 
.m_cg { background:url('../svg/cg.svg') } 
.m_ch { background:url('../svg/ch.svg') } 
.m_ci { background:url('../svg/ci.svg') } 
.m_ck { background:url('../svg/ck.svg') } 
.m_cl { background:url('../svg/cl.svg') } 
.m_cm { background:url('../svg/cm.svg') } 
.m_cn { background:url('../svg/cn.svg') } 
.m_co { background:url('../svg/co.svg') } 
.m_cr { background:url('../svg/cr.svg') } 
.m_cu { background:url('../svg/cu.svg') } 
.m_cv { background:url('../svg/cv.svg') } 
.m_cy { background:url('../svg/cy.svg') } 
.m_cz { background:url('../svg/cz.svg') } 
.m_de { background:url('../svg/de.svg') } 
.m_dj { background:url('../svg/dj.svg') } 
.m_dk { background:url('../svg/dk.svg') } 
.m_dm { background:url('../svg/dm.svg') } 
.m_do { background:url('../svg/do.svg') } 
.m_dz { background:url('../svg/dz.svg') } 
.m_ec { background:url('../svg/ec.svg') } 
.m_ee { background:url('../svg/ee.svg') } 
.m_eg { background:url('../svg/eg.svg') } 
.m_eh { background:url('../svg/eh.svg') } 
.m_er { background:url('../svg/er.svg') } 
.m_es { background:url('../svg/es.svg') } 
.m_et { background:url('../svg/et.svg') } 
.m_fi { background:url('../svg/fi.svg') } 
.m_fj { background:url('../svg/fj.svg') } 
.m_fm { background:url('../svg/fm.svg') } 
.m_fo { background:url('../svg/fo.svg') } 
.m_fr { background:url('../svg/fr.svg') } 
.m_ga { background:url('../svg/ga.svg') } 
.m_gb { background:url('../svg/gb.svg') } 
.m_gd { background:url('../svg/gd.svg') } 
.m_ge { background:url('../svg/ge.svg') } 
.m_gg { background:url('../svg/gg.svg') } 
.m_gh { background:url('../svg/gh.svg') } 
.m_gi { background:url('../svg/gi.svg') } 
.m_gl { background:url('../svg/gl.svg') } 
.m_gm { background:url('../svg/gm.svg') } 
.m_gn { background:url('../svg/gn.svg') } 
.m_gp { background:url('../svg/gp.svg') } 
.m_gq { background:url('../svg/gq.svg') } 
.m_gr { background:url('../svg/gr.svg') } 
.m_gt { background:url('../svg/gt.svg') } 
.m_gu { background:url('../svg/gu.svg') } 
.m_gw { background:url('../svg/gw.svg') } 
.m_gy { background:url('../svg/gy.svg') } 
.m_hk { background:url('../svg/hk.svg') } 
.m_hn { background:url('../svg/hn.svg') } 
.m_hr { background:url('../svg/hr.svg') } 
.m_ht { background:url('../svg/ht.svg') } 
.m_hu { background:url('../svg/hu.svg') } 
.m_id { background:url('../svg/id.svg') } 
.m_ie { background:url('../svg/ie.svg') } 
.m_il { background:url('../svg/il.svg') } 
.m_im { background:url('../svg/im.svg') } 
.m_in { background:url('../svg/in.svg') } 
.m_iq { background:url('../svg/iq.svg') } 
.m_ir { background:url('../svg/ir.svg') } 
.m_is { background:url('../svg/is.svg') } 
.m_it { background:url('../svg/it.svg') } 
.m_je { background:url('../svg/je.svg') } 
.m_jm { background:url('../svg/jm.svg') } 
.m_jo { background:url('../svg/jo.svg') } 
.m_jp { background:url('../svg/jp.svg') } 
.m_ke { background:url('../svg/ke.svg') } 
.m_kg { background:url('../svg/kg.svg') } 
.m_kh { background:url('../svg/kh.svg') } 
.m_ki { background:url('../svg/ki.svg') } 
.m_km { background:url('../svg/km.svg') } 
.m_kn { background:url('../svg/kn.svg') } 
.m_kp { background:url('../svg/kp.svg') } 
.m_kr { background:url('../svg/kr.svg') } 
.m_kw { background:url('../svg/kw.svg') } 
.m_ky { background:url('../svg/ky.svg') } 
.m_kz { background:url('../svg/kz.svg') } 
.m_la { background:url('../svg/la.svg') } 
.m_lb { background:url('../svg/lb.svg') } 
.m_lc { background:url('../svg/lc.svg') } 
.m_li { background:url('../svg/li.svg') } 
.m_li { background:url('../svg/li.svg') } 
.m_lk { background:url('../svg/lk.svg') } 
.m_lr { background:url('../svg/lr.svg') } 
.m_ls { background:url('../svg/ls.svg') } 
.m_lt { background:url('../svg/lt.svg') } 
.m_lu { background:url('../svg/lu.svg') } 
.m_lv { background:url('../svg/lv.svg') } 
.m_ly { background:url('../svg/ly.svg') } 
.m_ma { background:url('../svg/ma.svg') } 
.m_mc { background:url('../svg/mc.svg') } 
.m_md { background:url('../svg/md.svg') } 
.m_me { background:url('../svg/me.svg') } 
.m_mg { background:url('../svg/mg.svg') } 
.m_mh { background:url('../svg/mh.svg') } 
.m_mk { background:url('../svg/mk.svg') } 
.m_ml { background:url('../svg/ml.svg') } 
.m_mm { background:url('../svg/mm.svg') } 
.m_mn { background:url('../svg/mn.svg') } 
.m_mo { background:url('../svg/mo.svg') } 
.m_mq { background:url('../svg/mq.svg') } 
.m_mr { background:url('../svg/mr.svg') } 
.m_ms { background:url('../svg/ms.svg') } 
.m_mt { background:url('../svg/mt.svg') } 
.m_mu { background:url('../svg/mu.svg') } 
.m_mv { background:url('../svg/mv.svg') } 
.m_mw { background:url('../svg/mw.svg') } 
.m_mx { background:url('../svg/mx.svg') } 
.m_my { background:url('../svg/my.svg') } 
.m_mz { background:url('../svg/mz.svg') } 
.m_na { background:url('../svg/na.svg') } 
.m_nc { background:url('../svg/nc.svg') } 
.m_ne { background:url('../svg/ne.svg') } 
.m_ng { background:url('../svg/ng.svg') } 
.m_ni { background:url('../svg/ni.svg') } 
.m_nl { background:url('../svg/nl.svg') } 
.m_no { background:url('../svg/no.svg') } 
.m_np { background:url('../svg/np.svg') } 
.m_nr { background:url('../svg/nr.svg') } 
.m_nz { background:url('../svg/nz.svg') } 
.m_om { background:url('../svg/om.svg') } 
.m_pa { background:url('../svg/pa.svg') } 
.m_pe { background:url('../svg/pe.svg') } 
.m_pf { background:url('../svg/pf.svg') } 
.m_pg { background:url('../svg/pg.svg') } 
.m_ph { background:url('../svg/ph.svg') } 
.m_pk { background:url('../svg/pk.svg') } 
.m_pl { background:url('../svg/pl.svg') } 
.m_pr { background:url('../svg/pr.svg') } 
.m_ps { background:url('../svg/ps.svg') } 
.m_pt { background:url('../svg/pt.svg') } 
.m_pw { background:url('../svg/pw.svg') } 
.m_py { background:url('../svg/py.svg') } 
.m_qa { background:url('../svg/qa.svg') } 
.m_re { background:url('../svg/re.svg') } 
.m_ro { background:url('../svg/ro.svg') } 
.m_rs { background:url('../svg/rs.svg') } 
.m_ru { background:url('../svg/ru.svg') } 
.m_rw { background:url('../svg/rw.svg') } 
.m_sa { background:url('../svg/sa.svg') } 
.m_sb { background:url('../svg/sb.svg') } 
.m_sc { background:url('../svg/sc.svg') } 
.m_sd { background:url('../svg/sd.svg') } 
.m_se { background:url('../svg/se.svg') } 
.m_sg { background:url('../svg/sg.svg') } 
.m_si { background:url('../svg/si.svg') } 
.m_sk { background:url('../svg/sk.svg') } 
.m_sl { background:url('../svg/sl.svg') } 
.m_sm { background:url('../svg/sm.svg') } 
.m_sn { background:url('../svg/sn.svg') } 
.m_so { background:url('../svg/so.svg') } 
.m_sr { background:url('../svg/sr.svg') } 
.m_st { background:url('../svg/st.svg') } 
.m_sv { background:url('../svg/sv.svg') } 
.m_sy { background:url('../svg/sy.svg') } 
.m_sz { background:url('../svg/sz.svg') } 
.m_tc { background:url('../svg/tc.svg') } 
.m_td { background:url('../svg/td.svg') } 
.m_tg { background:url('../svg/tg.svg') } 
.m_th { background:url('../svg/th.svg') } 
.m_tj { background:url('../svg/tj.svg') } 
.m_tl { background:url('../svg/tl.svg') } 
.m_tm { background:url('../svg/tm.svg') } 
.m_tn { background:url('../svg/tn.svg') } 
.m_to { background:url('../svg/to.svg') } 
.m_tr { background:url('../svg/tr.svg') } 
.m_tt { background:url('../svg/tt.svg') } 
.m_tv { background:url('../svg/tv.svg') } 
.m_tw { background:url('../svg/tw.svg') } 
.m_tz { background:url('../svg/tz.svg') } 
.m_ua { background:url('../svg/ua.svg') } 
.m_ug { background:url('../svg/ug.svg') } 
.m_us { background:url('../svg/us.svg') } 
.m_uy { background:url('../svg/uy.svg') } 
.m_uz { background:url('../svg/uz.svg') } 
.m_va { background:url('../svg/va.svg') } 
.m_vc { background:url('../svg/vc.svg') } 
.m_ve { background:url('../svg/ve.svg') } 
.m_vg { background:url('../svg/vg.svg') } 
.m_vi { background:url('../svg/vi.svg') } 
.m_vn { background:url('../svg/vn.svg') } 
.m_vu { background:url('../svg/vu.svg') } 
.m_ws { background:url('../svg/ws.svg') } 
.m_ye { background:url('../svg/ye.svg') } 
.m_za { background:url('../svg/za.svg') } 
.m_zm { background:url('../svg/zm.svg') } 
.m_zw { background:url('../svg/zw.svg') } 

.m_cw { background:url('../svg/cw.svg') }