:root {
    --principal:#9100ff;
    --rouge: #b30000;
    --azure-fip: #29aae1;
    --bleu-header: #7F7E7E;
    --bleu-fip: #1d3056;
    --naveBlue: #17093e;
    --borderColor: #312a57;
    --indigo: #B13BFF;
}

table th{
	color:#ffffff!important;
}
.player-names .double {
	font-size: 14px!important;;
}
table tr {
	color: #FFFFFF !important;
	background-color: var(--bleu-fip) !important;
}
.scorebox-header-completed th, .scorebox-header-live th, .scorebox-header th {
	background: var(--bleu-fip) !important;
}
tr.summary td {
	background: var(--bleu-fip) !important;
	color:var(--azure-fip) !important;
}

.opacity7 {
	opacity: .7;
}

.day-selector {
	overflow-x: auto;
	border-bottom: solid 5px var(--cw-widget-primary);
	margin-bottom: 20px;
	background: #fff;
	color: var(--cw-widget-primary);
}

.tie-live-header {
	border-bottom: solid 10px var(--red);
}

.tie-live {
	color: var(--red);
}

.tie-scheduled {
	color: #aaa;
}

.tie-team {
	text-transform: uppercase;
	font-size: 1.1rem;
	color: #111;
}

.play-day-button {
	min-width: 80px;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	color: var(--cw-widget-primary);
	margin-right: 5px;
	text-align: center;
	line-height: 18px;
	border-radius: 8px;
	border: solid 1px var(--cw-widget-primary);
}

.play-day-button.active {
	background: var(--cw-widget-primary);
	color: #fff;
}

.play-day-date {
	font-weight: 700;
}

.play-day-week {
	font-weight: 500;
	opacity: .9;
	font-size: .8rem;
}

.tie-status-container {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #ddd;
	overflow: hidden;
}

/* Animated line */
.tie-status-live {
	position: absolute;
	top: 0;
	height: 100%; 
	width: 20%;  
	background-color: var(--red);  
	animation: tie-in-action 3.5s ease-in-out infinite;
}

.tie-status-done {
	background-color: var(--cw-widget-primary);
}

.tie-flag {
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	width: 45px;
}

.tie-team-name {
	font-weight: 700;
	font-size: 1rem;
}

.tie-rubbers-table {
	width: 100%;
	padding: 5px;
	background: #fff;
}

/* Keyframes for LIVE animation */
@keyframes tie-in-action {
	0%, 100% {
		left: 0; 
	}

	50% {
		left: 80%; 
	}
}


/* Smaller screens */
@media (max-width: 400px) {
	.tie-team {
		text-transform: uppercase;
		font-size: .9rem;
	}
}