/* MY_STYLES.CSS */ 

.home-header-margin {
  margin-top: 3vw;
  margin-bottom: 3vw;
}
.home-module-margin {
  margin-top: 2vw;
  margin-bottom: 2vw;
}


.ieWarning1 {
  margin-top: 50px;
  text-align: center;
}
.ieWarning2 {
  margin-top: 20px;
  text-align: center;
}
.ieWarning3 {
  margin-top: 10px;
  text-align: center;
}

.nav {
  flex-wrap: wrap;  /* 2018-09-08 added for flex wrap tabs */
}

/* INFOLETTRE */
.infolettre-box {
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  
  border: 3px solid;
  border-color: #205020;
  background-color: transparent;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.infolettre-box-body {
  padding: 0px;
}
.infolettre-box-heading {
  margin: 0px;
  background-color: transparent !important; 
  border: 0px;
  padding: 0px;
}

/* OBSOLETE ? */ 
.react-bs-table, .react-bs-container-body
{
  height: auto !important;
  margin: 0px !important;
}

.img-roundedToken {
  border-radius: 20%;
}
.img-circle {
  width: 50px;
  height: auto;
  border-radius: 100%;
}
.img-profile-token {
  width: 50px;
  height: auto;
  border-radius: 20%;
}
.img-stand-token {
  width: 20px;
  height: auto;
  border-radius: 20%;
}
.img-sidebar-token {
  width: 30px;
  height: auto;
  border-radius: 20%;
}
.img-hand-cursor:hover {
  cursor:pointer;
}

.sidebar-special-item {
  display: inline-block;
  margin-top: -4px;
  vertical-align: middle;
  margin: 0 0.5rem 0 0;
  font-size: 14px;
  color: #ffffff;
  padding-left: 0.95rem;
}
.sidebar-special-connect {
  padding-left: 0.95rem;
}


/* Overwrite link focus on buttons */ 
a:focus.btnlink-green {
  color: fff; /*#c0ffc0;*/
  text-decoration: none;
}


/* Overwrite table fixed layout (from react-bootstrap-table)
.react-bs-table table {
  table-layout:fixed;
}
*/

th {
  min-width: 40px;
}

th.statelo-sort {
  position: relative;
  cursor: pointer;
  text-decoration: underline;
}

/* voir PlayerStandings_10B_VicPts_SglDbl.js for future use */
a.statelomenulink {
  cursor: pointer;
  text-decoration: underline !important;
}

.stateloListItemPointer {
  cursor: pointer;
}

.headuser {
  display: block;
  padding: 0.5em 1em; 
  cursor: default;
  color: #ffffff;
  text-decoration: none;
}

Link.underline {
  text-decoration: underline;
}

p.insideTableNoMargin {
  margin: 0;
}

.app-body .main {
	min-width: 0; 		/* STATELO : MAJOR! necessary for table-responsive to work */
}

.btn {
	margin-bottom: 0.5rem;
}

.btn-addPlayer {
  /*margin-bottom: 10px !important;*/
  font-size: 0.8rem;
  font-weight: 500;
  padding: 4px 6px;
}

.btn-addScoresheetFormat {
  font-size: 0.8rem;
  font-weight: 500;
  padding: 3px 6px;
  margin-left: 10px;
}

.btn-masterOptions {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 175px;
  padding: 4px 6px;
  margin-bottom: 8px;
}

.page-link, .pagination-datatables li a, .pagination li a {
	cursor: pointer;
}

.ligueMsg {
  background-color: #e0f8e0; /* #a0d2a0; */ 
  min-height: 130px;
}

body.busy-cursor {
  cursor: progress;
}


/* Widget 01 */
.text-widget01 {
  color: #326e32;
}
.bg-widget01 {
  color: #fff;
  background-color: #326e32
}
.text-muted-widget01 {
  color: #8aac8a;
}
.text-bad-value {
  color: #963636;
}
.text-good-value {
  color: #326232;
}

/* Membership Message */
/* http://enjoycss.com */
.member-box {
  font-size: 1rem;
	width: 250px;
	height: auto;
	position: static;
	cursor: default;
	opacity: 1;
	margin: 0;
	padding: 10px;
	overflow: hidden;
	border: 3px solid;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	color: rgba(255,255,255,1);
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-shadow: 3px 3px 5px 1px rgba(39,58,47,0.51) ;
	box-shadow: 3px 3px 5px 1px rgba(39,58,47,0.51) ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}

.member-active {
	background: rgba(32,96,32,1);
}
.member-inactive {
	background: rgba(96,32,32,1);
}

.exp-delay-expiring {
	color: #ff0000;
	font-weight: bold;
}

.led-green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px,
}

/* --------------------------------------------------------*/
/* REACT-AUTOSUGGEST */
.react-autosuggest__container {
  position: relative;
}
.react-autosuggest__input {
  width: 100%;
  height: 1.5125rem;
  font-family: sans-serif;
  font-size: 0.675rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.0;
  color: #004000;
  border: 1px solid #70a070;
  border-radius: 0;
}
.react-autosuggest__input--focused {
  outline: none;
}
.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.react-autosuggest__suggestions-container {
  display: none;
}
.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  width: 100%;
  border: 1px solid #70a070;
  font-family: sans-serif;
  font-size: 0.675rem;
  line-height: 1.0;
  color: #004000;
  z-index: 2;
  background-color: #ffffff;
}
.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}
.react-autosuggest__suggestion--highlighted {
  background-color: #a0d2a0;
}

