/* The sidebar menu */
.sidenav {
  height: 100%;
  /* Full-height: remove this if you want "auto" height */
  width: 175px;
  /* Set the width of the sidebar */
  position: fixed;
  /* Fixed Sidebar (stay in place on scroll) */
  z-index: 4;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #FFFFFF;
  /* White */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  font: small "Fira Sans", sans-serif;

}

/* The navigation menu links */
.sidenav a {
  padding: 2px 0px 2px 16px;
  text-decoration: none;
  color: #818181;
  display: block;
  width: 130px;
  border-radius: 0px 8px 8px 0px;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #0093FF;
}
/* Add an active class to the active dropdown button */
.active {
  background-color: green;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: block;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 10px;
}

.fa-caret-up {
  float: right;
  padding-right: 10px;
}

.divtitle, .dropdown-btn1, .dropdown-btn2, .dropdown-btn3, .dropdown-btn4 {
  padding: 5px 8px 5px 16px;
  text-decoration: none;
  color: #DA9200;
  display: block;
  font-weight: bold;
  background: #343434;
  border-radius: 0px 8px 0px 0px;
}

.dropdown-btn1, .dropdown-btn2, .dropdown-btn3, .dropdown-btn4  {
  border: none;
  width: 100%;
  text-align: left;
 }

.divnav {
  height: 14px;
}

.img{
  padding-right: 5px;
  vertical-align: middle;
  height: 20px;
}

.divnavindex {
  height: 20px;
}

.divtitleindex {
  text-decoration: none;
  color: #DA9200;
  display: block;
  font-weight: bold;
  background: #343434;
  border-radius: 0px 8px 0px 0px;
  height:20px;
  position:relative;
}

.imgindex{
  padding-right: 5px;
  height: 30px;
  position: absolute;
  top:-3px;
}

.testclass{
  padding-left:41px;
  height:18px;
  display: flex;
  align-items: center;
}

.imgselec{
  padding-right: 3px;
  vertical-align: middle;
  height: 24px;
}

/* Selected menu */
.menuselec {
  background: #FFE3AA;
  padding: 0px 0px 0px 14px;
}

/* Disable links */
.inactiveLink {
   pointer-events: none;
   cursor: default;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #0093FF;
}

.vertic {
	vertical-align: sub;
}

table.changelog {
  width: 100%;
  border-collapse: collapse;
}

table.changelog tr {
  height: 30px;
}

table.changelog td {
  vertical-align: middle;
}

table.changelog td.date {
  white-space: nowrap;
  width:80px;
}

/* Alignement propre de tout l’inline */
table.changelog img,
table.changelog input,
table.changelog a {
  vertical-align: middle;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-height: thin;
scrollbar-color: #000000 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
height: 10px;
width: 10px;
}

*::-webkit-scrollbar-track {
background: #ffffff;
}

*::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 10px;
border: 3px solid #ffffff;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-width: 600px) {
	* {
		font-size: 15px;
	}
}

@media screen and (min-width: 600px) {
	* {
		font-size: 12px;
	}
}


/* Style buttons */
.buttonStyle {
background: #DA9200;
color: #343434;
border: 1px solid #343434;
padding: 2px 15px;
border-radius:10px;
min-width:100px;
cursor: pointer;
box-shadow: 0px 4px #343434;
}

.buttonStyle:enabled:hover {
background: #343434;
color: #DA9200;
border: 1px solid #DA9200;
box-shadow: 0px 4px #DA9200;
}

.buttonStyle.ntConfirmYes:enabled:hover {
background: #7fb027;
color: #ffffff;
border: 1px solid black;
box-shadow: 0px 4px #527019;
text-align: center;
}

.buttonStyle.ntConfirmNo:enabled:hover {
background: #FF7979;
color: #ffffff;
border: 1px solid black;
box-shadow: 0px 4px #a34040;
}

.buttonStyleAuto {
background: #DA9200;
color: #343434;
border: 1px solid #343434;
padding: 2px 15px;
border-radius:10px;
min-width:100px;
position: relative;
cursor: pointer;
box-shadow: 0px 4px #343434;
}

.buttonStyleAuto:enabled:hover {
background: #343434;
color: #DA9200;
border: 1px solid #DA9200;
box-shadow: 0px 4px #DA9200;
}

.buttonStyleAuto::after{
  content: attr(data-title);
  position: absolute;
  background: #444;
  color: #fff;
  left: 0;
  top: 100%;
  font-size: small;
  width: 150px;
  padding: 5px;
  border-radius: 4px;
  transition: 300ms;
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px);
}

.buttonStyleAuto:hover::after{
  opacity: 1;
  transform: translateY(5px);
}

.buttonStyleWhite {
background: white;
color: #343434;
border: 1px solid rgb(200, 200, 200);
padding: 2px 15px;
border-radius:10px;
min-width:100px;
cursor: pointer;
box-shadow: 0px 4px rgb(200, 200, 200);
}

.buttonStyleWhite:enabled:hover {
background: #343434;
color: rgb(200, 200, 200);
border: 1px solid rgb(200, 200, 200);
box-shadow: 0px 4px rgb(200, 200, 200);
}

.scheduleEuropeTag {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: white;
  background-color: #003268;
  border-radius: 6px;
  margin-right: 6px;
  margin-left:5px;
}

.scheduleChampTag {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: white;
  background-color: #a0a0a0;
  border-radius: 6px;
  margin-right: 6px;
  margin-left:5px;
}

.scheduleCupTag {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: white;
  background-color: #ffb114;
  border-radius: 6px;
  margin-right: 6px;
  margin-left:5px;
}

.scheduleNTFRTag {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background-color: #dd6b77;
  border-radius: 6px;
  margin-right: 6px;
	margin-left:5px;
}

.scheduleResultBox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-weight: bold;
  color: white;
  border-radius: 4px;
}

.scheduleResultWin {
  background-color: #00a83f;
}

.scheduleResultDraw {
  background-color: #f3a000;
  color: #343a40;
}

.scheduleResultLose {
  background-color: #dc0000;
}



.scheduleNTCompTag {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background-color: #dc3545;
  border: none;
  border-radius: 6px;
  margin-right: 6px;
  margin-left:5px;
}


.buttonStyleNegoAccept {
background: #80b027;
color: #343434;
border: 1px solid #343434;
padding: 2px 0;
border-radius:10px;
width:36px;
cursor: pointer;
box-shadow: 0px 4px #343434;
text-align:center;
position: relative;
box-sizing: border-box;
}

.buttonStyleNegoAccept:enabled:hover {
background: #527019;
color: #ffffff;
border: 1px solid #343434;
box-shadow: 0px 4px #343434;
}

.ntConfirmYes::after {
  content: attr(data-title);
  position: absolute;
  background: #444;
  color: #fff;
  left: 0;
  top: 100%;
  font-size: small;
  width: 200px;
  padding: 5px;
  border-radius: 4px;
  transition: 300ms;
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px);
  z-index: 10;
}

.ntConfirmYes:hover::after {
  opacity: 1;
  transform: translateY(5px);
}


.buttonStyleNegoDecline {
background: #FF7979;
color: #343434;
border: 1px solid #343434;
padding: 2px 0;
border-radius:10px;
width:36px;
cursor: pointer;
box-shadow: 0px 4px #343434;
text-align:center;
box-sizing: border-box;
}

.buttonStyleNegoDecline:enabled:hover {
background: #a34040;
color: #ffffff;
border: 1px solid #343434;
box-shadow: 0px 4px #343434;
}

.buttonStyleNegoDeclineAll {
background: #FF7979;
color: #343434;
border: 1px solid #343434;
padding: 2px 0;
border-radius:10px;
width:75px;
cursor: pointer;
box-shadow: 0px 4px #343434;
text-align:center;
box-sizing: border-box;
}

.buttonStyleNegoDeclineAll:enabled:hover {
background: #a34040;
color: #ffffff;
border: 1px solid #343434;
box-shadow: 0px 4px #343434;
}

.alert-blink {
	animation: alertBlink 2s steps(10, start) infinite;
}

@keyframes alertBlink {
	50% {
		opacity: 0;
	}
}

.buttonStyleExportImport {
background: #ffd37b;
color: #343434;
border: 1px solid #343434;
padding: 2px 0px;
border-radius:10px;
margin-left: 10px;
width: 63.66px;
cursor: pointer;
box-shadow: 0px 4px #343434;
}

.buttonStyleExportImport:enabled:hover {
background: #343434;
color: #ffd37b;
border: 1px solid #ffd37b;
box-shadow: 0px 4px #ffd37b;
}

.buttonStyleDelete {
background: #F64740;
color: #343434;
border: 1px solid #343434;
padding: 2px 0px;
border-radius:10px;
margin-left: 10px;
width: 63.66px;
cursor: pointer;
box-shadow: 0px 4px #343434;
}

.buttonStyleDelete:enabled:hover {
background: #343434;
color: #F64740;
border: 1px solid #F64740;
box-shadow: 0px 4px #F64740;
}

.buttonStyleStop {
display: none;
background: #FF9696;
color: white;
border: 1px solid #343434;
padding: 2px 0px;
border-radius:10px;
margin-left: 10px;
width: 63.66px;
cursor: pointer;
box-shadow: 0px 4px #343434;
}

