.entry-content .swim-club-management-button {
	background: #f14864;
	color: #fff;
	padding:11px 22px;
	display:inline-block;
	border:0px;
	text-decoration: none;
    box-shadow: 0px 6px #d2234c;
    position:relative;
}

.entry-content .swim-club-management-button:hover{
	top:3px;
    box-shadow: 0px 3px #d2234c;
}

.entry-content .swim-club-management-button:active{
	top:6px;
    box-shadow: none;
   }

#swim-club-management-count {
	background: #eee;
    box-shadow: 0px 6px #ddd;	
	color: #666;
	padding:11px 22px;
	display:inline-block;
}

/* DivTable.com */
div.paleBlueRows {
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #FFFFFF;
  width: 350px;
  height: 200px;
  text-align: center;
  border-collapse: collapse;
}
.divTable.paleBlueRows .divTableCell, 
.divTable.paleBlueRows .divTableCellRight, 
.divTable.paleBlueRows .divTableCellCentre, 
.divTable.paleBlueRows .divTableCellLeft,
.divTable.paleBlueRows .divTableCellRed,
.divTable.paleBlueRows .divTableCellAmber,
.divTable.paleBlueRows .divTableCellGreen,
.divTable.paleBlueRows .divTableHead,
.divTable.paleBlueRows .divTableHeadRight,
.divTable.paleBlueRows .divTableHeadCentre,
.divTable.paleBlueRows .divTableHeadLeft 
{
  border: 1px solid #000000;
  padding: 3px 2px;
}
.divTable.paleBlueRows .divTableBody .divTableCell,
.divTable.paleBlueRows .divTableBody .divTableCellRight, 
.divTable.paleBlueRows .divTableBody .divTableCellCentre, 
.divTable.paleBlueRows .divTableBody .divTableCellLeft 
.divTable.paleBlueRows .divTableBody .divTableCellRed,
.divTable.paleBlueRows .divTableBody .divTableCellAmber,
.divTable.paleBlueRows .divTableBody .divTableCellGreen
{
  font-size: 13px;
}

.divTableCellRight, .divTableHeadRight,
.divTableCellRed, .divTableCellAmber, .divTableCellGreen
{
	text-align: right;
}
.divTableCellCentre, .divTableHeadCentre {
	text-align: center;
}	
.divTableCellLeft, .divTableHeadLeft {
	text-align: left;
}

.divTableCellRed {
  background: red;
  border: 1px solid #FFFFFF;
  padding: 1px;
  color: #FFFFFF;
}

.divTableCellAmber {
  background: orange;
  border: 1px solid #FFFFFF;
  padding: 1px;
}

.divTableCellGreen {
  background: green;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 1px;
}

.divTable.paleBlueRows .divTableHeading {
  background: #014083;
  border-bottom: 5px solid #FFFFFF;
}

.divTableHead, .divTableHeadLeft, .divTableHeadCentre, .divTableHeadRight {
  background-color: #014083;
  color: #FFFFFF;
  //text-align: left;
}


.divTable.paleBlueRows .divTableHeading .divTableHead,
.divTable.paleBlueRows .divTableHeading .divTableHeadLeft 
.divTable.paleBlueRows .divTableHeading .divTableHeadCentre 
.divTable.paleBlueRows .divTableHeading .divTableHeadRight {
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #FFFFFF;
}
.divTable.paleBlueRows .divTableHeading .divTableHead:first-child, 
.divTable.paleBlueRows .divTableHeading .divTableHeadLeft:first-child,
.divTable.paleBlueRows .divTableHeading .divTableHeadCentre:first-child,
.divTable.paleBlueRows .divTableHeading .divTableHeadRight:first-child {
  border-left: none;
}

.paleBlueRows .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}
.paleBlueRows .tableFootStyle {
  font-size: 14px;
}

.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableCellRight, .divTableCellCentre, .divTableCellLeft, 
	.divTableHead, .divTableHeadRight, .divTableHeadCentre, .divTableHeadLeft, 
	.divTableCellRed, .divTableCellAmber, .divTableCellGreen
	{ display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

/* Buttons */

/* Customise the label (the container) */
.container {
	display: inline;
	position: relative;
	/* padding-left: 10px; */
	/* padding-right: 0px; */
	margin-right:5px;
	/* padding-bottom: 10px; */
	/* margin-bottom: 10px; */
	cursor: pointer;
	/* background-color: #014083; */
	font-size: 20px;
	color: #FFFFFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.raisedBox {
	padding: 5px;
	background-color: #014083;
	color: #FFFFFF;
	border: 2px outset white; /* rgb(195,195,195) ; */
}

.pendingBox {
	padding: 5px;
	background-color: rgb(1,64,131,0.3); /* rgb(213,240,247);  rgb(153,217,234); */
	color: #014083;
	border: 2px solid #014083; /* rgb(195,195,195) ; */
}

.sunkenBox {
	padding: 5px;
	background-color: white;
	color: #014083;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.buttonUsed {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: white; 
	color: black;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.buttonUsedGood {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: white; /* green; */	
	color: green;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.buttonUsedWarning {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: orange; 
	color: black;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.buttonUsedError {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: red; 
	color: white;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.buttonUsedManual {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: yellow; 
	color: black;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.buttonOffGood {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: lightgrey;
	color: green;
	border: 2px outset white; /* rgb(195,195,195) ; */
}

.buttonOffWarning {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: lightgrey;
	color: orange;
	border: 2px outset white; /* rgb(195,195,195) ; */
}

.buttonOffError {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: lightgrey;
	color: red;
	border: 2px outset white; /* rgb(195,195,195) ; */
}

.buttonOffManual {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: lightgrey;
	color: yellow;
	border: 2px outset white; /* rgb(195,195,195) ; */
}

.pendingButton {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	background-color: #F0F8FF;
	color: black;
	border: 2px solid grey;	
}


.finishTime {
	padding-left: 5px;
	padding-right: 5px;
}

.unfinishedReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: white;
	color: black;
	border: 2px outset white;
}

.firstPlaceReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #ffd700; 
	color: black;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.secondPlaceReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #c0c0c0; 
	color: white;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.thirdPlaceReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #cd7f32 ; 
	color: white;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.unplacedReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: lightblue; 
	color: black;
	border: 2px inset white; /* rgb(195,195,195) ; */
}

.blankReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: transparent; 
	color: transparent;
	border: none;
}

.pendingReferee {
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #F0F8FF;
	color: black;
	border: 2px solid grey;	
}


/*------------------------------------------------------------------------------
  4.0 - Notifications
------------------------------------------------------------------------------*/

.notice,
div.updated,
div.error {
	background: #fff;
	border-left: 4px solid #fff;
	box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
	margin: 5px 15px 2px;
	padding: 1px 12px;
}

.notice p,
.notice-title,
div.updated p,
div.error p,
.form-table td .notice p {
	margin: 0.5em 0;
	padding: 2px;	
}

.notice-success,
div.updated {
	border-left-color: #46b450;
}

.notice-warning {
	border-left-color: #ffb900;
}

.notice-error,
div.error {
	border-left-color: #dc3232;
}

.notice-info {
	border-left-color: #00a0d2;
}

/********************************* Drop-down menus ****************************************/

/* Style The Dropdown Button */
.dropbtn {
    /*
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    */
    cursor: pointer;
    
    margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: white;
	color: black;
	border: 2px outset white;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    
    text-align: left;
    font-size: 16px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1
	}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: lightgrey; //#3e8e41;
}