body {
	background-color: #333; color: #CCC;
}
a {
	color: #fff;
}
p {
	margin: 0;
}
.visible {
	display: flex !important;
	position: fixed;
	background-color: #ccc;
	color: #000;
	padding: 24px;
}
.hidden {
	display: none;
}
#ih-timeline td, .border {
	border: 1px solid #000;
}
.button {
	border: 1px solid #000;
}
textarea {
	background-color: #999;height: 150px;
}
.squad, .subs, .subs-players {
	display: none;
}
div, td {
	border: 1px solid #000;
}
.flex {
	display: flex; 
	justify-content: space-between; 
	padding: 12px;
	flex-wrap: wrap;
}
@media all and (max-width:660px) {
	.flex {
		flex-wrap: wrap;
	}
	.flex.no-mobile {
		display: none;
	}
}
.no-mobile {
	display: none;
}
.buttons {
	display:flex; 
	flex-direction: column;
}
.buttons button {
	margin-bottom: 12px;
}
#url {
	width: 400px;
}
.alert {
	position: fixed;
	top: 12px;
	right: 12px;
	padding: 12px;
	background-color: red; 
	color: #fff;
}
#sb-output {
	height: 160px;
	overflow: auto;
}
.highlight {
	background-color: yellow;
	color: #000;
}
/*#for-sort #lineup-home, #for-sort #lineup-away {
	display: none;
}*/
#lineups {
	width: 100%;
}
#final {
	display: none;
}
#continueProcessingBtn {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #4CAF50;
    color: white;
    font-size: 17px;
    font-weight: bold;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    z-index: 9999;
    cursor: pointer;
    transition: all 0.2s;
}

#continueProcessingBtn:hover {
    background: #45a049;
    transform: translateX(-50%) scale(1.05);
}