.buttonStyleStop:enabled:hover {
	background: red;
	color: white;
	border: 1px solid #343434;
	box-shadow: 0px 4px #343434;
}

.buttonOffStyle {
	background: #d8c49b;
	color: #343434;
	border: 1px solid #343434;
	padding: 2px 15px;
	border-radius:10px;
	box-shadow: 0px 4px #343434;
}


.buttonStyleTV {
	background: #DA9200 url('../img/icons/tv.png');
	background-repeat: no-repeat;
	background-position: 4px 2px;
	background-size: 15px;
	color: #343434;
	border: 1px solid #343434;
	padding: 2px 5px;
	padding-left: 20px;
	border-radius:10px;
	min-width:100px;
	cursor: pointer;
	box-shadow: 0px 4px #343434;
}

.buttonStyleTV:enabled:hover {
	background: #343434;
	color: #DA9200;
	border: 1px solid #DA9200;
	box-shadow: 0px 4px #DA9200;
}

.buttonStylePlus{
	background: #DA9200;
	color: #343434;
	border: 1px solid #343434;
	padding: 2px 5px;
	border-radius:10px;
	width: 25px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 4px #343434;
}

.buttonStyleMinus{
	background: #DA9200;
	color: #343434;
	border: 1px solid #343434;
	padding: 2px 5px;
	border-radius:10px;
	width: 25px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 4px #343434;
}

.buttonStylePlus:enabled:hover {
	background: #AFC97E;
	color: #566E3D;
	border: 1px solid #566E3D;
	box-shadow: 0px 4px #566E3D;
}

.buttonStyleMinus:enabled:hover {
	background: #F64740;
	color: #A3333D;
	border: 1px solid #A3333D;
	box-shadow: 0px 4px #A3333D;
}


/* Style page content */
.main {
  margin-left: 180px;
  width: calc(100% - 196px);
  padding: 0px 8px 20px 16px;
  text-decoration: none;
  font: small "Fira Sans", sans-serif;
  color: #818181;
}

.headerup {
  width:700px;
}

.headerup td{
  
}

.headerup a {
  text-decoration: none;
  color: #818181;
}

.headerup a:hover {
  color: #0093FF;
}

svg {
  vertical-align: middle;
}

.progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
}

.svg-pi {
  width: 24px;
  height: 24px;
  transform: rotate(-90deg); /* Fix the orientation */
}

.svg-pi-track {
  stroke: #ddd;
}

.svg-pi-indicweeks,
.svg-pi-indicdays {
  stroke: #343434;
  stroke-dasharray: 50.24px; /* DashArray = Track's or indicator's Circumference */
  stroke-linecap: round;
}

.svg-pi-track,
.svg-pi-indicweeks,
.svg-pi-indicdays {
  cx: 12px;
  cy: 12px;
  r: 8px;
  fill: transparent;
  stroke-width: 4px;
}

.svg-pi-weeks .svg-pi-indicweeks {
  stroke-dashoffset: 50.24px; /* DashOffset = DashArray * ((100 - progress)/100) */
}

.svg-pi-days .svg-pi-indicdays {
  stroke-dashoffset: 50.24px; /* DashOffset = DashArray * ((100 - progress)/100) */
}



/* Style du footer */
footer {
	z-index: 3;
	height: 28px;
    position: fixed;
	bottom: 0px;
    left: 0;
    width: 100%;
	text-decoration: none;
	font: small "Fira Sans", sans-serif;
	color: #818181;
    text-align: center;
}

#inlineFrameExample {
	height: 28px;
}

.foot {
	font: small "Fira Sans", sans-serif;
	color: #818181;
    text-align: center;
	background-color: rgba(255,255,255,0.5);
	margin: 0px;
	padding: 1px 0;
}

/* Style index*/
.gamesList td {
	padding-bottom: 5px;
}

.gamesList td:nth-child(7n+1){
	width: 90px;
}

.gamesList td:nth-child(7n+2){
	width: 150px;
}

.gamesList td:nth-child(7n+3){
	width: 120px;
}

.gamesList td:nth-child(7n+4){
	width: 120px;
}

.gamesList td:nth-child(7n+5){

}

.gamesList td:nth-child(7n+6){

}

.displayMatchlivechoice {
	border-collapse: collapse;
    border-spacing: 0;
}

.displayMatchlivechoice td:nth-child(2){
	text-align:right;
	width:180px;
}

.displayMatchlivechoice td:nth-child(4){
	text-align:left;
	width:180px;
}

.displayMatchlivechoice tr {
	height:25px;
}

.buttonStyleLive{
	background: #DA9200;
	color: #343434;
	border: 1px solid #343434;
	padding: 2px 15px;
	border-radius:10px;
	width: 60px;
	margin-left: 20px;
	cursor: pointer;
	box-shadow: 0px 4px #343434;
}

.buttonStyleLive:enabled:hover {
	background: #343434;
	color: #DA9200;
	border: 1px solid #DA9200;
	box-shadow: 0px 4px #DA9200;
}

/* Style standings légende */
.standingsTableLegend {
    border-collapse: collapse;
    border-spacing: 0;
    font: small "Fira Sans", sans-serif;
}

.standingsTableLegend thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
	border-radius:10px 10px 0 0;
}

.standingsTableLegend tbody td {
    border: solid 1px #E3E3E3;
    padding: 2px 10px 2px 10px;
	text-align: center;
}

.standingsTableLegend tbody td:nth-child(3n+1) {
	width: 20px;
	font-weight: bold;
}

.standingsTableLegend tbody td:nth-child(3n+2) {
	text-align: left;
	width: 200px;
}

/* Style standings */
.standingsTable {
    border-collapse: collapse;
    border-spacing: 0;
    font: small "Fira Sans", sans-serif;
}

.standingsTable a {
  text-decoration: none;
  color: #818181;
}

.standingsTable a:hover {
  color: #0093FF;
}

.standingsTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.standingsTable thead th:nth-child(1) {
	border-radius:10px 0 0 0;
}

.standingsTable thead th:nth-child(10) {
	border-radius:0 10px 0 0;
}

.standingsTable tbody td {
    border: solid 1px #E3E3E3;
    padding: 2px 10px 2px 10px;
	text-align: center;
}

	/* Style standings rank */
.standingsTable tbody td:nth-child(11n+1) {
	text-align: right;
	font-weight: bold;
	width: 20px;
}

	/* Style standings names */
.standingsTable tbody td:nth-child(11n+2) {
	text-align: left;
	width: 200px;
}

	/* Style standings pts */
.standingsTable tbody td:nth-child(11n+10) {
	font-weight: bold;
}

/* Style results */
.resultsTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	width: 450px;
	height:22px;
	border-radius:10px 10px 0 0;
}

.resultsTable td:nth-child(4n+1){
	padding: 5px 0px 5px 0px;
	text-align: right;
	width: 200px;
}
.resultsTable td:nth-child(4n+2){
	text-align: center;
	font-weight: bold;
	width: 50px;
}

.resultsTable td:nth-child(4n+3){
	text-align: left;
	width: 200px;
}

.resultsTable a {
  text-decoration: none;
  color: #818181;
}

.resultsTable a:hover {
  color: #0093FF;
}

/* Style results NT */
.resultsTableNT thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	width: 450px;
	height:22px;
	border-radius:10px 10px 0 0;
}

.resultsTableNT td:nth-child(5n+1){
	padding: 5px 0px 5px 0px;
	text-align: right;
	width: 200px;
}
.resultsTableNT td:nth-child(5n+2){
	text-align: center;
	font-weight: bold;
	width: 50px;
}

.resultsTableNT td:nth-child(5n+3){
	text-align: left;
	width: 200px;
}

.resultsTableNT a {
  text-decoration: none;
  color: #818181;
}

.resultsTableNT a:hover {
  color: #0093FF;
}


/* Style schedule */
.scheduleTable thead th {
	position: sticky;
	top: 0;
	background-color: #343434;
    color: #DA9200;
    height:22px;
	text-align: center;
	border-radius:10px 10px 0px 0px;
}

.scheduleTable {
  border-spacing: 0;
}

.scheduleTable a {
  text-decoration: none;
  color: #818181;
}

.scheduleTable a:hover {
  color: #0093FF;
}

.scheduleTable td {
	height: 46px;
}

.scheduleScoreTable {
	width:100%;
}

.scheduleScoreTable td {
	height: auto;
	min-height: 20px;
	padding: 2px 6px;
}

#displaySchedule td:nth-child(2) {
	font-weight: bold;
}

#displaySchedule > tbody > tr > td > a.playerTeam {
	font-weight: bold;
}

.scheduleTable td:nth-child(8n+1){
	width: 100px;
}

.scheduleTable td:nth-child(8n+2){
	width: 50px;
	text-align: center;
}

.scheduleTable td:nth-child(8n+3){
	width: 5px;
}

.scheduleTable td:nth-child(8n+5){
	text-align: right;
	width: 291.91px;
}

.scheduleTable td:nth-child(8n+6){
	padding: 0px 0px 0px 10px;
}

.scheduleTable td:nth-child(8n+7){
	padding: 0px 10px 0px 10px;
}

