body {
}

/* General style for most buttons unless overwritten when needed later  */
.btn-primary {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open>.btn-primary.dropdown-toggle {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;
}

/* Rounds off the ends of all buttons */
.btn { border-radius: 20px } 

/* MAIN LOGIN SCREEN */
/* Login Button */
.signin-main.connect .signin { background-color: #007b83 }

/* Navigation Bar */
.navbar-default { 
	background-color: #007b83; 
	border-color: #E7E7E7 
}

.navbar-default .navbar-nav > li > a { 
	color: #FFF;
	font-weight: bold; 
}

/* ----------------------------------------------------- MAIN SCREEN ----------------------------------------------------- */

/* Changes the background colour of the search box to white - The rectangular part of it */
.navbar-form .input-group { background-color: #fff } 

/* Removes the whitespace from behind the search button (Right hand side with magnifying glass in it) */
.navbar-form .input-group-btn { background-color: #007b83 } 

/* Quick Book and Upcoming Bookings to do - Background Colours etc */

/* Using the ID of the elements - These are the sections on the main Member Home Page - There are more but these are the main ones*/
/* Sets header and Fonts for QuickBook, Upcoming Bookings, Search, Advanced Search and Activities */
#recentbookings .panel-heading, #search-panels .panel-heading, #results-panels  .panel-heading {
	background-color: #000;
}
#recentbookings .panel-title, #search-panels .panel-title, #results-panels .panel-title {
	font-weight: bold;
	color: #fff;
}
#recentbookings .list-group-item.list-group-item-info {
	background-color: #E7E9EA;
}
#collapseQuickBook, #upcomingPanel, #searchPanel, #collapseAdv, #collapseActivities {
	background-color: #F0EFEF;
}

/* Search - What's on at */
.whatsOnWhen .disabled.btn {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}

/* Advanced Search */
/* Preferred Times */
.ExcludeDays input:checked + label {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}

.ExcludeDays input:checked:focus + label {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}

/* Search button under Advanced Search */
#SearchButton .btn.btn-custom.loadingtext {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}
#SearchButton .btn.btn-custom.loadingtext:hover {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;
}

#SearchButton .btn-success:hover, .btn-success:focus, .btn-success:active, .active.btn-success, .open> .btn-success.dropdown-toggle {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}
/* btn-success needed to keep the button the correct colour once pressed - Without it it reverts back to pale green - The default */
#SearchButton .btn-success {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}

/* CLASSES */

/* First 2 changes are for the left part of the buttons - Each button has 2 sections - Left and right */
#collapseClasses .BookingLinkButton.btn.btn-primary, .BookingLinkButton.btn-block.btn.btn-primary {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;
	font-weight: bold;
}

#collapseClasses .BookingLinkButton.btn.btn-primary:hover {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;
}

/* 2nd part of the button - Right hand side */
#collapseClasses .btn.btn-success-wait.availabilitybutton{
	background-color: #0095a1;
	border-color: #0095a1;
	color: #fff;
	font-weight: bold;		
}

#collapseClasses .btn.btn-success-wait.availabilitybutton:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
	font-weight: bold;	
}

/* There is a section on the "Classes" and "Activities" buttons that turns blue when the screen is made smaller - an INFO button */
/* Need to decide on the colours for this section - Karen and Jon B */
/* Also a wait section - Advises that classes are full but they  */
.btn.btn-info{
	background-color: #b52a93;
	border-color: #a02582;
	color: #fff;
	font-weight: bold;	
}
.btn.btn-info:hover{
	background-color: #8c2071;
	border-color: #6F1a5a;
	color: #fff;
	font-weight: bold;	
}
/* There is a "WAIT" that appears on some classes when the class is full */
.btn-waitinglist{
	background-color: #b52a93; /* red; */
	border-color: #a02582; /* #000; */
	color: #fff;
	font-weight: bold;	
}
.btn-waitinglist:hover, .btn-waitinglist:focus, .btn-waitinglist:active, .active.btn-waitinglist:, .open > .btn-waitinglist.dropdown-toggle {
	background-color: yellow;
	border-color: #000;
	color: #fff;
	font-weight: bold;	
}




/* Activities section to be checked over */

/*  Links on the pages to edit details, change, help and logout */
.outerlinks .btn-xs.btn-success {
	background-color: #007b83;
	border-color: #007b83; 
}
/* This is the "Change Site" button in the "Make a Booking Page" */
#footer .btn-xs.btn-success, .selectSiteChangeSite {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;		
	font-weight: bold;
}
#footer .btn-xs.btn-success:hover, .selectSiteChangeSite:hover {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;		
	font-weight: bold;
}

/* -------------------------------------------- MAKE A BOOKING mrmResourceStatus.aspx -------------------------------------------- */
.btn-resource-success {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;		
	font-weight: bold;
}

.btn-resource-success:hover, .btn-resource-success:focus, .btn-resource-success:active, .active.btn-resource-success, .open > .btn-resource-success.dropdown-toggle {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;
}
/* Select a Slot after the above page - mrmProductStatus.aspx */
.btn-custom-success {
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;		
	font-weight: bold;
}

.btn-custom-success:hover, .btn-custom-success:focus, .btn-custom-success:active, .active.btn-custom-success, .open > .btn-custom-success.dropdown-toggle {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;
}

/* Select a Slot after booking a class - mrmClassStatus.aspx */
.btn-success.hovered.btn-success {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;	
}
.btn-success.focus-button-top.btn-success {
	background-color: #007b83;
	border-color: #007b83;	
}

.multilevel .book-border {
	border-color: #007b83 !important;
}

/* If there are no spaces the mrmClassStatus.aspx page shows blue info buttons and purble "Add to waiting list" */
/* This is the blue info button */
.img-circle.icon-button.wait-icon {
	background-color: #007b83;
}

/* Select Activty Type - mrmselectActivityGroup.aspx  - Change Site Button */
.btn-success{
	background-color: #007b83;
	border-color: #007b83;
	color: #fff;		
	font-weight: bold;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .active.btn-success, .open > .btn-success.dropdown-toggle {
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
	font-weight: bold;
}







/* MANAGE BOOKINGS - mrmViewMyBookings.aspx */	
	
/* MOVE, TRASH, INFORMATION AND PAYMENT BUTTONS */
/* Move Icon - This booking can be moved */
.img-circle.icon-button.move-icon{
	background-color: #0E0B16; /* #007b83 */
}
/* Move Icon - Disabled - Cannot be Moved - This booking is a fixed reservation and cannot be moved*/
.img-circle.icon-button.icondisabled.move-icon{
	background-color: red;
}
/* Cancel Icon - Disabled */
.img-circle.icon-button.icondisabled.cancel-icon{
	background-color: #ccc;
}
/* Cancel Icon - This changes if the booking is still within a certain time frame */	
.img-circle.icon-button.cancel-icon {
	background-color: #A239CA;
}
/* Info Icon */	
.img-circle.icon-button.info-icon{
	background-color: #4717F6;
}
/* Pay for this Now Icon */	
.img-circle.icon-button.pay-icon{
	background-color: #007b83;
}