﻿@font-face {
    font-family: 'Roboto';
    src: url('../../sources/fonts/Roboto-Regular.eot');
    src: url('../../sources/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../sources/fonts/Roboto-Regular.woff2') format('woff2'),
        url('../../sources/fonts/Roboto-Regular.woff') format('woff'),
        url('../../sources/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Content';
    src: url('../../sources/fonts/Lato-Regular.eot');
    src: url('../../sources/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../sources/fonts/Lato-Regular.woff2') format('woff2'),
        url('../../sources/fonts/Lato-Regular.woff') format('woff'),
        url('../../sources/fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Material Icons';
    src: url('../../sources/fonts/MaterialIcons-Regular.eot');
    src: url('../../sources/fonts/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../sources/fonts/MaterialIcons-Regular.woff2') format('woff2'),
        url('../../sources/fonts/MaterialIcons-Regular.woff') format('woff'),
        url('../../sources/fonts/MaterialIcons-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Special';
    src: url('../../sources/fonts/TechnaSans-Regular.eot');
    src: url('../../sources/fonts/TechnaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../sources/fonts/TechnaSans-Regular.woff2') format('woff2'),
        url('../../sources/fonts/TechnaSans-Regular.woff') format('woff'),
        url('../../sources/fonts/TechnaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Theme';
    src: url('../../sources/fonts/PTSans-Regular.eot');
    src: url('../../sources/fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../sources/fonts/PTSans-Regular.woff2') format('woff2'),
        url('../../sources/fonts/PTSans-Regular.woff') format('woff'),
        url('../../sources/fonts/PTSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@-webkit-viewport{width: device-width;}
@-moz-viewport{width: device-width;}
@-ms-viewport{width: device-width;}
@-o-viewport{width: device-width;}
@viewport{ width: device-width;}

html, body {font-family: "Helvetica","Arial",sans-serif;font-size: 14px;font-weight: 400;line-height: 20px;width: 100vw;width: 100dvw;}
html {height: 100vh;height: 100dvh; -ms-touch-action: manipulation;touch-action: manipulation;color: rgba(0,0,0,.87);display: block;height:-webkit-fill-available;}
html[Attributes Style] {-webkit-locale: "fr";}
body {font-family: 'Content';text-align: center;display: inline-block;min-height: 100vh;min-height: 100dvh;margin: 0;overflow-x:clip;min-height: calc(var(--vh, 1vh) * 100);min-height: calc(var(--dvh, 1dvh) * 100);}

.ad2hs-prompt{display:none;text-align:center;position:fixed;width:100%;bottom:0px;z-index:99;padding: 6px 0 6px 0;font-size:24px;height:50px;line-height:50px;}
.content-start,.content{display: flex;  flex-direction: column;} .vertical-center{justify-content: center;}
.content-down{height:36px;align-content: bottom;} .content-middle{min-height:156px;} .content-up{min-height:calc(100vh - 344px);min-height:calc(100dvh - 344px);align-content: center;}
.content-start{min-height:calc(100vh - 144px);min-height:calc(100dvh - 144px);} .content{min-height:calc(100vh - 136px);min-height:calc(100dvh - 136px);}

.switch{position: absolute; top: 112px; width: 100%;}
.switch-tenant{display:inline-block; background-color:goldenrod;border-radius: 12px;font-weight:bold;font-size:16px;height:24px;line-height:24px;width:240px;text-decoration:none;text-transform: uppercase;color:white;padding:0 8px;}
.switch-change{display:inline-block;text-decoration:none; color:#424242;font-weight:bold; padding:0 8px;}
footer{text-align:center;background-color:#424242;color:white;width:100%;bottom:0px;z-index:49;padding:0; height:32px;display: grid; align-items: center;position:fixed;}
.font-theme{font-family:'Theme';}.font-content{font-family:'Content';} .font-special{font-family:'Special'!important;}
.bold {font-weight:bold}.display-none{display:none}

.header-layout{padding:0;height:72px;display:grid;background-color:midnightblue;
    -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; box-sizing: border-box;
    -webkit-align-self: stretch; -ms-flex-item-align: stretch;align-self: stretch;-webkit-align-items: center;-ms-flex-align: center;
    align-items: center; margin: 0;
}
.header-layout-drawer {display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
   width:100vw;height: 100vh;width:100dvw;height: 100dvh;
    position: absolute;top: 0;left: 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);box-sizing: border-box;
    -webkit-transform: translateX(-150dvw);transform: translateX(-150dvw); -webkit-transform-style: preserve-3d;transform-style: preserve-3d;
    will-change: transform;transition-duration: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1);transition-property: transform;transition-property: transform,-webkit-transform;
    overflow: visible;z-index: 5;
}
.drawer-visible{  -webkit-transform: translateX(0px);transform: translateX(0px);}
.header-navigation,.header-navigation-drawer{text-transform: uppercase;top: 72px; padding: 0; margin: 0;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;font-family:'Content';
     color:white;background-color:#10acff;
	 display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-flex-direction: row; -ms-flex-direction: row;flex-direction: row;
    -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;box-sizing: border-box;
    -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.header-navigation-drawer{display:block;}
.header-navigation{height: 32px;border-top:1px solid white;}
.header-navigation .is-active,.header-navigation-header .is-active {background-color:tomato;}
.separator{border-right:1px solid white;position:relative;height:20px;top:5px;}
.link{text-decoration: none; margin: 0;font-size: 14px;font-weight: 400;letter-spacing: 0;height: 31px;color:white;text-transform: uppercase;-webkit-flex: 1;-ms-flex: 1;flex: 1; max-width: 150px;}
.link .material-icons,#date_calendar .material-icons,#date_tournament .material-icons {position: relative;top:6px;line-height:20px;}
.link-drawer,.link-drawer-mobile{text-decoration: none; margin: 0;letter-spacing: 0;text-transform: uppercase;-webkit-flex: 1;-ms-flex: 1;flex: 1}
.link-drawer{font-weight: 400;color:white;}	.link-drawer-mobile{font-weight: 800;color:midnightblue;}
.link-drawer .material-icons {position: relative;line-height:24px;font-size:30px;top:6px;}
.drawer-box{border-top: 1px solid white;width: 100vw;width: 100dvw;max-width:330px;text-align:left}
.drawer-box-primary{padding:15px;height:20px;font-size:20px;}
.drawer-box-secondary{padding:10px 40px 10px;max-width:280px;border-top: 1px solid midnightblue;color:midnightblue;background-color:white;height:18px;font-size:18px;}
.back-arrow{border-radius:50%;width:24px;height:24px;line-height:24px; margin:2px; border:2px solid;}
.mobile-menu{max-width:360px;}.mobile-menu-spacer{height:calc(100vh - 522px);height:calc(100dvh - 522px);}.mobile-menu-back{height:calc(100vh - 104px);height:calc(100dvh - 104px);background-color:grey;position:absolute;top:72px;width:100vw;width:100dvw;z-index:-1;}

.button-ok,.button-valid,.button-valid-alt{display: inline-block;text-decoration: none;font-size: 15px;font-family: 'Content';border: 0;color: white;
    text-transform: uppercase;line-height: 15px;
    background: 0 0;border-radius: 2px;position: relative;height: 36px;margin: 0;
    padding: 0 16px;font-weight: 500;
    letter-spacing: 0; overflow: hidden;will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;cursor: pointer;text-align: center;vertical-align: middle;
}
.button-ok{width: 100%;}.button-valid,.button-valid-alt{width:150px;}
.button-valid{background-color:midnightblue;border:1px solid white}
.button-valid-alt{background-color:#10acff;border:1px solid white}
.button-valid:hover,.button-valid-alt:hover{background-color:tomato;border:1px solid white}
.button-conn{text-decoration:none;font-size:15px;font-family:'Content';border:0;background-color:unset;font-weight: bold;color:#424242;padding:16px;}
.select-country{text-transform: uppercase;border-radius:5px;color: white; height: 40px;width: 150px;font-family:'Special';opacity: 0.8;filter: alpha(opacity=80);}

.pbox{min-width: 300px;max-width: 800px;width:90vw; width: 90dvw;overflow:hidden}.message{position:absolute;padding-top:12px;padding-left:16px;padding-bottom:12px;width:calc(100vw - 24px);width:calc(100dvw - 24px);}.message-text{background-color:goldenrod;color:white;font-size:14px;font-weight:bold;}

.submodal{min-width: 268px;padding:32px 16px;color:white;position:sticky;}
.sm-lg{max-width: 568px;}.sm-sh{max-width: 368px;}
.sm-1col{width: 100%;} .sm-2col{width: 50%;}
.close{margin: 5px;color:white;font-size:24px;line-height:24px;width:24px;height:24px;display:inline-block;text-align:center;vertical-align:middle;border:2px solid white;border-radius: 50%;}.close:hover,.close:focus {color: white;cursor: pointer;}
.close-modal,.close-modal-double{position: relative;left: calc(50% - 20px);}

textarea, input[type="text"], input[type="button"], input[type="password"], input[type="submit"] {-webkit-appearance: none; border-radius: 0;}
.input-text{
	font-size: 14px;border: 0;font-family: 'Content';display: inline-block;padding: 0px;background-color:white;color:#424242;
    height: 20px;text-indent: 6px;border-radius: 16px; margin: 0; width: 100%;text-align: left;
}

.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal; font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;
	direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}

.padded-16{padding:16px;}.padded-8{padding:8px;}.padded-8-top{padding-top:8px;}.padded-5{padding:5px;}
.marged-12{margin:12px;}.marged-8{margin:8px;}.marged-4{margin:4px;}.marged-3{margin:3px;}

.back-zero{background-color:black;}
.submodal-form{display:inline-flex; width:100%; justify-content: center;}.box-size-help{overflow:auto;height:calc(100% - 32px);} .box-size-std{overflow:auto;height:calc(100% - 48px);}.box-size-calendar{overflow:auto;height:calc(100% - 164px);}.box-size-tournament{overflow:auto;height:calc(100% - 124px);} .box-size-aff{height:calc(100% - 48px);}

.header-title,.header-title-drawer{position: relative;line-height: 1; letter-spacing: .02em; font-weight: 400; box-sizing: border-box;display:inline-block;text-align:center;font-size:24px;font-family:'Special';background:linear-gradient(midnightblue,#10acff);color:white;}
.header-title-drawer, .header-table{height:72px;}
.title-drawer,.title-icon,.title-exit{width:62px;} .title-text{width:412px;} .title-player{width:220px}.title-score{width:80px;}.title-notifications{width:120px;}

.simple{text-decoration:none;vertical-align:middle;}
.rounded,.playerscore,.playerrank{width:30px!important; height:30px; border-radius: 50%;display:inline-block;text-align:center;vertical-align:middle;line-height:30px;}
.roundedflag{border: 2px solid #424242;border-radius: 50%;display:inline-block;text-align:center;vertical-align:middle;line-height:24px;width:24px;height:24px;}
.playerscore{color:white;background-color:#424242;font-size:18px;border: 2px solid white;}.playerrank{color:#424242;background-color:white;font-size:14px;border: 2px solid #424242;}
.playernotifications{width:24px!important; height:24px;border-radius: 50%;display:inline-block;text-align:center;vertical-align:middle;line-height:24px;color:white;border:0}
.rounded{border-color:white;margin:5px;}

.header-table{border-collapse:collapse;border:0;}
.final-table{border-collapse:collapse;border:0;width:268px;padding:16px;color:white;text-align:center;display:inline-block;}
.smalllogo,.minilogo{border-radius: 50%;display:inline-block;text-align:center;vertical-align:middle;}
.smalllogo{width:30px; height:30px; font-size:24px;line-height:30px;}.minilogo{width:24px; height:24px; font-size:20px;line-height:24px;margin-left:5px;margin-right:5px;}
.logo-shadow {background-clip: content-box; box-shadow: 0 0 0 2px white;}

.pbox{width:320px;border:2px solid #424242;display:inline-block;margin:48px 16px;height:calc(100vh - 241px);height:calc(100dvh - 241px);min-height:672px;position:relative}.pbox-double{display:inline-block;min-height:672px;}
#pbox71,#pbox72,#pbox73,#pbox74{height:calc(100vh - 209px)!important;}
#pbox64{width:320px;}#pbox63{position:relative;}
#pbox51{min-height:180px;} #pbox52{min-height:408px;}

.pbox-double .pbox{height:unset; min-height:100px /*margin:48px 16px 0px;*/}.nomargintop{margin-top:0!important;}
.arrow-box{width:calc(50% - 34px);cursor:pointer; -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; }
.arrow-container{width:100%;position:absolute;bottom:16px;}

.s72{font-size:72px;}.s48{font-size:48px;}.s40{font-size:40px;}.s36{font-size:36px;}.s32{font-size:32px;}.s30{font-size:30px;}.s24{font-size:24px;line-height:30px;}.s20{font-size:20px;}.s18{font-size:18px;}.s16{font-size:16px;}.s14{font-size:14px;}.s12{font-size:12px!important;}.s10{font-size:10px;}.s8{font-size:8px;}
.img-start{width:30px;height:30px;display:inline-block;position:relative;top:6px;} .img-60{width:60px;height:60px;display:block;}.img-24{width:24px;height:24px;display:block;}.img-16{width:16px;height:16px;margin:4px;display:block;}
.center{text-align:center!important;}.left{text-align:left!important;}.inline{display: inline-block;}

.card,.card-mini{box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%); width:300px;}
.empty-card{min-height:40px;}
.card-mini{margin-top:4px;margin-bottom:4px;} .help-message{position:relative;top:2px;}
.but,.win,.card-mini-header,.card-mini-stats, .card-mini-prono{background: linear-gradient(135deg, rgb(255 255 255 / 50%) 50%, transparent 0),linear-gradient(-135deg, rgb(255 255 255 / 50%) 50%, transparent 0);background-size: 1em 1em;opacity: 1}

.but,.win{height:126px;} .card-mini-stats,.card-mini-prono{height:28px;}

.chip-padding {padding:0 12px;}
.chip,.chip-stats {border: 0;border-radius: 12px;white-space: nowrap;display: inline-block;text-align:center;} .chip{margin:4px;} .chip-stats{margin:3px;width:40px;}
.badge,.badge-menu-burger{position: relative;white-space: nowrap;}
.badge[data-badge]:after,.badge-burger[data-badge]:after,.badge-menu-burger[data-badge]:after   {
   content: attr(data-badge);display: -webkit-flex;display: -ms-flexbox;display: flex;
    -webkit-flex-direction: row; -ms-flex-direction: row;flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center; -ms-flex-line-pack: center;align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
	font-family: "Theme";font-weight: 600; font-size: 10px;width: 20px;height: 20px; border-radius: 50%;background:tomato;color: white;z-index:1}
.badge[data-badge]:after{ position: absolute; top: -12px; right: -12px;}.badge-burger[data-badge]:after{ position: relative; top: -19px; right: -280px;}.badge-menu-burger[data-badge]:after{ position: absolute; top:0; left: 24px;}
.calendar,.lvl,.grp{height:24px;line-height: 24px;padding: 0 12px;text-align:center}
.calendar{width:82px;}.lvl{width:124px;}.grp{width:20px;} .chip-score{width:36px;}
.border-prono{border-right:0!important;border-left:0!important;border-top:1px solid!important;border-bottom:1px solid!important}.border-bottom{border-bottom:1px solid;}

.tooltip {position: relative;display: inline-block;}
.tooltip .tooltiptext,.tooltip .tooltiptext-left,.tooltip .tooltiptext-right,.tooltip .tooltiptext-top {visibility: hidden;width: 150px;font-size:12px;line-height:12px;padding:8px;background-color: #424242;font-family:'Roboto';color: white;
  text-align: center;border-radius: 6px;position: absolute;z-index: 100;top: 125%;opacity: 0;transition: opacity 0.3s;}
.tooltip .tooltiptext-left{left:25%;} .tooltip .tooltiptext-right{right:25%;} .tooltip .tooltiptext,.tooltip .tooltiptext-top{left:25%; right:25%; width:50%!important} 
.tooltip .tooltiptext-top{top:-50%!important}
.tooltip .tooltiptext-top{top:-50%!important}
.tooltip:hover .tooltiptext,.tooltip:hover .tooltiptext-left,.tooltip:hover .tooltiptext-right ,.tooltip:hover .tooltiptext-top {visibility: visible;opacity: 1;}

.nodecoration{color: white;text-decoration: none;}
.nomequipe{background-color:black;opacity: 0.8;filter: alpha(opacity=80);width:120px;}.margin-auto{margin:auto}

.title{display: inline-block;width:100%;margin:auto;font-size:72px;line-height:72px;}
.head48{display: inline-block;font-size:48px;font-family:'Theme';text-align:left}
.head36{display: inline-block;text-align:center;font-size:36px;font-family:'Theme';}
.head24{display: inline-block;text-align:center;font-size:24px;font-family:'Theme';}
.head18{display: inline-block;text-align:center;font-size:18px;font-family:'Content';}

.overflow{overflow-x: auto!important;overflow-y: hidden;white-space: nowrap;}
.w900{width:900px;}.w600{width:600px;}.w320{width:320px;}.w300{width:300px;}.w300m{width:292px;}.w200{width:200px;}.w236{width:236px;}.w250{width:250px;}.w252{width:252px;}.w280{width:280px;}.w180{width:180px;}.w160{width:160px;}
.w150{width:150px;}.w140{width:140px;}.w120{width:120px;}.w100{width:100px;}.w90{width:90px;}.w80{width:80px!important;}.w78{width:78px;}.w75{width:75px;}.w60{width:60px;}.w50{width:50px;}.w40{width:40px;}.w30{width:30px;}.w25{width:25px;}.w20{width:20px;}.w16{width:16px;}.w10{width:10px;}.w9{width:9px;}.w5{width:5px;}.w2{width:2px;}
.mw90{max-width:90px;}
.p100{width:100%;}
.h472{height:472px;min-height:472px!important;}.h380{height:380px;min-height:380px!important;}.h357{height:357px;min-height:357px!important;}
.h205{height:205px;min-height:205px!important;}.h200{height:200px;min-height:200px!important;}.h168{height:168px;min-height:168px!important;}.h120{height:120px;}.h116{height:116px;}
.h100{height:100px;}.h80{height:80px;}.h74{height:74px;min-height:74px!important;}.h72{height:72px;min-height:72px!important;}.h68{height:68px;min-height:68px!important;}.h60{height:60px;}.h59{height:59px;}.h52{height:52px;}.h50{height:50px;}
.h48{height:48px;}.h46{height:46px;min-height:46;}.h44{height:44px;}.h40{height:40px;}.h36{height:36px;}.h30{height:30px;}.h28{height:28px;}.h20{height:20px;}.h10{height:10px;line-height:10px;}
.h800{height:800px;overflow-y:scroll}.h800-2{height:800px}.h600{height:600px;overflow-y:scroll}.lh120{line-height:120px;}.lh100{line-height:100px;}.lh80{line-height:80px;}.lh66{line-height:66px;}.lh60{line-height:60px;}.lh52{line-height:52px;}
.lh45{line-height:45px;}.lh40{line-height:40px;}.lh36{line-height:36px;}.lh30{line-height:30px;}.lh20{line-height:20px;}.lh16{line-height:16px;}.lh12{line-height:12px;}.lh10{line-height:10px;}

.no-min-height{min-height:0px!important;}
.ul{padding:0px;padding-left:20px;padding-right:10px;text-align:left}
ul,ol{font-size: 12px;line-height: 16px;padding-inline-start: 16px;margin: 8px;}

.red-important{color:crimson!important} .lightseagreen-important{color:lightseagreen!important;} .burgundy-important{color: #6D071A!important;}
.red{color:crimson;border-color:crimson!important}.white {color:white;border-color:white!important}.black{color:#424242;border-color:#424242!important}.blue{color: #156099}
.grey{color:gainsboro;border-color:gainsboro!important} .back-red{background-color:crimson;border-color:crimson!important}.back-blue{background-color:#1560BD;border-color:#1560BD!important}.back-black{background-color:#424242;border-color:#424242!important}
.back-red-alpha{background-color:#DC143C80;border-color:#DC143C80!important}
.back-royalblue-alpha{background-color:#4169E180;border-color:#4169E180!important}.alpha0{color:#4169E100;}
.back-royalblue{background-color:#4169E1;border-color:#4169E1!important}
.back-midnightblue{background-color:#191970;border-color:#191970!important} .midnightblue{color:#191970}
.back-skyblue{background-color:#10ACFF;border-color:#10ACFF!important}.skyblue{color:#10ACFF;}
.back-silver-important{background-color:silver!important;}.back-tomato-important{background-color:tomato!important;}.back-midnight-important{background:midnightblue!important;}

.icon-flag{background-color:royalblue;border-radius:50%;width:204px; height:204px;}
.arrow{font-size:40px;line-height:40px;border-radius: 50%;display:inline-block;text-align:center;vertical-align:middle;background-color:#424242;border-color:#424242!important;color:white}
.alpha{opacity:0.5}

.steelblue{color:steelblue;border-color:steelblue!important}.firebrick{color:firebrick;border-color:firebrick!important}.dodgerblue{color:dodgerblue;border-color:dodgerblue!important}.darkkhaki{color:darkkhaki;border-color:darkhaki!important}.indigo{color:indigo;border-color:indigo!important}.violet{color:darkorchid;border-color:darkorchid!important}
.forestgreen{color:forestgreen;border-color:forestgreen!important}.burgundy{color: #6D071A;border-color:#6D071A!important;}.lightseagreen{color:lightseagreen;border-color:lightseagreen!important}.darkorange{color:darkorange;border-color:darkorange!important}
.orange{color:orange;border-color:orange!important}.peru{color:peru;border-color:peru!important}.yellowgreen{color:yellowgreen;border-color:yellowgreen!important}.silver{color:#777;border-color:#777!important}
.royalblue{color:royalblue;border-color:royalblue!important}
.back-steelblue{background-color:steelblue;border-color:steelblue!important;}.back-firebrick{background-color:firebrick;border-color:firebrick!important}.back-dodgerblue{background-color:dodgerblue;border-color:dodgerblue!important}.back-peru{background-color:peru;border-color:peru!important}.back-yellowgreen{background-color:yellowgreen;border-color:yellowgreen!important}.back-darkkhaki{background-color:darkkhaki;border-color:darkkhaki!important}
.back-silver{background-color:#777;border-color:#777!important}.back-grey{background-color:gainsboro;border-color:gainsboro!important}.back-indigo{background-color:indigo;border-color:indigo!important}.back-forestgreen{background-color:forestgreen;border-color:forestgreen!important}.back-azure{background-color:#E5E5E5;}
.back-burgundy{background-color: #6D071A;border-color:#6D071A!important;}.back-lightseagreen{background-color:lightseagreen;border-color:lightseagreen!important}.back-darkorange{background-color:darkorange;border-color:darkorange!important}.back-orange{background-color:orange;border-color:orange!important}
.back-violet{background-color:darkorchid;border-color:darkorchid!important}
.back-violet{background-color:darkorchid;border-color:darkorchid!important}
.back-special{background-color:lightsteelblue;border-color:lightsteelblue!important} .special{color:lightsteelblue;border-color:lightsteelblue!important}

.noborder{border-collapse:collapse;} .setborder{border-collapse:none;} .border{border:2px solid #424242;} .border-white{border:2px solid white;} .nospacing{border-spacing:0px;}
.justify{justify-content:center; justify-items: stretch;text-align: justify}
.top{vertical-align:top;}.middle{vertical-align:middle;}.bottom{vertical-align:bottom;} .bottomup{bottom:40px;position:relative;}
.under{border-bottom: 1px solid black; width:60px;} .right{border-right: 1px solid black;}

/*LOGOS*/
.logo{width:40px!important; height:40px; line-height:36px; border: 2px solid;border-radius: 50%;display:inline-block;text-align:center;vertical-align:middle;font-size:30px;}
.special-border{border:2px solid!important;}
.logowide{width:60px; height:60px; border: 2px solid;border-radius: 50%!important;display:inline-block;text-align:center;vertical-align:middle;font-size:32px;line-height:60px;}
.back-pink{background-color:pink;border-color:pink!important;}.back-gold{background-color:gold;border-color:gold!important;}.back-plum{background-color:plum;border-color:plum!important;}.back-purple{background-color:rebeccapurple;border-color:rebeccapurple!important;}.back-limegreen{background-color:limegreen;border-color:limegreen!important}
.back-aqua{background-color:aqua;border-color:aqua!important}.back-deepskyblue{background-color:deepskyblue;border-color:deepskyblue!important}.back-sienna{background-color:sienna;border-color:sienna!important;}.back-white{background-color:white;border-color:white!important;}.back-white-conn{background-color:white!important;}
.pink{color:pink;border-color:pink!important;}.gold{color:gold;border-color:gold!important}.plum{color:plum;border-color:plum!important;}.purple{color:rebeccapurple;border-color:rebeccapurple!important;}.limegreen{color:limegreen;border-color:limegreen!important;}.aqua{color:aqua;border-color:aqua!important;}.deepskyblue{color:deepskyblue;border-color:deepskyblue!important;}
.sienna{color:sienna;border-color:sienna!important;}.barcelona{color:blue;}.brazil{color:gold;}.sweden{color:dodgerblue;}.colombia{color:yellow;}.belgium{color:red}.dortmund{color:yellow;}.dortmund2{color:black;}.spain{color:red;}.portugal{color:red;}.sf{color:pink;}.sf2{color:darkblue;}.mhsc{color:darkblue;}.mhsc2{color:darkorange;}.algeria{color:limegreen;}

.back-wblack{background-color:white;color:#424242;border-color:#424242!important;}.back-wsteelblue{background-color:white;color:steelblue;border-color:steelblue!important;}
.back-wfirebrick{background-color:white;color:firebrick;border-color:firebrick!important;}.back-wdodgerblue{background-color:white;color:dodgerblue;border-color:dodgerblue!important;}.back-wdarkkhaki{background-color:white;color:darkkhaki;border-color:darkkhaki!important;}
.back-wsilver{background-color:white;color:#777;border-color:silver!important;}.back-wgrey{background-color:white;color:gainsboro;border-color:grey!important;} .back-windigo{background-color:white;color:indigo;border-color:indigo!important;}.back-wforestgreen{background-color:white;color:forestgreen;border-color:forestgreen!important;}
.back-wlightseagreen{background-color:white;color:lightseagreen;border-color:lightseagreen!important;}.back-wdarkorange{background-color:white;color:darkorange;border-color:darkorange!important;}.back-wpink{background-color:white;color:pink;border-color:pink!important;}.back-wgold{background-color:white;color:gold;border-color:gold!important;}
.back-wburgundy{background-color:white;color:#6D071A;border-color:#6D071A!important;}.back-wroyalblue{background-color:white;color:royalblue;border-color:royalblue!important;}
.back-wplum{background-color:white;color:plum;border-color:plum!important;}.back-wpurple{background-color:white;color:rebeccapurple;border-color:rebeccapurple!important;}.back-wlimegreen{background-color:white;color:limegreen;border-color:limegreen!important;}.back-waqua{background-color:white;color:aqua;border-color:aqua!important;}.back-wdeepskyblue{background-color:white;color:deepskyblue;border-color:deepskyblue!important;}
.back-wsienna{background-color:white;color:sienna;border-color:sienna!important;}.back-wblue{background-color:white;color:#1560BD;border-color:blue!important;}.back-wred{background-color:white;color:crimson;border-color:crimson!important;}.back-brazil{background-color:gold;color:limegreen;border-color:gold!important;}
.back-sweden{background-color:dodgerblue;color:yellow;border-color:dodgerblue!important;}.back-colombia{background-color:yellow;color:dodgerblue;border-color:yellow!important;}.back-belgium{background-color:red;color:black;border-color:red!important;}.back-dortmund{background-color:yellow;color:black;border-color:yellow!important;}
.back-spain{background-color:red;color:yellow;border-color:red!important;}.back-portugal{background-color:red;color:limegreen;border-color:red!important;}.back-sf{background-color:pink!important;color:darkblue;border-color:pink!important;}.back-sf2{background-color:darkblue;color:pink;border-color:darkblue!important;}.back-algeria{background-color:white;color:limegreen;border-color:red!important;}
.back-barcelona{background-color:blue;color:crimson;border-color:blue!important;}.back-mhsc{background-color:darkblue;color:darkorange;border-color:darkblue!important}.back-mhsc2{background-color:darkorange;color:darkblue;border-color:darkorange!important}.back-dortmund2{background-color:black;color:yellow;border-color:black!important;}

.back-bsteelblue{background-color:#424242;color:steelblue;border-color:#424242!important}.back-bfirebrick{background-color:#424242;color:firebrick;border-color:#424242!important}.back-bdodgerblue{background-color:#424242;color:dodgerblue;border-color:#424242!important}
.back-bdarkkhaki{background-color:#424242;color:darkkhaki;border-color:#424242!important}.back-bgrey{background-color:#424242;color:gainsboro;border-color:#424242!important} .back-bforestgreen{background-color:#424242;color:forestgreen;border-color:#424242!important}
.back-blightseagreen{background-color:#424242;color:lightseagreen;border-color:#424242!important}.back-bdarkorange{background-color:#424242;color:darkorange;border-color:#424242!important}.back-bpink{background-color:#424242;color:pink;border-color:#424242!important}
.back-bburgundy{background-color:#424242;color:#6D071A;border-color:#424242!important}.back-broyalblue{background-color:#424242;color:royalblue;border-color:#424242!important}
.back-bgold{background-color:#424242;color:gold;border-color:#424242!important}.back-bplum{background-color:#424242;color:plum;border-color:#424242!important}.back-bpurple{background-color:#424242;color:rebeccapurple;border-color:#424242!important}.back-blimegreen{background-color:#424242;color:limegreen;border-color:#424242!important}
.back-baqua{background-color:#424242;color:aqua;border-color:#424242!important}.back-bdeepskyblue{background-color:#424242;color:deepskyblue;border-color:#424242!important}.back-bred{background-color:#424242;color:crimson;border-color:#424242!important}
.back-australia{background-color:yellow;color:forestgreen;border-color:yellow!important}.back-afsud{background-color:forestgreen;color:gold;border-color:forestgreen!important}

.border-steelblue{border:2px solid steelblue; color: steelblue;}.border-red{border:2px solid crimson; color: crimson;}.border-forestgreen{border:2px solid forestgreen; color: forestgreen;}
.border-violet{border:2px solid darkorchid; color: darkorchid;}.border-dodgerblue{border:2px solid dodgerblue; color: dodgerblue;}.border-lightseagreen{border:2px solid lightseagreen; color:lightseagreen;}
.border-burgundy{border:2px solid #6D071A; color:#6D071A;}.border-darkorange{border:2px solid darkorange; color: darkorange;}.border-royalblue{border:2px solid royalblue; color: royalblue;}
.border-darkkhaki{border:2px solid darkkhaki; color: darkkhaki;}.border-black{border:2px solid #424242; color: #424242;}.border-firebrick{border:2px solid firebrick;color:firebrick;}
.border-peru{border:2px solid peru;color:peru;}.border-yellowgreen{border:2px solid yellowgreen; color: yellowgreen;}.border-deepskyblue{border:2px solid deepskyblue; color: deepskyblue;}
.border-orange{border:2px solid orange;color:orange!important}
.border-special{border:2px solid lightsteelblue; color: lightsteelblue;}.uppercase{text-transform: uppercase;} .nowrap{white-space: nowrap;}

/*SCORE*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
input[type=number]{-webkit-appearance: none;-moz-appearance: textfield!important;appearance: none;border:0;font-family:'Theme';text-align:center;padding:0px!important;border-radius:10px!important;}
input[type=number]#numero{border:2px solid;}
.score{display: inline-block;font-family:'Theme';width:60px;font-size:36px;line-height:36px;}
.score-arrow,.score-menu,.score-arrow-white{border-radius:50%;width:24px;height:24px;line-height:24px; margin:2px;}
.score-arrow,.score-menu{ border:2px solid #424242;color:#424242}.score-arrow-white{border:2px solid white;color:white}
.score-arrow{font-size:24px;}.score-menu{font-size:20px;}

/*1ER BUT - VAINQUEUR - FOOTBALL*/
label > input{ /* HIDE RADIO */visibility: hidden; /* Makes input not-clickable */position: absolute; /* Remove input from document flow */}
label > input + img{ /* IMAGE STYLES */cursor:pointer;border:2px solid transparent;}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */border:2px solid #f00;}

/*BOUTON 4 ESSAIS - RUGBY*/
input[name="4e1"]:not(:checked),input[name="4e1"]:checked,input[name="4e2"]:not(:checked),input[name="4e2"]:checked {position: absolute;left: -9999px;}
[type="checkbox"]:not(:checked) + label .ui-rugby:before {content: url('../../sources/images/decline.png');}
[type="checkbox"]:checked + label .ui-rugby:after {content: url('../../sources/images/check.png');}
[type="checkbox"]:checked + label .ui-rugby:after,[type="checkbox"]:not(:checked) + label .ui-rugby:before {
	display:inline-block;font-size:30px;line-height:40px;width:40px;height:40px;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border-radius:50px;
}

input[type="submit" i]:disabled {background-color:gainsboro!important;}

#snackbar {width: 100vw;width: 100dvw; background-color: #10acff;color: #fff; text-align: center;border-radius: 2px; padding-top: 16px;padding-bottom:16px; position: fixed;z-index: 101;bottom:0px;display:none}

@-webkit-keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 30px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;}to {bottom: 30px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 30px; opacity: 1;}to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 30px; opacity: 1;}to {bottom: 0; opacity: 0;}}

@media only screen and (max-width: 1280px){ 
	.sm-lg{max-width: 464px;}
}

@media only screen and (max-width: 1024px){
	.header-title,.header-title-drawer{font-size:24px;}
	.title-text{width:320px;}
	.sm-lg{max-width: 336px;}
}
@media only screen and (max-width: 756px){
	.switch{top: 84px;}
	.sm-1col,.sm-2col{width: calc(100% - 32px);}
	.submodal-form,.content-start{display:inline-block}
	.submodal{width:100%;}
	.sm-lg,.sm-sh{max-width: calc(100% - 32px);}
	.header-title,.header-title-drawer{font-size:20px;background:midnightblue}
	.header-navigation,.header-navigation-drawer{background-color:midnightblue}
	.playerrank{border: 2px solid #10ACFF;}
	.pbox{height:calc(100vh - 177px);height:calc(100dvh - 177px);margin:48px 16px 16px;}
	#pbox2,#pbox3,#pbox4,#pbox12,#pbox22,#pbox23,#pbox24,#pbox32,#pbox33,#pbox34,#pbox42,#pbox62,#pbox63,#pbox64,#pbox65,#pbox66,#pbox67,#pbox72,#pbox73,#pbox74{display:none;}
	#pbox2,#pbox3{height:auto!important} 
	.title-exit{width:unset;}
	.badge[data-badge]:after {top: 2px;right: -20px;}
	.ad2hs-prompt{font-size:20px;height:40px;line-height:40px;padding:0}
	.content-start{min-height:calc(100vh - 144px);min-height:calc(100dvh - 144px);} .content{min-height:calc(100vh - 104px);min-height:calc(100dvh - 104px);}
	#enrolment1{margin-bottom:0;padding-bottom:0;} #enrolment2{margin-top:0;padding-top:0;} 
	#enrolment-modal{margin-top:20px;margin-bottom:20px;width:100%;}
	#enrolment-modal-2{margin-top:20px;margin-bottom:20px;width:calc(100% - 32px);}
	#enrolment-modal-3{margin-top:20px;margin-bottom:60px;width:calc(100% - 48px);}
	.large{display:none}
	#snackbar {padding-top: 8px;padding-bottom:8px;}
}
@media only screen and (min-width: 1025px){
	.medium{display:none}
}
@media only screen and (min-width: 756px){
	.small{display:none} 
	.message-text{text-transform:uppercase}
}
@media only screen and (max-width: 512px){
	.xlarge{display:none}
	.message-text{font-size:12px;}
	.pbox{height:calc(100vh - 189px);height:calc(100dvh - 189px);margin:48px 16px 16px;}
	#snackbar {padding-top: 4px;padding-bottom:4px;}
}