.scheduleInfo {
  padding-right:10px;
}

.scheduleTableContainer {
	max-width:750px;
	max-height: 80vh;
	overflow-y: auto;
	border: none;
}

.scheduleWin a {
  text-decoration: none;
  color: #00940d;
  font-weight: bold;
}

.scheduleDraw a {
  text-decoration: none;
  color: #df6801;
  font-weight: bold;
}

.scheduleLose a {
  text-decoration: none;
  color: #bc0000;
  font-weight: bold;
}

.scheduleTable a:hover {
  color: #0093FF;
}

.scheduleMidweek {
	background: #ebebeb;
}

.scheduleWeekend {
	background: #dbdbdb;
}

.scheduleChamp {
	background: linear-gradient(90deg,rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.scheduleCup {
	background: linear-gradient(90deg,rgba(255, 227, 170, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.scheduleEurope {
	background: linear-gradient(90deg,rgba(197, 211, 229, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.scheduleNT {
	background: linear-gradient(90deg,rgba(255, 200, 200, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.scheduleWCEU {
	background-color: #FF9696;
	background: linear-gradient(90deg,rgba(255, 150, 150, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.scheduleTable2 {
	border: none;
	border-collapse:collapse;
}

.scheduleTable2 td:nth-child(1){
	width:150px;
	height:46px;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
}

.scheduleTable2 td:nth-child(3){
	padding-left:10px;
}

.scheduleWeek {
	color:#343434 !important;
	background: linear-gradient(180deg,rgba(220, 53, 69, 1) 0%, rgba(255, 121, 121, 1) 50%, rgba(220, 53, 69, 1) 100%) !important;
}

.scheduleTransfer {
	background: #A9FF65;
}

#displaySchedule > tbody > tr > td:nth-child(1),
#displaySchedule > tr > td:nth-child(1) {
	border-top: 1px solid #a0a0a0;
	background: #343434;
	color: white;
	font-weight: bold;
}

#displaySchedule > tbody > tr > td:nth-child(2),
#displaySchedule > tr > td:nth-child(2) {
	border-top: 1px solid #a0a0a0;
	background: #343434;
	color: white;
	font-weight: bold;
}

#displaySchedule a.playerTeam {
	font-weight: bold;
}

#displaySchedule td:nth-child(4) {
	border-top: 1px solid #a0a0a0;
}
#displaySchedule td:nth-child(5) {
	border-top: 1px solid #a0a0a0;
}
#displaySchedule td:nth-child(6) {
	border-top: 1px solid #a0a0a0;
}
#displaySchedule td:nth-child(7) {
	border-top: 1px solid #a0a0a0;
}


/* Style table dashboard */
.dashboardTable {
    border-collapse: collapse;
    border-spacing: 0;
    font: small "Fira Sans", sans-serif;

	border-radius: 10px 10px 0 0;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.dashboardTable tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.dashboardTable tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

.dashboardTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:21px;
}

.dashboardTable tbody td {
    border: solid 1px #E3E3E3;
    padding: 2px 10px 2px 10px;
	text-align: center;
}

#lastGame1 {
	
}

#lastGame2 {

}

#lastGame3 {
	
}

#nextGame1 {
	
}

#nextGame2 {

}

#nextGame3 {
	
}

.imglogodashboard{

}


.dashboardTable a {
	text-decoration: none;
	color: #818181;
}

.dashboardTable a:hover {
  color: #0093FF;
}

.lastGame2 a {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

	/* Style standings rank */
.dashboardTable tbody td:nth-child(4n+1) {
	text-align: right;
}

	/* Style standings names */
.dashboardTable tbody td:nth-child(4n+2) {
	text-align: left;
	width: 20px;
}

.dashboardevents2 {
	background: #343434;
	color: white;
}

.dashboardevents2 a {
	text-decoration: none;
	color:white;
}

.dashboardevents2 a:hover {
  color: #0093FF;
}

.dashboardevents td:nth-child(1) {
	padding-left: 10px;
	width: 80px;
	height: 25px;
}

.dashboardevents2 td:nth-child(2) {
	width: 30px;
}

.dashboardevents2 td:nth-child(3) {
	width: 150px;
	text-align: left;
}

.dashboardevents2 td:nth-child(4) {
	width: 30px;
	text-align: center;
}

.dashboardevents2 td:nth-child(5) {
	width: 150px;
	text-align: right;
}

.dashboardevents3 {
	background: #343434;
	color: white;
}

.dashboardevents3 a {
	text-decoration: none;
	color: white;
}

.dashboardevents3 a:hover {
  color: #0093FF;
}

.dashboardevents3 td:nth-child(2) {
	width: 30px;
}

.dashboardevents3 td:nth-child(3) {
	width: 100px;
	text-align: left;
}

.dashboardevents3 td:nth-child(4) {
	width: 30px;
	text-align: center;
}

.dashboardevents3 td:nth-child(5) {
	width: 100px;
	text-align: right;
}


	/* Style standings my team */
.standingsMyTeam {
	background-color: #FFE3AA;
	font-weight: bold;	
}

	/* Style first col */
.standingsCL {
	color: white;
	background-color: #6D727F;
	font-weight: bold;	
}

.standingsCLprelim {
	color: white;
	background-color: #858FA5;
	font-weight: bold;	
}

.standingsEL {
	color: white;
	background-color: #A2B0D2;
	font-weight: bold;	
}

.standingsELprelim {
	color: white;
	background-color: #BACDF8;
	font-weight: bold;	
}

.standingsECLprelim {
	color: white;
	background-color: #d5dff7;
	font-weight: bold;	
}

.standingsReleg {
	color: white;
	background-color: #FF9696;
	font-weight: bold;	
}

.standingsPromot {
	color: white;
	background-color: #C4FF5B ;
	font-weight: bold;	
}

.standingsMyTeamCol1 {
	color: #DA9200;	
}

/* Style cup */
.cupTable{
	border-collapse: collapse;
    border-spacing: 0;
}

.cupTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	width: 450px;
	height:22px;
	border-radius:10px 10px 0 0;
}

.cupTable tbody tr {
	background-color:rgba(52, 52, 52, 0.15);
}

.cupTable td:nth-child(4n+1){
	padding: 5px 0px 5px 0px;
	text-align: right;
	width: 200px;
}


.cupTable td:nth-child(4n+2){
	text-align: center;
	font-weight: bold;
	width: 50px;
}

.cupTable td:nth-child(4n+3){
	text-align: left;
	width: 200px;
}

.cupTable a {
  text-decoration: none;
  color: #818181;
}

.cupTable a:hover {
  color: #0093FF;
}

/* Style cup 2 (NT)*/
.cupTable2{
	border-collapse: collapse;
    border-spacing: 0;
}

.cupTable2 thead th {
	background-color: #DA9200;
    color: #343434;
	text-align: center;
	width: 450px;
	height:22px;
	border-radius:10px 10px 0 0;
}

.cupTable2 tbody tr {
	background-color:rgba(218, 146, 0, 0.25);
}

.cupTable2 td:nth-child(4n+1){
	padding: 5px 0px 5px 0px;
	text-align: right;
	width: 200px;
}


.cupTable2 td:nth-child(4n+2){
	text-align: center;
	font-weight: bold;
	width: 50px;
}

.cupTable2 td:nth-child(4n+3){
	text-align: left;
	width: 200px;
}

.cupTable2 a {
  text-decoration: none;
  color: #818181;
}

.cupTable2 a:hover {
  color: #0093FF;
}


/* Style europe */
.europeTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	width: 506px;
	height:22px;
	border-radius:10px 10px 0 0;
}

.europeTable td:nth-child(6n+1){
	text-align: right;
	width: 150px;
}

.europeTable td:nth-child(6n+2){
	text-align: center;
	padding: 10px 10px 10px 10px;
}

.europeTable td:nth-child(6n+3){
	text-align: center;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
}

.europeTable td:nth-child(6n+4){
	text-align: center;
	padding: 10px 10px 10px 10px;
}

.europeTable td:nth-child(6n+5){
	text-align: left;
	width: 150px;
}

.europeTable a {
  text-decoration: none;
  color: #818181;
}

.europeTable a:hover {
  color: #0093FF;
}

.groupstage a {
  text-decoration: none;
  color: #818181;
}

.groupstage a:hover {
  color: #0093FF;
}

.groupstage tbody tr {
	background-color:rgba(52, 52, 52, 0.15);
}

.seedetails a {
  text-decoration: none;
  color: #343434;
}

.seedetails a:hover {
  color: #DA9200;
}

/* Style europe group stage */
.groupstage {
	border-collapse: collapse;
    border-spacing: 0;	
}

.groupstage thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.groupstage thead th:nth-child(1){
	border-radius:10px 0 0 0;
}

.groupstage thead th:nth-child(10){
	border-radius:0 10px 0 0;
}

.groupstage td:nth-child(11n+1){
	text-align: center;
	width: 30px;
}

.groupstage td:nth-child(11n+2){
	text-align: left;
	width: 211px;
}

.groupstage td:nth-child(11n+3){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 5px;
}

.groupstage td:nth-child(11n+4){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 5px;
}