/* REACT-AUTOSUGGEST -std */
.react-autosuggest-std__container {
  position: relative;
}
.react-autosuggest-std__input {
  width: 100%;
  height: calc(2.09375rem + 2px);
  font-family: sans-serif;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #404000;
  border: 1px solid #70a070;
  border-radius: 0;
}
.react-autosuggest-std__input--focused {
  outline: none;
}
.react-autosuggest-std__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.react-autosuggest-std__suggestions-container {
  display: none;
}
.react-autosuggest-std__suggestions-container--open {
  display: block;
  position: absolute;
  width: 100%;
  border: 1px solid #70a070;
  font-family: sans-serif;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #004000;
  z-index: 2;
  background-color: #ffffff;
}
.react-autosuggest-std__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.react-autosuggest-std__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}
.react-autosuggest-std__suggestion--highlighted {
  background-color: #a0d2a0;
}
.form-control-flexiblewidth {
  width: auto;
}

.pull-right {
  float: right !important;
}

.pull-bottom {
  position: absolute;
  right: 20;
  bottom: 0;
}

.db-menu-item {
  padding-left: 0 !important;
  padding-right: 20 !important;
  margin-left: 0 !important;
  margin-right: 20 !important;
  margin-top: 5 !important;
  margin-bottom: 5 !important;
}
.db-menu-padright {
  padding-left: 0 !important;
  padding-right: 20 !important;
}
.db-menu-padsides {
  padding-left: 20 !important;
  padding-right: 20 !important;
}
.db-menu-nopad {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* --------------------------------------------------------- */
/* Dashboard formatting - dark and light modules and cards   */
.db-module-outer-dark {
  margin: 100px 0px 100px 0px;
  outline: 3px solid #184018 !important;
  box-shadow: 10px 10px 8px #a8a8a8;
  background-color: #326e32;
}
.db-module-outer-light {
  margin: 100px 0px 100px 0px;
  outline: 3px solid #184018 !important;
  box-shadow: 10px 10px 8px #a8a8a8;
}
.db-module-inner-dark {
  outline: 3px solid #184018 !important;
  background-color: #326e32;
}
.db-module-inner-light {
  outline: 3px solid #184018 !important;
}
.db-module-inner-col-padding {
  padding: 0;
}

.db-module-title-dark {
  margin-top: 10px;  
  margin-bottom: 15px;
  font-variant: small-caps;
  color: #fff;
}
.db-module-title-light {
  margin-top: 10px;  
  margin-bottom: 15px;
  font-variant: small-caps;
}

.db-module-inner-card-dark {
  margin: 15px !important;
  outline: 1px solid #184018 !important;
  padding: 15px;
}
.db-module-inner-card-dark-chart {
  margin: 15px !important;
  outline: 1px solid #184018 !important;
}
.db-module-inner-card-light-cards {
  margin: 15px !important;
  border: none;
}
.db-module-inner-card-light {
  margin: 15px 30px 15px 30px !important;
  border: none;
}
/* --------------------------------------------------------- */



.width75px {
  width: 75px !important;
}
.width175px {
  width: 175px !important;
}

.sk-three-bounce-no-margin {
  margin: 0 !important;
}

.ul-left-aligned {
  padding-inline-start: 20px !important;
}


/* FIXING HEADER AND FIRST COLUMNS
/* https://github.com/react-bootstrap-table/react-bootstrap-table2/issues/381 */
/* https://codepen.io/paulobrien/pen/LBrMxa */

.tableFixHeader {
  max-height: 350px;
  margin: auto;
  overflow: -moz-scrollbars-vertical; 
  overflow-y: scroll;
  z-index: 1;
/*  position: relative;*/
/*  width:100%;*/
/*  overflow: scroll;*/
}
.tableFixHeader-montQvnea {
  max-height: 250px;
  margin: auto;
  overflow: -moz-scrollbars-vertical; 
  overflow-y: scroll;
  z-index: 1;
/*  position: relative;*/
/*  width:100%;*/
/*  overflow: scroll;*/
}
.tableFixHeaderRateSys {
  max-height: 550px;
  margin: auto;
  overflow: -moz-scrollbars-vertical; 
  overflow-y: scroll;
  z-index: 1;
/*  position: relative;*/
/*  width:100%;*/
/*  overflow: scroll;*/
}

.tableFixHeader table {
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
/*  width: 100%;*/
/*  min-width: 1280px;*/
}

.tableFixHeader th,
.tableFixHeader td {
  vertical-align: top;
/*  padding: 5px 10px;*/
/*  border: 1px solid #000;*/
/*  background: #fff;*/
}
.tableFixHeader thead th {
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
/*
th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: green;
}
thead th:first-child,
tfoot th:first-child {
  z-index: 5;
}
*/

.tableFixHeader-montQvnea {
  max-height: 250px;
}

.tableFix2col > thead > tr:nth-child(1) > th:nth-child(1) { 
  background-color: #fff;
  position: sticky; 
  position: -webkit-sticky; 
  left: 0; 
  z-index: 1;
}
.tableFix2col > thead > tr:nth-child(1) > th:nth-child(2) { 
  background-color: #fff;
  position: sticky; 
  position: -webkit-sticky; 
  left: 0; 
  z-index: 2;
}

.tableFix2col > tbody > tr > td:nth-child(1),
.tableFix2col > tbody > tr > td:nth-child(2) {
  position: sticky; 
  position: -webkit-sticky; 
  left: 0; 
}

.table-striped tbody > tr:nth-of-type(odd) > td {
  background-color: #e0f8e0 !important;
}
.table-striped tbody > tr:nth-of-type(even) > td {
  background-color: #fff !important;
}

.table-hover tbody tr:hover > td {
  background-color: #d0f0d0 !important;
}

/* special case when splitting table */
.table-hover > tbody > tr.nohovernostripes-row > td {
  background-color: #fff !important;
}

/* NEW STATELO SORT STYLE */
th.statelo-sorting {
  cursor: pointer;
}
table.table thead .statelo-sorting:after {
  content: " ";
  position: relative;
  padding-left: 2px; 
}
table.table thead .statelo-sorting_asc:after {
  content: "\2191";
}
table.table thead .statelo-sorting_desc:after {
  content: "\2193";
}

.table-hover > tbody > tr.headBackground > td {
  color: #ffffff;
  background-color: #183818 !important;
}

.whiteLink {
  color: #fff !important;
}

.word-wrap {
    /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.btn-fluid {
  display: inline;
  max-width: 100%;
  height: auto;
  white-space: normal;
}

.btn-margin-right-10 {
  margin-right: 10px;
}
.btn-margin-right-20 {
  margin-right: 20px;
}

.btn-margin-topbottom-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.minPageHeight {
  min-height: 800px;
}

.valign.bottom > div {
  vertical-align: bottom;
}


/* show only on mobile or the opposite */
@media (max-width: 767px) {
  .not-on-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .only-on-mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  .not-on-smallscreen {
    display: none;
  }
}
@media (min-width: 992px) {
  .only-on-smallscreen {
    display: none;
  }
}



.no-margin-bottom {
  margin-bottom: 0 !important;
}

.hide {
  display: none !important;
}

.tooltip.show {
  opacity: 1.0;
}

/* Overwriting clever.css style */
.tooltip-inner {
  max-width: none;
  padding: 5px 10px;
  font-size: 0.7rem;
  color: inherit;
  text-align: left;
  background-color: #ffffd0;
  border: dashed 1px;
  border-radius: 7px;
  border-color: #326e32;
}

.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
  margin-left: 10px !important;
}

tr.rating {
  background-color: #e4ffe4;
  /*font-weight: 700;*/
  font-size: 0.7rem;
}
tr.rating-header {
  background-color: #e4ffe4;
  font-weight: 500;
}
td.rating-firstcol {
  padding-left: 20px;  
}

.btn {
  cursor: pointer;
}

.row-margin-bottom-5 {
  margin-bottom: 5px;
}
.row-margin-bottom-10 {
  margin-bottom: 10px;
}
.row-margin-bottom-20 {
  margin-bottom: 20px;
}
.row-margin-bottom-50 {
  margin-bottom: 50px;
}
.row-margin-bottom-100 {
  margin-bottom: 100px;
}
.row-margin-bottom-200 {
  margin-bottom: 200px;
}

.margin-top-main {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}.margin-top-20 {
  margin-top: 20px;
}.margin-top-30 {
  margin-top: 30px;
}

.margin-montqvnea-level-logo {
  margin-top: 5px;  
  margin-bottom: 5px;  
}


.btn-player-width {
  width: 150px !important;
}
.btn-evol1-width {
  min-width: 100px !important;
  font-size: 0.70rem;
  margin-right: 10px;
}
.btn-evol2-width {
  min-width: 80px !important;
  font-size: 0.70rem;
}

.btn-extra-padding {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.btn-extra-padding-2 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.smallcaps {
  font-variant: small-caps;
}

.badge-statelo-1 {
  background-color: #206020;
}

.unsavedMessage {
  font-weight: 600;
  color: #601000;
}

/* Reference: https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.noBorderTop td, .noBorderTop th {
  border-top: none !important; 
}

.hrThick {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid #206020;
}
.hr-nomargin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.hr-nomargin-top {
  margin-top: 0 !important;
}

hr.double-ss2 {
  height:2px;
  border-top: 2px solid rgba(45, 95, 45, 0.5);
  border-bottom: 1px solid rgba(45, 95, 45, 0.5);
  max-width: 1200px;
  margin: 0px;
}

.mqEmptyLevelMsg {
  margin: 15px 20px;
  font-style: italic;
}
.mqTitleMargin {
  margin-left: 19px;
}

.highlightTableRow {
  background-color: #ffffa0;
}

.row-align-items-flex-end {
  align-items: flex-end;
}

.mqvnea-prog-meters-title {
  font-size: 1.2rem; 
}
.mqvnea-prog-meters-number {
  font-size: 1.6rem; 
}
.mqvnea-total-meters-title {
  font-size: 1.5rem;  
}
.mqvnea-total-meters-number {
  font-size: 2.5rem;  
}

.top-banner-neg-margin {
  margin-top: -15px;
  margin-left: -25px;
}

.img-full-banner-width {
  max-width: calc(100% + 25px);
  height: auto;
}

p.small-margin {
  margin-bottom: 0.5rem;
}

.subtotal1 {
  font-size: 1.20rem;
  font-weight: 600; 
}
.subtotal2 {
  font-size: 1.20rem;
  font-weight: 400; 
}
.editIcon {
  font-size: 1rem;  
  cursor: pointer;
  padding: 0px;
  margin-right: 10px;
}
.editIcon2 {
  font-size: 1rem;  
  color: #800000;
  cursor: pointer;
  padding: 0px;
}
.trashIcon1 {
  font-size: 1rem;  
  cursor: pointer;
  padding: 0px;
}

.cellPaddingLeft {
  padding-left: 15px !important;
}

/* to try */
/* https://cssgradient.io/ */
/* must add states (hover, focus, active, etc) */
.btn-qvnea, .fc-today-button {
  color: #fff;
  background: rgb(0,0,0);
  background: linear-gradient(155deg, rgba(10,10,10,1) 0%, rgba(60,20,20,1) 40%, rgba(220,20,20,1) 100%);
  border-color: #601010; }
  .btn-qvnea:hover, .fc-today-button:hover {
    color: #fff;
    background: rgb(0,0,0);
    background: linear-gradient(155deg, rgba(0,0,0,1) 0%, rgba(20,10,10,1) 50%, rgba(140,12,12,1) 100%);
    border-color: #300808; }
  .btn-qvnea:focus, .fc-today-button:focus, .btn-qvnea.focus, .focus.fc-today-button {
    box-shadow: 0 0 0 2px rgba(100, 10, 10, 0.5); }
  .btn-qvnea.disabled, .disabled.fc-today-button, .btn-qvnea:disabled, .fc-today-button:disabled {
    background: rgb(0,0,0);
    background: linear-gradient(155deg, rgba(10,10,10,1) 0%, rgba(60,20,20,1) 40%, rgba(220,20,20,1) 100%);
    border-color: #601010; }
  .btn-qvnea:active, .fc-today-button:active, .btn-qvnea.active, .active.fc-today-button,
  .show > .btn-qvnea.dropdown-toggle,
  .show > .dropdown-toggle.fc-today-button {
    color: #fff;
    background: rgb(0,0,0);
    background: linear-gradient(155deg, rgba(0,0,0,1) 0%, rgba(20,10,10,1) 50%, rgba(140,12,12,1) 100%);
    border-color: #300808; }
a:focus.btn-qvnea {
    color: #fff;
    text-decoration: none;
}

.td-qvnea-btn-padding {
  padding: 1px 1px !important;
  vertical-align: middle !important;
}

.btn-qvnea-player-account-balance {
  padding: 2px 10px !important;
  margin: 0px 10px !important;
}


.tdLeftBorder {
  border-left: 1px solid #d1d6df;
}

label.labelSmallMarginBottom {
  margin-bottom: .1rem; }

.resizeVerticalStandings {
  overflow: auto;
  max-height: max(calc(100vh - 450px), 300px);  /*350px;   /* could be different */
  resize: vertical;
} 
.resizeVerticalStandings[style*="height"] {
  min-height: 50px;
  max-height: 1200px;
} 

.resizeVerticalPlayedMatches {
  overflow: auto;
  max-height: max(calc(100vh - 300px), 400px);
  resize: vertical;
} 
.resizeVerticalPlayedMatches[style*="height"] {
  min-height: 50px;
  max-height: 1200px;
}

.resizeVerticalRateSys {
  overflow: auto;
  max-height: max(calc(100vh - 450px), 500px);  /* could be different */
  resize: vertical;
} 
.resizeVerticalRateSys[style*="height"] {
  min-height: 50px;
  max-height: 1200px;
} 

.greyText {
  color: #b8c8b8;
}

tr.qbooksDeletedOper {
  background-color: #d0d0d0;
}

.qvneaBooksOperArrow {
  font-size: 1.4rem;
  cursor: pointer;
}


/* qvneaPaymentPopupModal */
.qvneaPaymentPopupModal .modal-content {
  background-color: black;
  color: #ed1c24;
  text-align: left;
  margin: auto;
  border:red 5px solid;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.qvneaPaymentPopupModal .modal-header {
  border-bottom: 5px solid #404040; 
}
.qvneaPaymentPopupModal .modal-title {
  text-align: center;
  margin: auto;
  font-size: 2rem;
}
.qvneaPaymentPopupModal .modal-footer {
  display: block;
  border-top: 5px solid #404040; 
}

.qvneaPaymentPopupModal p {
  color: #f0f0f0;
  font-size: 1.3rem;
}

.qvneaPaymentPopupModal h5 {
  font-size: 1.7rem;
}

.qvneaPaymentPopupModal .chkboxtext {
  color: #f0f0f0;
}


.qvneaPaymentPopupModal .btn-qpumod {
  color: #f0f0f0;
  background-color: #ed1c24;
  /*border-color: #ed1c24;*/
}
.btn-qpumod:hover {
  color: #f0f0f0;
  background-color: #b0121a;
}
.btn-qpumod.disabled, .btn-qpumod:disabled {
  background-color: #800810;
  /*border-color: #602020;*/
}
.btn-qpumod:focus, .btn-qpumod.focus {
  box-shadow: 0 0 0 2px #c01020;
}
.btn-qpumod:enabled:active, .btn-qpumod.enabled.active, .show > .btn-qpumod.dropdown-toggle {
  color: #f0f0f0;
  background-color: #ed1c24;
  border-color: #ed1c24;
}

.qvneaSummaryRedFont {
  color: #ff0000;
}

/* Refresh button styles */
.btn-refresh {
  padding: 0.25rem 0.75rem;
  font-size: 0.8rem;
}
.btn-refresh:hover {
  background-color: #d0f0d0;
}
.btn-refresh:active {
  background-color: #c0e8c0;
}
.btn-refresh:focus {
  background-color: #fff;
}

.no-margin {
  margin: 0px;
}

.noRatingMessages {
  color: #ff0000;
  font-weight: bold;
}

.teamRostersBtn {
  margin-right: 10px;
  margin-bottom: 20px;
  min-width: 200px;
}

@media (max-width: 767px) {
  .teamRostersBtn {
    margin-bottom: 10px;
  }
}

.selectedrow td {
  background-color: #A0D2A0 !important;
}

.align-right {
  text-align: right;
}

.table-ratesysForm tbody > tr > td {
  background-color: #fff;
}

.rateSysFormBtnUp {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.rateSysFormBtnDown {
  font-size: 1.3rem;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* avoid text input edit selection */
.forcePointerNoSelect {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

.rateSysSectionsMargins {
  /*margin: 20px 35px 50px -15px;*/
  margin: 10px 20px 50px -15px;
}
@media (max-width: 767px) {
.rateSysSectionsMargins {
  margin: 20px -15px 50px -15px;
}
}

.rateSysResultsTableHover tbody tr:hover > td {
  background-color: #a0d8a0 !important;
}
.rateSysResultsAltRow td {
  background-color: #e0f8e0 !important;
}

.rateSysCard {
  border: 2px solid #245024;
}
.rateSysCardHeader {
  border-bottom: 2px solid #245024;
  background-color: #d0efd0;
}

.adminMenuButton1 {
  width: 250px !important;
  margin-right: 15px !important;
}

.div-privacypolicy {
  /*display: flex;*/
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  /*justify-content: center;*/
  /*align-items: center;*/
  bottom: 0;
  position: fixed;
  z-index: 100;
}

@media (max-width: 768px) {
  .div-privacypolicy {
    left: 0;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
  }
}


/* SCORESHEET 2.0 */
.ss2-container {
  user-select: none;
}
.ss2-ssid-userselect {
  user-select: text;
}

@media (max-width: 991px) {
  .ss2-container {
    margin: 0 -10px;
  }
}

.ss2-header {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 992px) {
  .ss2-header {
    padding-right: 25px;
  }
}

.ss2-title {
  margin-bottom: 10px;
}

.ss2-header-row {
  margin-top: 10px;
  margin-bottom: 20px;
  max-width: 1200px;
}

/* SCORESHEET ROUND */
.ss2-round-title {
  font-variant: small-caps;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ss2-rounds-container {
  position: relative;
  display: flex;
  max-width: 1200px;
  overflow: hidden;
}
.ss2-round-box {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  flex-shrink: 0;
  transition: transform 0.5s ease;
}
@media (min-width: 992px) {
  .ss2-round-box {
    width: calc(100% / 3);
    padding-right: 25px;  /* 10px; */
  }
}

.ss2-scrollArrows {
  position: relative;
  width: 100%;
  top: 10px;
}
@media (min-width: 992px) {
  .ss2-scrollArrows {
    max-width: 1200px;  
  }
}

.ss2-roundscroll-btn {
  /* display: inline-block; /* Permet de mieux contrôler la taille et la position */
  position: absolute;
  /*padding-top: 10px; /* Espace autour du symbole */
  z-index: 10;
  top: 0px;
  font-size: 3rem;
  color: rgb(33, 99, 255);
  cursor: pointer;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Ombre : X-offset, Y-offset, blur-radius, couleur */
  transition: all 0.2s ease; /* Transition douce pour le hover */
  /*transition: opacity 1.5s ease-out-in; /* Ajout de la transition d'opacité */
  user-select: none;
  opacity: 1;
  line-height: 0.8;
  background-color: #fff;
}
.ss2-roundscroll-btn:hover {
  color: rgb(22, 88, 233); /* Changer la couleur du texte au survol */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Ombre plus prononcée au survol */
  transform: scale(1.1); /* Légère augmentation de la taille */
}
.ss2-roundscroll-btn:active {
  transform: scale(1.05); /* Réduit légèrement la taille pour simuler l'enfoncement */
  color: rgb(10, 76, 200); /* Changement subtil de couleur */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Ajustement de l'ombre pour donner de la profondeur */
}
.ss2-roundscroll-btn-left {
  left: 10px;    /* 10px; */
}
.ss2-roundscroll-btn-right {
  right: 10px;  /* 10px; */
}
@media (min-width: 992px) {
  .ss2-roundscroll-btn-right {
    right: 25px;  /* 10px; */
  }
}

.ss2-hr-match {
  margin-top: 4px;
  margin-bottom: 6px;
}

/* SCORESHEET ROUND MATCH */
/* inspired from .row key */

.ss2-rnd-matchup-box {
  position: relative;
}
.ss2-rnd-player-box {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
}
.ss2-rnd-box1 {
  display: flex;
  align-items: center;
  padding-left: 0px;
  padding-right: 22px;
  width: 10px;
}
.ss2-rnd-box1.t1 {
  margin-bottom: 0px
}
.ss2-rnd-box1.t2 {
  margin-bottom: -1px
}

.ss2-rnd-box2 {
  padding-right: 20px;
}
.ss2-rnd-box2-select {
  display: inline-block;
  width: 200px;
  font-size: 0.75rem;
  height: 21px !important;
  padding: 2px 4px;
  border-width: 1px;
  border-color: #e0e8e0;
}
@media (max-width: 400px) {
  .ss2-rnd-box2-select {
    width: 160px;
  }
}@media (max-width: 350px) {
  .ss2-rnd-box2-select {
    width: 130px;
  }
}


.ss2-rnd-box2-pointer {
  cursor: pointer;
}
.ss2-rnd-box3 {
  flex: auto;
  position: relative;
  top: 4px;
  right: 23px;
  /*border: 1px dashed #ffa0a0;*/
}
.ss2-playerIdxTag {
  font-size: 0.700rem;
  color: #909090;
  margin-right: 2px;
}
.ss2-rnd-text-pstats {
  font-size: 0.700rem;
  color: #909090;
}
.ss2-rnd-text-pstats2 {
  font-size: 0.700rem;
  color: #909090;
  margin-left: 10px;
}

.ss2-rnd-scorebox-box {
  position: absolute;
  top: 3px;
  right: 0px;
  width: 45px;
  height: 32px;
  border: 1px solid #bababa;
}

.ss2-rnd-scorebox-score {
  position: absolute;
  bottom: 7px;
  right: 0px;
  width: 45px;
  height: 32px;
  font-family: 'Dancing Script', cursive;
  font-size: 1.6rem;
  font-weight: 400;
  border: 1px solid #bababa;
  color: blue;
  text-align: center;
  cursor: pointer;
  user-select: none;
  outline: none;
}
.ss2-rnd-scorebox-score:disabled {
  background-color: #fff;
}

/*font-family: 'Pacifico', cursive;*/
/*font-family: 'Dancing Script', cursive;*/
/*font-family: 'Indie Flower', cursive;*/
/*font-family: 'Great Vibes', cursive;*/
/*font-family: 'Caveat', cursive;*/
.ss2-rnd-erobox-container {
  position: absolute;
  bottom: 11px;   /* 13px */
  right: 8px;
}
.ss2-rnd-erobox-box {
  position: absolute;
  border: 1px solid #bababa;
  width: 25px;
  height: 25px;
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
  color: black;
  cursor: pointer;
  user-select: none !important;
  outline: none;
  z-index: 1;
  right: 65px;
  background: none !important;
 }

.ss2-rnd-erobox-title {
  position: absolute;
  font-size: 0.7rem;
  top: -16px;
  transform: scaleX(0.8);
  text-align: center;
}
.ss2-rnd-erobox-title1 {
  right: 94px;
}
.ss2-rnd-erobox-title2 {
  right: 74px;
}

.ss2-rnd-match-break {
  font-size: 0.75rem;
  color: #ffffff;
  background-color: #008000;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 700;
  border: solid 1px #505050
}

.ss2-rnd-scorebox-score-greybg {
  background-color: #f0f0f0 !important; 
}

.ss2-rnd-scoreEditProps-container {
  position: absolute;
  bottom: 20px;
  right: 0px;
  width: 20px;
  height: 45px;
  /*border: 1px dashed red; /* temp */ 
  text-align: center;
  vertical-align: middle;
}
.ss2-rnd-scoreEditProps-container.bangMark {
  cursor: pointer;
}
.ss2-rnd-scoreEditProps-container.checkMark {
  cursor: pointer;
}
.ss2-rnd-scoreEditProps {
  color: red;
  user-select: none !important;
}
.ss2-rnd-scoreEditProps.bangMark {
  font-size: 1.8rem;
  font-weight: 700;
  color: red;
}
.ss2-rnd-scoreEditProps.checkMark {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: green;
  transform: scaleX(0.7);
}


.ss2-ero-circled {
  border-radius: 50%;
  border: 2px solid blue;
  padding: 2px;
  position: absolute;
  width: 35px;
  height: 35px;
  right: 5px;
  top: -2px;
  z-index: 1;
}

/* SCORESHEET ROUND SUMMARY */
.ss2-rndsum-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 30px;
  justify-content: center;
}
.ss2-rndsum-box2 {
  display: block;
}

.ss2-rndsum-title {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.ss2-rndsum-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px 3px;
}
.ss2-rndsum-hdr {
  text-align: center;
  font-size: 0.7rem;
  font-weight: 700;
}
.ss2-rndsum-td {
  width: 40px;
  height: 25px;
  border: 1px solid #bababa;
}
.ss2-rndsum-td-hdcp {
  width: 25px;
}
.ss2-rndsum-td-rndbox {
  text-align: center;
  border: none;
}
.ss2-rndsum-td-cumul {
  width: 50px;
}
.ss2-rndsum-col {
  display: inline-block;
  text-align: center;
  width: 100%;  
  position: relative; /* Nécessaire pour positionner correctement le pseudo-élément */
}
.ss2-rndsum-col-rndbox {
  font-weight: 700;
  width: 20px;
  height: 20px;
  border: 1px solid #bababa;
  position: relative; /* Nécessaire pour positionner correctement le pseudo-élément */
}
.ss2-rndsum-col-rndbox.full::after {
  content: ""; /* Nécessaire pour que le pseudo-élément soit généré */
  position: absolute;
  top: 2px; /* Marge blanche de 2px */
  left: 2px; /* Marge blanche de 2px */
  right: 2px; /* Marge blanche de 2px */
  bottom: 2px; /* Marge blanche de 2px */
  background-color: black; /* Remplissage noir */
}
.ss2-rndsum-col-rndbox.half::after {
  content: ""; /* Nécessaire pour que le pseudo-élément soit généré */
  position: absolute;
  top: 2px; /* Marge blanche de 2px */
  left: 2px; /* Marge blanche de 2px */
  right: 2px; /* Marge blanche de 2px */
  bottom: 2px; /* Marge blanche de 2px */
  background: linear-gradient(to bottom right, transparent 50%, black 50%);
}

/* SCORESHEET MATCH SUMMARY */
.ss2-matchsum-box {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 992px) {
  .ss2-matchsum-box {
    padding-right: 25px;  /* 10px; */
  }
}

.ss2-matchsum-box2 {
  display: block;
}
.ss2-matchsum-title {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.ss2-matchsum-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 1px;
}
.ss2-matchsum-hdr {
  text-align: center;
  font-size: 0.7rem;
  font-weight: 700;
}
.ss2-matchsum-hdr-cumul {
  padding-left: 5px;
}
.ss2-matchsum-hdr-rdpt {
  padding-left: 5px;
}

.ss2-matchsum-td {
  width: 25px;
  height: 20px;
  text-align: center;
  border: 1px solid #bababa;
}
.ss2-matchsum-td1 {
  text-align: right;
  padding-right: 5px;
  border: none;
}
.ss2-matchsum-td-rndbox {
  text-align: center;
  border: none;
}
.ss2-matchsum-td-separator {
  width: 10px;
  border: none;
}
.ss2-matchsum-td-cumul {
  width: 85px;
  padding-left: 5px;
  border: none;
}
.ss2-matchsum-td-hdcp {
  width: 50px;
  padding-left: 5px;
  border: none;
}
.ss2-matchsum-td-rdpt {
  width: 50px;
  padding-left: 5px;
  border: none;
}

.ss2-matchsum-col {
  display: inline-block;
  text-align: center;
  width: 100%;  
  position: relative; /* Nécessaire pour positionner correctement le pseudo-élément */
}
.ss2-matchsum-col1 {
  font-size: 0.8rem;
}
.ss2-matchsum-col-rndbox {
  width: 18px;
  height: 18px;
  border: 1px solid #bababa;
  position: relative; /* Nécessaire pour positionner correctement le pseudo-élément */
}
.ss2-matchsum-col-rndbox.full::after {
  content: ""; /* Nécessaire pour que le pseudo-élément soit généré */
  position: absolute;
  top: 2px; /* Marge blanche de 2px */
  left: 2px; /* Marge blanche de 2px */
  right: 2px; /* Marge blanche de 2px */
  bottom: 2px; /* Marge blanche de 2px */
  background-color: black; /* Remplissage noir */
}
.ss2-matchsum-col-rndbox.half::after {
  content: ""; /* Nécessaire pour que le pseudo-élément soit généré */
  position: absolute;
  top: 2px; /* Marge blanche de 2px */
  left: 2px; /* Marge blanche de 2px */
  right: 2px; /* Marge blanche de 2px */
  bottom: 2px; /* Marge blanche de 2px */
  background: linear-gradient(to bottom right, transparent 50%, black 50%);
}
.ss2-matchsum-col-separator {
  width: 1px;
  height: 1px;
  border: 1px solid #bababa;
  position: relative; /* Nécessaire pour positionner correctement le pseudo-élément */
}

.ss2-matchsum-col-cumul {
  font-size: 1rem;
  border: 1px solid #bababa;
}
.ss2-matchsum-col-rdpt {
  /*font-size: 1.5rem;*/
  font-weight: 700;
  /*border: 1px solid #bababa;*/
}

.ss2-matchsum-dashed-line-container {
  max-width: 1200px;
}
.ss2-matchsum-dashed-line {
  width: 25%;
  min-width: 280px;
  border-top: 1px dashed #bababa;
  margin: 0 auto;
}

/* SCORESHEET VALIDATION SECTION */
.ss2-validation-box {
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.ss2-validation-block {
  display: block;
}

.ss2-validate-table tbody tr td {
  width: 100px;
  height: 30px;
  text-align: center;
  /*border: 1px solid #bababa;*/
}

.ss2-validate-btn {
  padding: 0.35rem 1rem;
  font-size: 1rem;
}

/* NO-SPINNERS */
.no-spinners::-webkit-inner-spin-button,
.no-spinners::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* For Firefox */
.no-spinners {
  -moz-appearance: textfield;
}

/* SPAN LIMIT */
.span-limite {
  display: inline-block; /* ou block selon le contexte */
  max-width: calc(80vw - 130px); /* Ajustez en fonction de la largeur désirée */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .span-limite {
    max-width: calc(30vw - 130px); /* Ajustez en fonction de la largeur désirée */
  }
}

.rateSysSubmittedFormMsgDiv {
  margin-top: 0px;
  color: #ff0000;
  font-weight: 500;
}
@media (min-width: 768px) {
  .rateSysSubmittedFormMsgDiv {
    margin-top: 27px;
  }
}


.boldText {
  font-weight: 700;
}

.redBoldText {
  color: red;
  font-weight: 700;
}


/* ------------------------------------------------------------------------------*/
.ss2-score-container {
  position: relative;
  display: flex;
  align-items: center;
}
/* Centrer le popup */
.ss2-popup-container {
  position: absolute;
  display: flex;
  top: -40px;
  right: 75px;
}
.ss2-popup {
  /*position: absolute;*/
  background-color: #fff;
  border: 1px solid rgba(32, 96, 32, 1);
  border-radius: 5px; /* Coins arrondis */
  padding: 10px;
  box-shadow: 8px 12px 8px 0px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  /*width: 150px; /* Largeur fixe pour le popup */
  /*text-align: center; /* Centrer le texte et les boutons */
  z-index: 1001; /* Assure que le popup est au-dessus du backdrop */
}
.ss2-popup button {
  width: 80px;
  display: inline-block;
  font-size:0.75rem;
  font-weight: bold; /* Texte en gras pour plus de lisibilité */
  text-align: center;
  text-transform: uppercase; /* Texte en majuscules pour uniformité */
  border: 2px solid #555; /* Contour foncé pour contraster */
  border-radius: 5px; /* Coins arrondis */
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Transitions douces pour les effets */
}


/* Bouton Valider - Vert */
.ss2-popup-btn-validate {
  background-color: #28a745; /* Vert pour signifier la validation */
  color: white;
  border-color: #28a745; /* Même couleur que le fond pour un effet net */
}

.ss2-popup-btn-validate:hover {
  background-color: #1D7631; /* Vert plus foncé au survol */
  border-color: #1c7029; /* Adapter la bordure pour un effet cohérent */
}

/* Bouton Rejeter - Rouge */
.ss2-popup-btn-reject {
  margin-top: 10px;
  background-color: #dc3545; /* Rouge pour signifier le rejet */
  color: white;
  border-color: #dc3545; /* Même couleur que le fond pour un effet net */
}

.ss2-popup-btn-reject:hover {
  background-color: #a01c28; /* Rouge plus foncé au survol */
  border-color: #981320; /* Adapter la bordure pour un effet cohérent */
}

.hidden {
  display: none;
}



/* ------------------------------------------------------------------------------*/
/* TESTS */
.spinner-overlay-1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5); /* Couleur de fond semi-transparente */
  z-index: 1000; /* Doit être supérieur au reste du contenu */
}

/* Style pour le spinner */
.spinner-circle {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #005000;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

/* Animation pour le spinner */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.spinner-overlay-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

/* Style pour le conteneur des points */
.spinner-dots {
  display: flex;
  gap: 10px;
}

/* Style pour chaque point */
.dot {
  width: 20px;
  height: 20px;
  background-color: #003000;
  border-radius: 50%;
  animation: fade 1.5s infinite;
}

/* Animation de fade */
@keyframes fade {
  0%, 80%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

/* Timing pour les trois points */
.dot:nth-child(1) {
  animation-delay: 0s;
}

.dot:nth-child(2) {
  animation-delay: 0.3s;
}

.dot:nth-child(3) {
  animation-delay: 0.6s;
}

.show-pointer {
  cursor: pointer;
}

.input-seasonAdminA {
  width: 100%;
  max-width: 300px;
  min-width: 300px;
}

.card-header-text {
  font-size: 1.1rem;
}