/* --- BASIC LAYOUT --- */
.scb-nomargin {
	margin: 0;
}

.scb-nopadding {
	padding: 0;
}

h2 {
	font-weight: bold;
	font-size: 16px;	
}

.scb-tiny-text {
	font-size: 11px;
}

.scb-header {
	padding-bottom: 0;
	color: #FFF;
	background: #434247;
}

.scb-header:after {
  	content: "";
  	display: table;
  	clear: both;
}

.scb-header-logo {
	float: left;
	margin: 10px 40px 10px 0;
	height: 70px;
	width: 125px;
}

.scb-header h1 {
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 34px;
}

.scb-text-subtract {
	color: #5f5e64;
}

.scb-header ul {
    float: right;
    margin: 10px 0 0 0;
    list-style-type: none;
}

.scb-header ul li {
	display: inline;
}

.scb-header ul li a,
.scb-header ul li a:visited,
.scb-header ul li a:hover,
.scb-header ul li a:active {
	color: #B7BBCB;
}

.scb-header ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}

h2.scb-coaching-h2 {
	color: #574892;
}
	
.scb-margin-20-left {
	margin-left: 20px;
}

.scb-margin-20-btm {
	padding-bottom: 20px;
}

.scb-text-align-center {
	text-align: center;
}

.border-red {
	border: 1px solid red;
}

.border-blue {
	border: 1px solid blue;
}

/* --- PLAYER LISTS --- */
.scb-court,
.scb-coach {
	float: left;
	margin: 0 10px;
	width: 200px;
}

.scb-court {
	width: 152px;
}

.scb-next-game h2 {
	color: #3b8ca7;
}

ul.scb-waiting-player-list,
ul.scb-court-player-list,
ul.scb-coaching-player-list {
	list-style: none;
	margin: 0;
	padding: 5px;
	height: 503px;
	overflow: hidden;
	overflow-y: scroll;
}

ul.scb-court-player-list {
	padding: 5px 0;
	height: 200px;
	text-align: center;
	overflow: hidden;
	overflow-y: hidden;
}

ul.scb-waiting-player-list,
ul.scb-coaching-player-list {
	background: #e1dfe9;
}

ul.scb-waiting-player-list li,
ul.scb-court-player-list li,
ul.scb-coaching-player-list li {
	float: left;
	margin: 3px;
	padding: 5px;
	width: 120px;
	text-align: center;
	text-overflow: ellipsis;
	background: #FFF;
	cursor: move;
}

ul.scb-court-player-list li {
	display: block;
	float: none;
	margin: 10px 0 0 16px;
}

ul.scb-waiting-player-list li:hover,
ul.scb-court-player-list li:hover,
ul.scb-coaching-player-list li:hover {
	font-weight: bold;
}

.scb-court-btns {
	margin: 10px 0;
	text-align: center;
}

.scb-court-btns button {
	margin: 0;
}

/* --- GRADING COLOURS --- */
ul.scb-grade-legend {
	list-style: none;
	margin: 10px 0 10px 15px;
	padding: 0;
}

ul.scb-grade-legend:after {
	content: "";
  	display: table;
  	clear: both;
}

ul.scb-grade-legend li {
	display: block;
	float: left;
	margin-right: 20px;
}

ul.scb-grade-legend li span {
	display: block;
	float: left;
	margin: 2px 5px 0 0;
	width: 16px;
	height: 16px;
	font-size: 1px;
	line-height: 1px;
	background: #CCC;
}

ul.scb-grade-legend li span.scb-grade-pro {
	background: #f21f1f;
}

ul.scb-grade-legend li span.scb-grade-intermediate {
	background: #fcad15;
}

ul.scb-grade-legend li span.scb-grade-beginner {
	background: #216f9e;
}

ul.scb-grade-legend li span.scb-grade-new {
	background: #0ba14c;
}

.C-, .gC- {
	color: #005e2b;
	border: 2px solid #0ba14c;
	border-left: 8px solid #0ba14c;
}
.C, .gC {
	color: #0f4185;
	border: 2px solid #216f9e;
	border-left: 8px solid #216f9e;
}
.B-, .gB- {
	color: #d42b04;
	border: 2px solid #fcad15;
	border-left: 8px solid #fcad15;
}
.B, .gB {
	color: #ad0000;
	border: 2px solid #f21f1f;
	border-left: 8px solid #f21f1f;
}

/* --- GRADING COLOURS - REST MODE --- */
.gC-,.gC,.gB-,.gB {
	opacity: 0.6;
	cursor: no-drop !important;
}


/* --- ANIMATED FIRST PLAYER IN WAITING --- */
ul.scb-waiting-player-list li.C-:first-child {
	animation: pulse-c-minus 2s infinite;
	color: #FFF;
	font-weight: bold;
}

@keyframes pulse-c-minus {
  0% {
    background-color: #0ba14c;
  }
  100% {
    background-color: #000;
  }
}

ul.scb-waiting-player-list li.C:first-child {
	animation: pulse-c 2s infinite;
	color: #FFF;
	font-weight: bold;
}

@keyframes pulse-c {
  0% {
    background-color: #216f9e;
  }
  100% {
    background-color: #000;
  }
}

ul.scb-waiting-player-list li.B-:first-child {
	animation: pulse-b-minus 2s infinite;
	color: #FFF;
	font-weight: bold;
}

@keyframes pulse-b-minus {
  0% {
    background-color: #fcad15;
  }
  100% {
    background-color: #000;
  }
}

ul.scb-waiting-player-list li.B:first-child {
	animation: pulse-b 2s infinite;
	color: #FFF;
	font-weight: bold;
}

@keyframes pulse-b {
  0% {
    background-color: #f21f1f;
  }
  100% {
    background-color: #000;
  }
}

/* --- DEFAULT COURT COLOURS - CLEARED/START --- */
#court_1, #court_2, #court_3, #court_4, #court_5 {
    background-color: #e1dfe9;
}

#next_game_1, #next_game_2 {
	background-color: #cfeff9;	
}


#court_1_playing, #court_2_playing, #court_3_playing, #court_4_playing, #court_5_playing {
    background-color: #97f791;
}

#app_status {
    color: #ddd;
}

/* --- PLAYER ADMIN STYLES --- */
.scb-admin-table {
	margin-top: 20px;
	border-collapse: separate;
}

table.table.table-bordered.scb-admin-table tbody td {
	padding: 10px;
}

.scb-admin-table .grade {
	float: right;
	width: 40px;
	margin-left: 10px;
}

.scb-admin-table .status {
	float: right;
	width: 100px;
}

.scb-admin-table .isWaiting {
	font-weight: bold;
	background: #cefcbc;
}

.scb-admin-table .inCoaching {
	font-weight: bold;
	background: #fbe69e;
}

.scb-admin-table .playingGame {
	font-weight: bold;
	background: #fbe69e;
}

.scb-admin-table .makingGame {
	font-weight: bold;
	background: #fbe69e;
}

.scb-admin-table .notPlaying {
	background: none;
}

.scb-status-button-nothere {
    float: right;
    width: 100px;
}

.scb-status-button-here {
    float: right;
    width: 100px;
}

.scb-status-button-disabled {
    float: right;
    width: 100px;
}