.groupstage td:nth-child(11n+5){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 5px;
}

.groupstage td:nth-child(11n+6){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 5px;
}

.groupstage td:nth-child(11n+7){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 15px;
}

.groupstage td:nth-child(11n+8){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 15px;
}

.groupstage td:nth-child(11n+9){
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 15px;
}

.groupstage td:nth-child(11n+10){
	width: 30px;
	text-align: center;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}




/* Style team */

.playersTable td:nth-child(1){
	text-align: left;
	width: 30px;
}

.playersTable td:nth-child(2){
	text-align: left;
	width: 175px;
}


.playersTable td:nth-child(4){	/* international flag */
	text-align: center;
	width: 20px;
}

.playersTable td:nth-child(5){	/* age */
	text-align: center;
	width: 50px;
	
}

.playersTable td:nth-child(6){	/* rating */
	text-align: center;
	width: 25px;
}

.playersTable td:nth-child(7){	/* rating evol */
	text-align: center;
	width: 25px;
}

.playersTable td:nth-child(8){	/* separator */
	text-align: center;
	width: 10px;
}

.playersTable td:nth-child(9){	/* pot */
	text-align: center;
	width: 25px;
}

.playersTable td:nth-child(10){	/* pot evol */
	text-align: center;
	width: 25px;
}

.playersTable td:nth-child(11){	/* stars */
	text-align: left;
	width: 80px;
	height: small;
}

.playersTable td:nth-child(12){	/* salary */
	text-align: right;
	width: 110px;
}

.playersTable td:nth-child(13){	/* ctct */
	text-align: left;
	width: 50px;
}

.playersTable td:nth-child(14){	/* start/sub */
	text-align: center;
	width: 40px;
}

.playersTable td:nth-child(15){	/* start/sub */
	text-align: center;
	width: 40px;
}

.playersTable td:nth-child(16){	/* goals */
	text-align: right;
	width: 30px;
	font-weight: bold;
	padding-right: 10px;
}

.playersTable td:nth-child(17){	/* passes */
	text-align: right;
	width: 30px;
	font-weight: bold;
	padding-right: 10px;
}

.playersTable td:nth-child(18){	/* injuries img*/
	text-align: right;
	width: 14px;
}

.playersTable td:nth-child(19){	/* injuries*/
	text-align: left;
	width: 55px;
}

.playersTable td:nth-child(20){	/* yellow*/
	text-align: right;
	width: 30px;
	color: #DA9200;
	font-weight: bold;
	padding-right: 10px;
}

.playersTable td:nth-child(21){	/* red*/
	text-align: right;
	width: 30px;
	color: #b30000;
	font-weight: bold;
	padding-right: 10px;
}

.playersTable td:nth-child(22){	/* next yellow img*/
	text-align: right;
	width: 14px;
}

.playersTable td:nth-child(23){	/* next yellow*/
	text-align: left;
	width: 30px;
	color: #DA9200;
	font-weight: bold;
}

.playersTable td:nth-child(24){	/* susp img*/
	text-align: right;
	width: 14px;
}

.playersTable td:nth-child(25){	/* susp*/
	text-align: left;
	width: 50px;
	color: #b30000;
	font-weight: bold;
}

.playersTable-highlight-all {
    overflow: hidden;
    z-index: 1;
}
.playersTable-highlight-all tbody td, .zui-table-highlight-all thead th {
    position: relative;
}
.playersTable-highlight-all tbody td:hover::before {
    background-color: #DBDBDB;
    content:'\00a0';
    height: 100%;
    left: -5000px;
    position: absolute;
    top: 0;
    width: 10000px;
    z-index: -1;
}

/*  height: 10000px; 	enlevé pour vertical */
.playersTable-highlight-all tbody td:hover::after {
    background-color: #DBDBDB;
    content:'\00a0';
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1;
}

.playersTable a {
  text-decoration: none;
  color: #818181;
}

.playersTable a:hover {
  color: #0093FF;
}

/* players table NT (one more) */
.playersTableNT td:nth-child(1){
	text-align: left;
	width: 30px;
}

.playersTableNT td:nth-child(2){
	text-align: left;
	width: 175px;
}


.playersTableNT td:nth-child(4){	/* age */
	text-align: center;
	width: 50px;
	
}

.playersTableNT td:nth-child(5){	/* caps */
	text-align: center;
	width: 50px;
}

.playersTableNT td:nth-child(6){	/* rating */
	text-align: center;
	width: 25px;
}

.playersTableNT td:nth-child(7){	/* rating evol */
	text-align: center;
	width: 25px;
}

.playersTableNT td:nth-child(8){	/* separator */
	text-align: center;
	width: 10px;
}

.playersTableNT td:nth-child(9){	/* pot */
	text-align: center;
	width: 25px;
}

.playersTableNT td:nth-child(10){	/* pot evol */
	text-align: center;
	width: 25px;
}

.playersTableNT td:nth-child(11){	/* stars */
	text-align: left;
	width: 80px;
	height: small;
}

.playersTableNT td:nth-child(12){	/* salary */
	text-align: right;
	width: 110px;
}

.playersTableNT td:nth-child(13){	/* ctct */
	text-align: left;
	width: 50px;
}

.playersTableNT td:nth-child(14){	/* club */
	text-align: left;
	width: 120px;
}

.playersTableNT td:nth-child(15){	/* eval */
	text-align: center;
	width: 40px;
}

.playersTableNT td:nth-child(16){	/* start/sub */
	text-align: center;
	width: 40px;
}

.playersTableNT td:nth-child(17){	/* goals */
	text-align: right;
	width: 30px;
	font-weight: bold;
	padding-right: 10px;
}

.playersTableNT td:nth-child(18){	/* passes */
	text-align: right;
	width: 30px;
	font-weight: bold;
	padding-right: 10px;
}

.playersTableNT td:nth-child(19){	/* injuries img*/
	text-align: right;
	width: 14px;
}

.playersTableNT td:nth-child(20){	/* injuries*/
	text-align: left;
	width: 55px;
}

.playersTableNT td:nth-child(21){	/* yellow*/
	text-align: right;
	width: 30px;
	color: #DA9200;
	font-weight: bold;
	padding-right: 10px;
}

.playersTableNT td:nth-child(22){	/* red*/
	text-align: right;
	width: 30px;
	color: #b30000;
	font-weight: bold;
	padding-right: 10px;
}

.playersTableNT td:nth-child(23){	/* next yellow img*/
	text-align: right;
	width: 14px;
}

.playersTableNT td:nth-child(24){	/* next yellow*/
	text-align: left;
	width: 30px;
	color: #DA9200;
	font-weight: bold;
}

.playersTableNT td:nth-child(25){	/* susp img*/
	text-align: right;
	width: 14px;
}

.playersTableNT td:nth-child(26){	/* susp*/
	text-align: left;
	width: 50px;
	color: #b30000;
	font-weight: bold;
}

.playersTableNT a {
  text-decoration: none;
  color: #818181;
}

.playersTableNT a:hover {
  color: #0093FF;
}

/* Style player */
.playersskillsTable th {
	text-align:left;
}

.playersskillsTable td:nth-child(1) {
	width: 110px;
}

.playersskillsTable td:nth-child(2) {
	width: 25px;
	text-align: center;
}

.playersskillsTable td:nth-child(3) {
	width: 25px;
	text-align: center;
}

.playersskillsTable td:nth-child(4) {
	width: 110px;
}

.playersskillsTable td:nth-child(5) {
	width: 25px;
	text-align: center;
}

.playersskillsTable td:nth-child(6) {
	width: 25px;
	text-align: center;
}

.playersskillsTable2 td:nth-child(1) {
	width: 110px;
}

.playersskillsTable2 td:nth-child(2) {
	width: 25px;
	text-align: center;
}

.playersskillsTable2 td:nth-child(3) {
	width: 25px;
	text-align: center;
}

.playersskillsTable2 td:nth-child(4) {
	width: 10px;
	text-align: center;
}

.playersskillsTable2 td:nth-child(5) {
	width: 25px;
	text-align: center;
}

.playersskillsTable2 td:nth-child(6) {
	width: 25px;
	text-align: center;
}


.playersskillsTable5 {
	height: 15px;
}

.playerinfoTable {
	font-weight: bold;
	width: 200px;
}

.playerTable a {
  text-decoration: none;
  color: #818181;
}

.playerTable a:hover {
  color: #0093FF;
}

.statsTitles a {
  text-decoration: none;
  color: #818181;
}

.statsTable {
	border: 1px solid;
	border-radius: 10px;
	border-color: #818181;
}

