:root{
	--clubdata-admin-background: #f1f1f1;
}

button.admin-tab{
	display:block;
	width: 100%;
	height:100%;
	line-height: 35px;
	text-align: center;
	font-size: 1em;
	cursor:pointer;
	border: none;
	color: black;
	border: none;
	padding: 5px 10px 5px 10px;
}
button.admin-tab.active,
button.admin-tab.active:hover{
	border-bottom: 2px solid grey;
	border-radius: 10px 10px 0px 0px;
}button.admin-tab:hover{
	background-color: LightGray;
}

/* Style the tab content tc */
.tc{
	display: none;
}
.tc.active{
	display: block;
}
p.submit{
	clear: both;
}

.ct-club-teams th, .ct-club-teams td{
	width: 50%;
	padding: 5px 10px 0px 10px;
}

.ct-club-teams td input{
	width: 100%;
}

.draggee{
	width: 100%;
}
.ct-club-teams{
	width: 100%;
	float: left;
}

.club-teams-admin-label, .club-teams-admin-text{
	width: 49%;
}
.club-teams-admin-text{
	float:right;
}
@media (min-width: 768px) {
	.draggee{
		/*width: 24%;*/
		float: left;
	}
	.club-teams-admin-label, .club-teams-admin-text{
		width: 100%;
	}
	.ct-club-teams{
		width: 19%;
		margin-left: 5px;
	}
}
.draggee{
	margin: 10px 10px 25px 0px;
	border: 1px solid LightGray;
	border-left: 5px solid green;
	background-color: var(--clubdata-admin-background);
	padding-bottom: 5px;
	display: block;
}
.dragFocus{
	/*Ref: <a href="https://www.flaticon.com/free-icons/reorder" title="reorder icons">Reorder icons created by Icontive - Flaticon</a>*/
	background-image:url("media/arrows.png");
	background-repeat: no-repeat;
	width: 32px;
	height:32px;
}.dragging .dragFocus{
	display: none;
}

.dragSubject{
	background-color:#f1f1f1;
	float: right;
}
#dragWrapper{
	display: block;
	z-index: 50;
	position: absolute;
	display:none;
}
.dragging{
	background-color:lightgrey;
	display:table !important;
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	text-align: center;
	left: 0%;
	top: 0%;
	transform: translate(-10%, -5%);
}
.dragging.touch{
	background-color:lightgrey;
	display:table !important;
	background-color: #f1f1f1;
	border: 1px solid #d3d3d3;
	text-align: center;
	left: 25%;
	top: 0%;
	margin-left: 15px;
	transform: translate(-25%, 0%);
}

.highlight{
	background-color: lightgrey !important;
	/*pointer-events: none;*/
}
.touch{
	overflow-y: hidden;
	background-color: lightgrey !important;
}

@media screen and (max-width: 782px) {
	.form-table.ct-club-teams th, .form-table.ct-club-teams td{
		display:inline-block;
		width: 50%;
	}

	.ct-club-teams th, .ct-club-teams td{
		padding: 5px 0px 0px 0px;
	}
}

.ct-clubstats-footer{
	width: 100%;
	text-align: center;
}

.bad-entry{
	background-color:red;
}