/* Main background color. By default this is the grey area behind the white main container */
body {
	background-color: #e3e3e3;
}

/*
 * Background colour of the header section (behind the logo, phone number etc)
 */
header {
	background-color: #ffffff;
}

/*
 * Colour of the 'black buttons'. This is currently only used in the logout/switch account button.
 * 
 */
.btn-black {
	background-color: #366d88;
	border-color: #366d88;
}

.btn-black:hover {
	background-color: #060b19;
	border-color: #060b19;
}

/*
 * Colour of the table headers. This is used in in the
 * - goods table
 * - view jobs result table
 * - address book table
 */
.table thead {
	background-color: #366d88;
}

/*
 * The small text below the labels in the goods table
 */
 .table th small {
 	color: #CCCCCC;
 }

/*
 * Colour of the header bars of stop elements on the booking page
 */
.addr-stop .header {
	background-color: #366d88;
}

/*
 * Colour of the stop number "circles" above the stop list
 */
.stop-wrap .stop {
	background-color: #366d88;	
}
/*
 * Colour of the stop number within the header bar of each stop
 */
 .addr-stop .header .number {
	background-color: #366d88;
}
 

/*
 *  Gradient overlay on top of the page-wide menu bar
 *  The below is defined in override-bootstrap.css and supports several browser.
 *  Uncomment the below if you need to change the gradient
 */
.navbar-inverse {
	background: #518836; /* Old browsers */
	background: -moz-linear-gradient(top,  #518836 0%, #74c54e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518836), color-stop(100%,#74c54e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #518836 0%,#74c54e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #518836 0%,#74c54e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #518836 0%,#74c54e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #518836 0%, #74c54e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518836', endColorstr='#74c54e',GradientType=0 ); /* IE6-9 */
}

/*
 * Colour of the selected menubar element
 * 
 */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #366d88;
}

/*
 * Colour of a clicked menubar element (usually the same as above)
 */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #366d88;
}



/* Border colour of the various action buttons (like 'login', 'confirm booking' etc 
 * Also the 2-pixel line above the selected menu time
 * */
.choose-file-button, .customer-border, .form-control:focus, .navbar-inverse .navbar-nav>li.active {
	border-color: #3db5e8;
}

/* Colour of the action buttons (like above) */
.customer-background, .addr-stop .header.active, .stop-wrap .stop.active, .btn-primary, .choose-file-button {
	background-color: #3db5e8;
}

/* Colour of the action buttons when you hover a mouse above it */
.btn-customer:hover, .btn-primary:hover, .choose-file-button.hover {
	background-color: #29829c;
	color:#ffffff;
}

/*
 * Overrides the 'btn-primary' border colour. Used e.g. in buttons like
 * - send enquiry
 * - create/edit frequent addresses
 */
.btn-primary {
	border-color: #308eb5;
}

.customer-text-color {
	color: #39a0bd;
}