.player-stats-wrap {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.statsTrophies {
	border: none;
}

.statsTrophies th,
.statsTrophies td {
	text-align: center;
}

.statsTrophies th {
	font-weight: normal;
	height: 17px;
	padding: 1px 6px;
}

.statsTrophies td {
	height: 20px;
	padding: 0px 6px;
}

.statsTrophies .trophy-item {
	display: inline-flex;
	align-items: center;
	margin: 0 3px;
}

.statsTrophies .trophy-icon {
	height: 16px;
	width: auto;
	vertical-align: middle;
}

.statsTrophies .trophy-count {
	margin-left: 2px;
	font-size: 11px;
	color: #818181;
}

.statsTable tr td:nth-child(1) {
	width: 80px;
	text-align: center;
}

.statsTable tr td:nth-child(2) {
	width: 150px;
}

.statsTable tr td:nth-child(3) {
	width: 55px;
	text-align: center;
}

.statsTable tr td:nth-child(4) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(5) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(6) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(7) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(8) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(9) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(10) {
	width: 30px;
	text-align: center;
}

.statsTable tr td:nth-child(11) {
	width: 30px;
	text-align: center;
}

.statsTable a {
  text-decoration: none;
  color: #818181;
}

.statsTable a:hover {
  color: #0093FF;
}

.statsTitles a:hover {
  color: #0093FF;
}

.playerTitles {
	width: 80px;
	text-align: center;
	font-weight: normal;
}

.playerTitlesSelec {
	text-decoration: underline;
	font-weight: bold;
}

#transferToggle {
	text-decoration: underline;
	color: #818181;
}

#transferToggle:hover {
  color: #0093FF;
}

#transferHistory a {
	text-decoration: none;
	color: #818181;
}

#transferHistory a:hover {
  color: #0093FF;
}

/* Style scorers */

.scorersTable td:nth-child(6n+1){
	text-align: left;
	width: 30px;
}

.scorersTable td:nth-child(6n+2){
	text-align: left;
	width: 40px;
	height: small;
}

.scorersTable td:nth-child(6n+3){
	font-weight: bold;
	text-align: left;
	width: 150px;
}

.scorersTable td:nth-child(6n+4){
	text-align: left;
	width: 300px;
}

.scorersTable td:nth-child(6n+5){
	font-weight: bold;
	text-align: center;
	width: 30px;
}

.scorersTable a {
  text-decoration: none;
  color: #818181;
}

.scorersTable a:hover {
  color: #0093FF;
}

.ascorpass a {
  text-decoration: none;
  color: #818181;
}

.ascorpass a:hover {
  color: #0093FF;
}

.ascorpass {
	text-align: right;
	width: 375px;
}

/* Style passers */

.passersTable td:nth-child(6n+1){
	text-align: left;
	width: 30px;
}

.passersTable td:nth-child(6n+2){
	text-align: left;
	width: 40px;
	height: small;
}

.passersTable td:nth-child(6n+3){
	font-weight: bold;
	text-align: left;
	width: 150px;
}

.passersTable td:nth-child(6n+4){
	text-align: left;
	width: 300px;
}

.passersTable td:nth-child(6n+5){
	font-weight: bold;
	text-align: center;
	width: 30px;
}

.passersTable a {
  text-decoration: none;
  color: #818181;
}

.passersTable a:hover {
  color: #0093FF;
}


/* Style matchs */
.linkmatch  a {
  text-decoration: none;
  color: #818181;
  font-size: 18px;
}

.linkmatch a:hover {
  color: #0093FF;
}

.matchhead {
	width: 582px;
}

.matchhead th{
	font-size: 18px;
}


.matchhead th:nth-child(1){
	text-align:center;
	width: 30px;
	padding-left:10px;
}

.matchhead th:nth-child(2){
	font-weight: bold;
	text-align: left;
	width: 200px;
}

.matchhead th:nth-child(3){
	font-weight: bold;
	text-align: center;
	width: 100px;
}

.matchhead th:nth-child(4){
	text-align: right;
	width: 200px;
}

.matchhead th:nth-child(5){
	font-weight: bold;
	text-align:center;
	width: 30px;
	padding-right:10px;
}

.matchhead1 th{
	padding-top: 10px;
	font-size: small;
}

.matchhead2 th{
	padding-top: 0px;
	font-size: small;
}

.matchhead2 th:nth-child(3n+1){
	text-align:left;
	font-weight:normal;
	padding-left:10px;
}

.matchhead2 th:nth-child(3n+2){
	width: 100px;
}

.matchhead2 th:nth-child(3n+3){
	text-align:right;
	font-weight:normal;
	padding-right:10px;
}

.matchtd td:nth-child(8n+1){
	text-align:center;
	width: 30px;
}

.matchtd td:nth-child(8n+2){
	text-align: left;
	width: 130px;
}

.matchtd td:nth-child(8n+3){
	text-align: center;
	width: 20px;
}

.matchtd td:nth-child(8n+4){
	width: 100px;
}

.matchtd td:nth-child(8n+5){
	text-align: right;
	width: 20px;
}

.matchtd td:nth-child(8n+6){
	text-align: right;
	width: 130px;
}

.matchtd td:nth-child(8n+7){
	text-align:center;
	width: 30px;
}

.timeline {
	width: 582px;
}

.statsmatch {
	width: 582px;
}

.statsmatch td:nth-child(1){
	width: 35%;
	text-align: left;
	padding-left: 10px;
}

.statsmatch td:nth-child(2){
	width: 30%;
	text-align: center;
	font-weight: bold;
}

.statsmatch td:nth-child(3){
	width: 35%;
	text-align: right;
	padding-right: 10px;
}

.hevents{
	display: flex;
	box-sizing: border-box;
}

.hevents td{
	display:inline-block;
	flex: 1;
	text-align:center;
}

.tevents{
	display: flex;
	box-sizing: border-box;
}

.tevents td{
	display:inline-block;
	flex: 1;
	font-weight: bold;
	background-color: #343434;
	color: #FFFFFF;
	border: solid 1px #343434;
	text-align:center;
}

.aevents{
	display: flex;
	box-sizing: border-box;
}

.aevents td{
	padding-top: 5px;
	display:inline-block;
	flex: 1;
	text-align:center;
}

.timeevents td{
	font-weight: bold;
	background-color: #343434;
	color: #FFFFFF;
	border: solid 1px #343434;
}

.matchplayers td{
	height:18px;
}

.matchplayers a {
  text-decoration: none;
  color: #818181;
}

.matchplayers a:hover {
  color: #0093FF;
}

/* Style history Leagues */
.historyTable {
    border-collapse: collapse;
    border-spacing: 0;
}

.historyTable tbody td {
    border: solid 1px #E3E3E3;
	border-spacing: 0px 0px;
}

.historyTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.historyTable thead th:nth-child(1){
	border-radius:10px 0 0 0;
}

.historyTable thead th:nth-child(4){
	border-radius:0 10px 0 0;
}

.historyTable th:nth-child(5n+1){
	width: 80px;
}

.historyTable th:nth-child(5n+2){
	width: 200px;
}

.historyTable th:nth-child(5n+3){
	width: 200px;
}

.historyTable th:nth-child(5n+4){
	width: 200px;
}

.historyTable td:nth-child(5n+1){
	text-align: center;
	width: 80px;
}

.historyTable td:nth-child(5n+2){
	padding: 3px 0px 3px 15px;
	text-align: left;
	width: 150px;
}

.historyTable td:nth-child(5n+3){
	padding: 3px 0px 3px 15px;
	text-align: left;
	width: 150px;
}

.historyTable td:nth-child(5n+4){
	padding: 3px 0px 3px 15px;
	text-align: left;
	width: 150px;
}

.historyTable a {
  text-decoration: none;
  color: #818181;
}

.historyTable a:hover {
  color: #0093FF;
}

/* Style history Teams */
.historyTable2 {
    border-collapse: collapse;
    border-spacing: 0;
}

.historyTable2 thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.historyTable2 thead th:nth-child(1){
	border-radius:10px 0 0 0;
}

.historyTable2 thead th:nth-child(5){
	border-radius:0 10px 0 0;
}

.historyTable2 th:nth-child(1){
	width: 80px;
}

.historyTable2 th:nth-child(2){
	width: 200px;
}

.historyTable2 th:nth-child(3){
	width: 200px;
}

.historyTable2 th:nth-child(4){
	width: 200px;
}

.historyTable2 th:nth-child(5){
	width: 220px;
}

.historyTable2 td:nth-child(1){
	text-align: center;
	width: 80px;
}

.historyTable2 td:nth-child(2){
	padding: 3px 0px 3px 10px;
	text-align: left;
	width: 80px;
}

.historyTable2 td:nth-child(3){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 120px;
}

.historyTable2 td:nth-child(4){
	padding: 3px 0px 3px 10px;
	text-align: left;
	width: 80px;
}

.historyTable2 td:nth-child(5){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 120px;
}

.historyTable2 td:nth-child(6){
	padding: 3px 0px 3px 10px;
	text-align: left;
	width: 80px;
}

.historyTable2 td:nth-child(7){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 120px;
}

.historyTable2 td:nth-child(8){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 100px;
}

.historyTable2 td:nth-child(9){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 120px;
}

.historyTrophies {
	border-spacing:0px;
	padding:0px;
	border-collapse:collapse;
}

.historyTrophies td{
	padding: 0px;
}

.historyTrophiesTitles td{
	text-align: center;
}

.champ{
	background-color: #FFE3AA;
	font-weight: bold;
}

.historyTable1on2{
	background-color: #ebebeb;
}

.L2{
	border-left : 5px solid #FF9696;
}

.eur1{
	border-left: 5px solid #0a2463;
}

.eur2{
	border-left: 5px solid #3e92cc;
}

