.tabletitle {
    color: #000;
    white-space: nowrap;
    background-color: #E8E8E8;
    font-weight: bold;
    text-transform: uppercase;
    padding-left:10px;
}

.item-title {
	width:6%;
}
.item {
  padding-top:30px;
}

.division {
	padding-left:4px;
	font-weight:bold;
}

tr, td {
    border:none;
}

.summary-class{
    font-weight: 700;
    font-size: larger;
}

.details-class{

}

.proxy {
    background-color: #e7e1ee;
}

.label-default, .badge-default {
    background-color: #ababab;
}

.label-primary, .badge-primary {
    background-color: #8f4dae;
}

.label-league, .badge-league {
    background-color: #8f4dae;
}

.label-returning, .badge-returning {
    background-color: #8f4dae;
}

.label-expired, .badge-expired {
    background-color: #9b6eb0;
}

.label-win, .badge-win {
    background-color: #b1d79b
}

.label-success, .badge-success {
    background-color: #b1d79b
}

.label-loss, .badge-loss {
    background-color: #d6747e
}

.label-danger, .badge-danger {
    background-color: #d6747e
}

.label-tie, .badge-tie {
    background-color: #f6c279
}

.label-warning, .badge-warning {
    background-color: #f6c279
}

.label-resigned, .badge-resigned {
    background-color: #dc3545;
}

.label-pending, .badge-pending {
    background-color: #dc3545;
}

.label-dormant, .badge-dormant {
    background-color: #919090;
}

.label-new, .badge-new {
    background-color: #c99422;
}
.label-unpaid, .badge-unpaid {
    background-color: #aaeeaa;
}

.label-partial, .badge-partial {
    background-color: #65bd00;
}

.label-paid, .badge-paid {
    background-color: #468847;
}

.label-confirmed, .badge-confirmed {
    background-color: #468847;
}

.label-applied, .badge-applied {
    background-color: #f89406;
}

.label-men, .badge-men {
    background-color: #3464eb !important;
}

.label-women, .badge-women {
    background-color: #eb34df !important;
}

.label-mixed, .badge-mixed {
    background-color: #8634eb !important;
}

.label-lightred, .badge-lightred {
    background-color: #ffe7ee !important;
}

.label-lightyellow, .badge-lightyellow {
    background-color: #fffccf !important;
}

.btn-mixed {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8634eb;
    --bs-btn-border-color: #8634eb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7230d9;
    --bs-btn-hover-border-color: #7230d9;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7030d9;
    --bs-btn-active-border-color: #7030d9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8634eb;
    --bs-btn-disabled-border-color: #8634eb;
}

.btn-men {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0278d1;
    --bs-btn-border-color: #0278d1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #315bd4;
    --bs-btn-hover-border-color: #315bd4;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2d54c4;
    --bs-btn-active-border-color: #2d54c4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0278d1;
    --bs-btn-disabled-border-color: #0278d1;
}

.btn-women {
    --bs-btn-color: #fff;
    --bs-btn-bg: #eb34df;
    --bs-btn-border-color: #eb34df;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d42fc9;
    --bs-btn-hover-border-color: #d42fc9;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c42bba;
    --bs-btn-active-border-color: #c42bba;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #eb34df;
    --bs-btn-disabled-border-color: #eb34df;
}


.division-a {
    background: #d9ead3 !important;
}

.division-b {
    background: #fff2cc !important;
}

.division-c { 
    background: #c9daf8 !important;
}

.division-d {
    background: #d9d2e9 !important;
}

.division-e {
    background: #f4cccc !important;
}

.division-f { 
    background: #d0e0e3 !important;
}

.division-g {
    background: #fce5cd !important;
}

.division-h {
    background: #cfe2f3 !important;
}

.division-i {
    background: #ead1dc !important;
}

.division-j {
    background: #e6b8af !important;
}

.division-m {
    background: #d9ead3 !important;
}

.division-t {
    background: #ebebeb !important;
}

.row_me {
	background-color: #ffff99;
}

.row_me:hover {

}

.row0
{
    background:white;
    height:18px;
}

.row1
{
    background:#f9f9f9;
    height:18px;
}

.row0:hover
{
    background:#faf8d2;
}

.row1:hover
{
    background:#faf8d2;
}

.label-men-a {
    background-color: #fbe4d5;
    color: inherit;
}

.label-men-b {
    background-color: #d9e2f3;
    color: inherit;
}

.label-men-c {
    background-color: #a8d08d;
    color: inherit;
}

.label-women-a {
    background-color: #4472c4;
    color: white;
}

.label-women-b {
    background-color: #c55a11;
    color: white;
}

.label-women-c {
    background-color: #7030a0;
    color: white;
}

.schedule td {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.tss td {
    /*color: #ffffff;*/
    /*border-right:#FFFFFF thin solid;*/
    /*border-left:#FFFFFF thin solid;*/
    width: 80px;
    text-align:center;
}

.tss ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: grey;
    color: white !important;
}

.tss li {
    float: left;
}

.tss li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.tss li a:hover {
    background-color: #111;
}

.tss .active {
    background-color: #4CAF50;
}

.league-selected{
    color: #fff;
    cursor: not-allowed;
    background-image: none;
    opacity: 0.65;
    box-shadow: none;
}

.rejected td{
   text-decoration: line-through;   
}

.popup-trigger {

}
	
.popup {
  background: rgba(100, 100, 100, 0.6);
  position: fixed;
  display: none;
  z-index: 5000;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.popup>div {
  border-radius: 10px;
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  padding: 30px 15px;
  /* Width of popup can be changed */
  width: 70%;
  max-width: 1200px;
  z-index: 5001;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  text-align: left;
  border: 5px solid red;
}

.popup-btn-close {
  position: absolute;
  background-color: #f28920;
  color: white;
  top: -15px;
  right: -15px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Arial Black', Arial, sans-serif;
  cursor: pointer;
  -webkit-box-shadow: -4px -2px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -4px -2px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: -3px 1px 6px 0px rgba(0, 0, 0, 0.1);
}

.popup-btn-close:hover {
  background-color: #ac5918;
  color: #fff;
}

.popup-text {
  background: #fff;
  color: #333;
  font-size: 19px;
  line-height: 30px;
  z-index: 9999;
}	