.eur3{
	border-left: 5px solid #95D4FF;
}

/* Style history NT */
.historyTableNT {
    border-collapse: collapse;
    border-spacing: 0;
}

.historyTableNT thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.historyTableNT thead th:nth-child(1){
	border-radius:10px 0 0 0;
}

.historyTableNT thead th:nth-child(3){
	border-radius:0 10px 0 0;
}

.historyTableNT th:nth-child(1){
	width: 80px;
}

.historyTableNT th:nth-child(2){
	width: 220px;
}

.historyTableNT th:nth-child(3){
	width: 220px;
}

.historyTableNT td:nth-child(1){
	text-align: center;
	width: 80px;
}

.historyTableNT td:nth-child(2){
	padding: 3px 0px 3px 10px;
	text-align: left;
	width: 100px;
}

.historyTableNT td:nth-child(3){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 120px;
}

.historyTableNT td:nth-child(4){
	padding: 3px 0px 3px 10px;
	text-align: left;
	width: 100px;
}

.historyTableNT td:nth-child(5){
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: 120px;
}


/* tabs history */

.historyon {
	width: 80px;
	text-decoration: underline;
	font-weight: bold;
}

.historyoff {
	width: 80px;
	font-weight: normal;
}

.historyoff a:hover {
  color: #0093FF;
}

.tabs a{
 	text-decoration: none;
	color: #818181;
	text-align: center;
}

/* page hist */
.histRecapTable {
    border-collapse: collapse;
    border-spacing: 0;
}

.histRecapTable thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.histRecapTable thead th:nth-child(1){
	border-radius:10px 10px 0 0;
}

.histRecapTable td{
	width:42px;
	border-bottom: solid 1px #E3E3E3;
}


.historyTable3 {
    border-collapse: collapse;
    border-spacing: 0;
}

.historyTable3 thead th {
	background-color: #343434;
    color: #DA9200;
	text-align: center;
	height:22px;
}

.historyTable3 thead th:nth-child(1){
	border-radius:10px 0 0 0;
}

.historyTable3 thead th:nth-child(6){
	border-radius:0 10px 0 0;
}

.historyTable3 td{
	height: 25px;
	border-bottom: solid 1px #aaaaaa;
}

.historyTable3 td:nth-child(1){
	text-align: center;
	width: 80px;
	border-right: solid 1px #aaaaaa;
}

.historyTable3 td:nth-child(2){
	padding-left: 5px;
	text-align: left;
	width: 150px;
	border-right: solid 1px #aaaaaa;
}

.historyTable3 td:nth-child(3){
	padding-left: 5px;
	text-align: left;
	width: 100px;
}

.historyTable3 td:nth-child(4){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 80px;
	border-right: solid 1px #aaaaaa;
}

.historyTable3 td:nth-child(5){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 120px;
}

.historyTable3 td:nth-child(6){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 80px;
	border-right: solid 1px #aaaaaa;
}

.historyTable3 td:nth-child(7){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 120px;
}

.historyTable3 td:nth-child(8){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 100px;
	border-right: solid 1px #aaaaaa;
}

.historyTable3 td:nth-child(9){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 120px;
}

.historyTable3 td:nth-child(10){
	padding: 3px 0px 3px 5px;
	text-align: left;
	width: 140px;
}

.historyTable3 a {
  text-decoration: none;
  color: #818181;
}

.historyTable3 a:hover {
  color: #0093FF;
}

/* powerranking */
.powerrankingTable a {
  text-decoration: none;
  color: #818181;
}

.powerrankingTable a:hover {
  color: #0093FF;
}


/* Style strategy */
.mainstrategy {
  margin-left: 160px;
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font: small "Fira Sans", sans-serif;
  color: #818181;
}

.tactics {
	float:left;
	width:100%;
	padding-bottom: 15px;
	padding-top: 5px;
	background: #679C6E;
	border-radius:10px 10px 0px 0px;
}

.formtactics {
	padding-left: 10px;
}

.tacticsTitle {
	padding-left: 15px;
	color: white;
	font-weight: bold;
}

.tacticsSwitch {
	padding-left: 15px;
	height: 30px;
	color: white;
	text-decoration: underline;
}


.players {
	width:140px;
	background: #343434;
	padding: 5px 5px 5px 5px;
}

.playerstd1 {
	background: #343434;
	vertical-align: top;
	border-radius:0px 0px 0px 10px;
}

.playerstd2 {
	background: #343434;
	vertical-align: top;
}

.playerslist {
	padding: 3px 5px 3px 20px;
}

.playerslist  td:nth-child(2){
	 width: 2px;
}

.playerslist  td:nth-child(3){
	 width: 60px;
}

.formationtd {
	width:600px;
	height: 450px;
	vertical-align: top;
	background: #D0DCD3;
	border-radius:0px 0px 10px 0px;
}

.drop-zone--over { opacity: 0.5}

.poste {
	white-space: pre-line;
	width: 110px;
	height: 30px;
	padding: 2.5px;
	border-radius: 3px;
	margin: 10px auto;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size: 10px
}

.drop-zone-gk {
	background-image: url("GK.png");
}
	
.drop-zone-dc {
	background-image: url("DC.png");
}

.drop-zone-dl {
	background-image: url("DL.png");
}

.drop-zone-md {
	background-image: url("MD.png");
}

.drop-zone-mc {
	background-image: url("MC.png");
}

.drop-zone-ml {
	background-image: url("ML.png");
}

.drop-zone-mo {
	background-image: url("MO.png");
}

.drop-zone-ai {
	background-image: url("AI.png");
}

.drop-zone-ac {
	background-image: url("AC.png");
}

.goalkeeper{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.defenders{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.defensivemidfielders{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.midfielders{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.offensivemidfielders{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.attackers{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.sub{
	float:left;
	clear: left;
	width:100%;
	display: grid;
    grid-template-columns: 1fr;
	height: 50px;
}

.sub1{
	padding-top: 40px;
}

.rightposte{
	background: #343434;
}

.wrongposte{
	background: #343434;
	box-shadow: 0 0 5px orange,
				0 0 15px orange,
				0 0 30px orange;
}

#checkboxauto{
	accent-color: #343434;
}

#checkboxform{
	accent-color: #343434;
}

.tacticstable a {
  text-decoration: none;
  color: white;
}

.tacticstable a:hover {
  text-decoration: underline;
}

.playertooltip {
  display: none; /* Le tooltip est caché au début */
  position: absolute;
  background: #343434;
  border: solid 1px #A4A4A4;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  font-size: small;
  z-index: 1000;
  pointer-events: none;
  min-width: 466.72px;
  min-height: 128px;
}

.playertooltip table {
  border-collapse: collapse;
}

.playertooltip th, .playertooltip td {
  padding-left: 5px;
  padding-right: 5px;
  height: 14px;
}

.attribar {
  height:8px;
  border-radius: 2px;
}

/* Tooltip match */
.tip {
  display: inline-block;
  position: relative;
}

.tip:hover .hover-box-up {
    display: block;
}

.tip:hover .hover-box-down {
    display: block;
}

.hover-box-up {
  display: none;
  position: absolute; 
  padding: 3px 5px;
  text-align: center;
  width: 100%;
  min-width: 120px;
  white-space: nowrap;
  top: -30px;  
  background: #343434;
  border-radius:10px;    
  color: #fff;
}

.hover-box-down {
  display: none;
  position: absolute; 
  padding: 3px 5px;
  text-align: center;
  width: 100%;
  min-width: 120px;
  white-space: nowrap;
  top: 30px;  
  background: #343434;
  border-radius:10px;    
  color: #fff;
}


/* Face player */
.container {
  position: relative;   
}

.overlay {
    position: absolute;   
    left:0;
    top: 0;
    z-index: 999;
}


/* Style finances */
.financesTable {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: small "Fira Sans", sans-serif;
}
.financesTable thead th {
	background-color: #343434;
    border: solid 1px white;
    color: #DA9200;
    padding: 3px 0px 3px 0px;
	text-align: center;
}

.financesTable tbody td {
    border: solid 1px #E3E3E3;
    padding: 2px 10px 2px 10px;
    font: small "Fira Sans", sans-serif;
	text-align: center;
}

	/* Style standings rank */
.financesTable td:nth-child(1) {
	text-align: left;
	font-weight: bold;
}

/* Style finances club */


.financesclubTable tbody td {
    padding: 2px 10px 2px 10px;
}

/* Style standings rank */
.f1 {
	text-align: left;
	width: 150px;
}

.f2 {
	text-align: right;
	width: 80px;
}

/* Style playersdb */
.playersdbTable th:nth-child(7){	/* estim */
	width: 86px;
	padding-right:5px;
}

.playersdbTable td:nth-child(1){	/* td */
	text-align: left;
	width: 30px;
}

.playersdbTable td:nth-child(2){
	text-align: left;
	width: 175px;
}

.playersdbTable td:nth-child(4){
	text-align: center;
	width: 30px;
}

.playersdbTable td:nth-child(5){	/* team */
	text-align: left;
	width: 150px;
}

.playersdbTable td:nth-child(6){	/* rating */
	text-align: right;
	width: 60px;
}

.playersdbTable td:nth-child(7){	/* pot */
	text-align: left;
	width: 80px;
	height: small;
}

.playersdbTable td:nth-child(8){	/* eval */
	text-align: center;
	width: 40px;
}

.playersdbTable td:nth-child(9){	/* sala */
	text-align: right;
	width: 110px;
}


.playersdbTable td:nth-child(10){	/* ctct */
	text-align: left;
	width: 45px;
}


.playersdbTable td:nth-child(11){	/* estim */
	text-align: right;
	width: 80px;
	padding-right:10px;
}

.playersdbTable td:nth-child(n+12):nth-child(-n+28){	/* caracs */
	text-align: center;
	/* display:; */
}

.playersdbTable th:nth-child(n+8):nth-child(-n+25){	/* caracs */
	/* display:; */
	width: 30px;
}

.playersdbTable a {
  text-decoration: none;
  color: #818181;
}

.playersdbTable a:hover {
  color: #0093FF;
}

#btnshow{
	background-color: #343434;
	border-style: solid;
	border-color: #343434;
	color:white;
	border-radius:2px;
	width:100px;
	text-align:center;
}

#btnshow:enabled:hover {
	background-color: white;
	border-style: solid;
	border-color: #343434;
	color: #343434;
}

/* Style playersdb pour NT selection */
.playersdbselectionTable td:nth-child(1){	/* td */
	text-align: left;
	width: 30px;
}

.playersdbselectionTable td:nth-child(2){
	text-align: left;
	width: 175px;
}

.playersdbselectionTable td:nth-child(4){
	text-align: center;
	width: 30px;
}

.playersdbselectionTable td:nth-child(5){	/* team */
	text-align: left;
	width: 150px;
}

.playersdbselectionTable td:nth-child(6){	/* rating */
	text-align: right;
	width: 60px;
}

.playersdbselectionTable td:nth-child(7){	/* pot */
	text-align: left;
	width: 80px;
	height: small;
}

.playersdbselectionTable td:nth-child(8){	/* eval nt*/
	text-align: center;
	width: 40px;
}

.playersdbselectionTable td:nth-child(9){	/* eval club*/
	text-align: center;
	width: 40px;
}


.playersdbselectionTable td:nth-child(10){	/* form */
	text-align: center;
	width: 40px;
}


.playersdbselectionTable td:nth-child(11){	/* status 1 */
	text-align: center;
	width: 40px;
}

.playersdbselectionTable td:nth-child(12){	/* status 2 */
	text-align: right;
	width: 40px;
	padding-right:10px;
}


.playersdbselectionTable td:nth-child(13){	/* selection */
	text-align: center;
	width: 40px;
}


.playersdbselectionTable td:nth-child(n+14):nth-child(-n+27){	/* caracs */
	text-align: center;
	/* display:; */
}

.playersdbselectionTable th:nth-child(n+8):nth-child(-n+25){	/* caracs */
	/* display:; */
	width: 30px;
}

.playersdbselectionTable a {
  text-decoration: none;
  color: #818181;
}

.playersdbselectionTable a:hover {
  color: #0093FF;
}

.selectionCheckbox{
	accent-color: #343434;
	cursor: pointer;
}

.countselection{
	text-align: right;
	width:56px;
}


/* Style freeplayers */
.freeplayersTable {
    border-collapse: collapse;
    border-spacing: 0;
}

.playersdbTable th:nth-child(4){	/* ctct */
	padding-right:5px;
}

.freeplayersTable td:nth-child(1){
	text-align: left;
	width: 30px;
}

.freeplayersTable td:nth-child(2){
	text-align: left;
	width: 175px;
}

.freeplayersTable td:nth-child(4){
	text-align: center;
	width: 30px;
}

.freeplayersTable td:nth-child(5){	/* rating */
	text-align: right;
	width: 60px;
}

.freeplayersTable td:nth-child(6){	/* stars */
	text-align: left;
	width: 80px;
	height: small;
}

.freeplayersTable td:nth-child(7){	/* sala */
	text-align: right;
	width: 110px;
}


.freeplayersTable td:nth-child(8){	/* ctct */
	text-align: left;
	width: 45px;
	padding-right:10px;
}

.freeplayersTable td:nth-child(n+9):nth-child(-n+25){	/* caracs */
	text-align: center;
	/* display:; */
}

.freeplayersTable th:nth-child(n+5):nth-child(-n+22){	/* caracs */
	width: 30px;
	/* display:; */
}

.freeplayersTable a {
  text-decoration: none;
  color: #818181;
}

.freeplayersTable a:hover {
  color: #0093FF;
}

/* Style negociations */
.nego a {
	text-decoration: none;
	color: #818181;
}

.nego a:hover {
  color: #0093FF;
}

#ntoffers a {
  text-decoration: none;
  color: #818181;
}

#ntoffers a:hover {
  color: #0093FF;
}

.negofinances {
	padding:15px 15px;
	color: white;
	background: #343434;
	border-radius: 10px;
	width: 638px;
}

/* Style transfers */
.transfersTable a {
	text-decoration: none;
	color: #818181;
}

.transfersTable a:hover {
  color: #0093FF;
}

.transfersTable{
	border-collapse: collapse;
    border-spacing: 0;
}

/* change salary/transfer */
.updatesalary td:nth-child(1){
	text-align: left;
	font-weight: bold;
	width: 170px;
	height: 25px;
}

.updatesalary td:nth-child(2){
	text-align: center;
	width: 100px;
}

.updatesalary td:nth-child(3){
	text-align: center;
	width: 100px;
}


/* Notifications */
.alert {
    display: block;
    height: auto;
    padding: 8px 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 700px;
}

.alertgreen {
	display: none;
	text-align: center;
	vertical-align: middle;
	line-height: 21px;
	color: #395900;
	background: #D9FE96;
	height: 21px;
	width: 700px;
	border-radius: 5px;
	margin-top: 5px;
}

.alertred {
	display: none;
	text-align: center;
	vertical-align: middle;
	line-height: 21px;
	color: #660000;
	background: #FF9696;
	height: 21px;
	width: 700px;
	border-radius: 5px;
	margin-top: 5px;
}

.alertyellow {
	display: none;
	text-align: center;
	vertical-align: middle;
	line-height: 21px;
	color: #5f4000;
	background: #FFE3AA;
	height: 21px;
	width: 700px;
	border-radius: 5px;
	margin-top: 5px;
}

/* Button live */
.image-button {
    display: inline-block;
}

.image-button img {
    width: 30px; /* Adjust the width and height according to your image */
    height: auto; /* This maintains aspect ratio */
    border: none; /* Removes default border */
    cursor: pointer; /* Adds a pointer cursor on hover to indicate it's clickable */
}

.image-button img:hover {
    opacity: 0.5; /* Reduces opacity slightly on hover */
}

.slider {
    accent-color: black;
}

.slider2 {
    accent-color: black;
	width: 270px;
}

.events {
	border-collapse: collapse;
	width: 582px;
}

.events td {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 30px;
	border-top: 1px solid #E7E7E7;
}

.events td:nth-child(2) {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

/* edit mode */
.tableedit {
	display:none;
	padding-bottom:10px;
	padding-left:10px;
	color:#2BAA5D;
	margin-bottom:10px;
	width:410px;
}

.tableedit td:nth-child(3){
	padding-left:20px;
}

.editinput {
	background: #2BAA5D;
	color: white;
	width: 35px;
	border:none;
	border-radius:5px;
}

.editinput2 {
	background: #1A6336;
	color: white;
	width:35px;
	border:none;
	border-radius:5px;
	height: 29px;
}

.buttonStyleEdit {
	background: #2BAA5D;
	color: white;
	border: 1px solid #343434;
	padding: 2px 15px;
	border-radius:10px;
	min-width:100px;
	cursor: pointer;
	box-shadow: 0px 4px #343434;
}

.buttonStyleEdit:enabled:hover {
	background: #343434;
	color: #2BAA5D;
	border: 1px solid #2BAA5D;
	box-shadow: 0px 4px #2BAA5D;
}

.buttonStyleEditLoad {
	background: #B3F5CD;
	color: #343434;
	border: 1px solid #343434;
	padding: 2px 15px;
	border-radius:10px;
	min-width:100px;
	box-shadow: 0px 4px #343434;
}

.slideredit {
    accent-color: #2BAA5D;
	margin:0;
}

.bodyedit::before
{
  content: '';
  display: block;
  height: 20px;

}

.buttoncustomlogo {
	cursor:pointer;
	text-align:center;
	width:36px;
	background:none;
	border:none;
}

.supprbox {
	cursor:pointer;
	border:none;
	background:none;
}

select {
	border-radius: 10px;	
}

select option {
	border-radius: 10px;	
}


/* Custom select logo */

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 26px; /* size green block */
}

.custom-select {
    position: relative;
    cursor: pointer;
}

.custom-select-trigger {
    display: block;
    padding: 5px 5px 3px 5px;
    background: #2BAA5D;
    border: none;
	border-radius:5px;
}

.custom-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #DCFFEA;
    border: none;
	border-radius:5px;
    z-index: 999;
    max-height: 313px;
	width: 43px;
    overflow-y: auto;
}

.custom-option {
    padding: 5px 5px 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.custom-option img {
    width: 16px;
    height: 20px;
}

.custom-option:hover {
    background: #2BAA5D;
}

.custom-select.open .custom-options {
    display: block;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.sliderround {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 17px;
}

.sliderround:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .sliderround {
  background-color: #2BAA5D;
}

input:focus + .sliderround {
  box-shadow: 0 0 1px #2BAA5D;
}

input:checked + .sliderround:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.sidenavedit {
  color: black;
  display: block;
  font-weight: bold;
  width: 60px;
}

.sidenavedittable {
	vertical-align: sub;
	font: small "Fira Sans", sans-serif;
}

/* news title */
.newscontainer {
	background: linear-gradient(white, 95%, #818181);	
}

.newscontainer a{
	text-decoration: none;
	color: #818181;
	text-align: center;
}

.newscontainer a:hover {
  color: #0093FF;
}

.newscontainer > table {
	border-collapse: collapse;
	border-spacing: 0;
	width: calc(100% - 40px);
	margin: 0 20px;
}

.bordernews td {
	border-top:1px solid #818181;
}

.classnews1-1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:white;
  background:#00684e;
  padding-right:5px;
  padding-left:5px;
}

.classnews1-2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 18px;
  color:white;
  background:#00684e;
  padding-right:5px;
}

.classnews2-1 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color:white;
  background:rgb(0, 0, 0);
  padding-right:5px;
  padding-left:5px;
}

.classnews2-2 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  color:white;
  background:#ef0000;
  padding-right:5px;
}

.classnews3-1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  font-size: 18px;
  color:rgb(1, 125, 207);
}

.classnews3-2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  color:rgb(0, 0, 0);
  padding-right:5px;
}

.classnews4-1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color:rgb(136, 173, 197);
}

.classnews4-2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color:rgb(0, 61, 102);
  padding-right:5px;
}

.classnews5-1 {
  font-family: Verdana, sans-serif;
  font-weight: 900;
  font-size: 18px;
  color:rgb(53, 50, 48);
  background: rgb(238, 198, 0);
  border-radius: 10px 0 0 0;
  padding-right:5px;
  padding-left:10px;
}

.classnews5-2 {
  font-family: Verdana, sans-serif;
  font-size: 18px;
  color:rgb(53, 50, 48);
  background: rgb(238, 198, 0);
  border-radius: 0 0 10px 0;
  padding-right:10px;
  padding-left:5px;
  border-left:1px solid rgb(53, 50, 48);
}

.classnews6-1 {
  font-family: Verdana, sans-serif;
  font-weight: 900;
  font-size: 18px;
  color:rgb(255, 174, 0);
  background: rgb(0, 0, 0);
  border-radius : 10px 0 0 10px;
  padding-left:5px;
}

.classnews6-2 {
  font-family: "Galada", cursive;
  font-size: 18px;
  font-weight: 900;
  color:rgb(48, 48, 48);
  padding-right:5px;
}

/*team spirit */
.dashbar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #ddd;
  border-radius: 8px;
}

.dashbarstatus {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ddd;
  border-radius: 8px;
}

.dashbar::after{
  content: attr(data-title);
  position: absolute;
  background: #444;
  color: #fff;
  top: -50%;
  left: 105%;
  font-size: small;
  width: 50px;
  padding: 5px;
  border-radius: 4px;
  transition: 300ms;
  opacity: 0;
  pointer-events: none;
  transform: translateX(15px);
}

.dashbar:hover::after{
  opacity: 1;
  transform: translateX(5px);
}

/* nt competition menu */
#anchors td{
  width:35px;
  text-align:center;
}

#anchors td:nth-child(1) {
  width:80px;
  text-align:left;
}

#anchors td:nth-child(10) {
  width:100px;
}


#anchorstr a {
  text-decoration: none;
  color: #818181;
}

#anchorstr a:hover {
  color: #0093FF;
}

/* custom page */

.customtable td{
	height:12px;
}

/* round border */

.rborder {
	border: 1px solid;
	border-radius: 10px;
	border-color: #818181;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.rborderhist  {
	border-radius: 10px;
	border-color: #818181;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.rborderteam {
	height: 80px;
	border-collapse: collapse;
	border-radius: 10px;
	border: none;
	background: #343434;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 700px;
}

.mirrortext {
  color:white;
  font-size:x-large;
  position: relative;
  z-index: 1;
}

.mirrortext::after {
	display:none;
  content: attr(data-text);
  position: absolute;
  top: calc(100% - 10px);
  left: 0;
  transform: scaleY(-1) skewX(-45deg) translateX(4px) translateY(-8px);
  color: var(--reflet-color, white);
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
  mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0))
}

.logo-container {
  background-color: white;
  margin: 5px;
  padding: 5px;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-container img {
  height: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.team-bar {
  width: 4px;
  height: 60px;
  background-color: #343434; /* Couleur par défaut, remplacée dynamiquement */
  border-radius: 2px;
}

/* Help */

.helpHead {
	width: 60%;
}

.helpPage {
	border-collapse: collapse;
	width: 100%;
	text-align:justify;
}

.helpPage tr {
	border: 1px solid;
	border-radius: 50px;
	border-color: #818181;
}

.helpPage td{
	padding: 1em;
}

.helpPage td:nth-child(1) {
	width: 100px;
}

.aboutPage{
	width: 40%;
	text-align:justify;
}

.indexPage {
	max-width:750px;
	min-width:500px;
	text-align:justify;
	/*background-color:red;*/
}

@media screen and (max-width: 600px) {
	.indexPage {
		max-width:100%;
		text-align:justify;
		/*background-color:yellow;*/
	}
	
	.indexPage2 {
		max-width:100%;
		min-width:100%;
		text-align:justify;
		/*background-color:green; */
	}
	
	.sidenav {
		/*width:15%; */
	}
	
	.hrindex {
		max-width:100%;
	}
}

.hrindex{
	max-width:750px;
	min-width:600px;
	margin-left:0;
}

.indexPage p {
	min-height:20px;
}

.indexPage2 {
	max-width:750px;
	min-width:500px;
	text-align:justify;
}

.indexImg {
	width:275px;
	text-align:left;
}

.boxnewgame {
	width:460px;
	background:#343434;
	margin-top:5px;
	height:156px;
	text-align:center;
	border-radius:10px;
}

.boxnewgameinside {
	padding:39px calc((100% - 130px) / 2);
	width:130px;
	height:78px;
}

.flexcontainer{
	display:flex;
	padding-top:7px;
}

.footer a {
	text-decoration: none;
	color: #818181;
}

.footer a:hover {
  color: #0093FF;
}


.showcoach a {
  text-decoration: none;
  color: black;
}

.showcoach a:hover {
  color: #0093FF;
}

.lastsummarylink {
	display: none;
	margin: 6px 0 8px 0;
	text-align: left;
	padding-top: 10px;
}

.lastsummarylink a {
	text-decoration: none;
	color: #818181;
}

.lastsummarylink a:hover {
	color: #0093FF;
}

.imgForm{
	position: relative;
}

.imgForm::after{
  content: attr(data-title);
  position: absolute;
  background: #444;
  color: #fff;
  left: 0;
  top: 100%;
  font-size: small;
  width: 30px;
  padding: 5px;
  border-radius: 4px;
  transition: 300ms;
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px);
}

.imgForm:hover::after{
  opacity: 1;
  transform: translateX(5px);
}

.rating-badge{
	border-radius:50%;
	border-width:2px;
	border-style:solid;
	border-color:#343434;
	width:24px;
	height:24px;
	display:inline-block;
	text-align:center;
	line-height:24px;
	color:#343434;
	font-weight:bold;
	margin-right:5px;
	font-size:12px;
}

.rating-badgenone{
	background-color:#ccc;
	border-radius:50%;
	width:28px;
	height:28px;
	display:inline-block;
	text-align:center;
	line-height:28px;
	color:#666;
	font-weight:bold;
	margin-right:5px;
	font-size:12px;
}

.summaryrewardstable {
	border-collapse: collapse;
	border-spacing: 0;
	width: 605px;
	table-layout: fixed;
}

.summaryrewardstable a {
	text-decoration: none;
	color: #818181;
}

.summaryrewardstable a:hover {
  color: #0093FF;
}

.summaryrewardstable td:nth-child(1){
	text-align: right;
	width: 10px;
	padding-right: 20px;
	padding-left: 6px;
	height: 25px;
}

.summaryrewardstable td:nth-child(2){
	text-align: left;
	width: 200px;
}

.summaryrewardstable td:nth-child(3){
	text-align: left;
	width: 60px;
}

.summaryrewardstable td:nth-child(4){
	text-align: left;
	width: 240px;
}

.summaryrewardstable td:nth-child(5){
	text-align: left;
	width: 60px;
}

#msgSelection a {
	font-weight: bold;
	color: #FF7979;
	text-decoration: none;
}

.boardMoodDisplay a {
	text-decoration: none;
	color: #818181;
}

.boardMoodDisplay a:hover {
  color: #0093FF;
}

.dismissedbox a {
	text-decoration: none;
	color: #818181;
}

.dismissedbox a:hover {
  color: #0093FF;
}