/*
 * VIP uses two main BLUE and ORANGE colour which are the following:
 * 
 * ORANGE: #ec7200
 * BLUE: #0076c3
 * 
 */

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

/*
 * 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: #0076c3;
	border-color: #0067bb;
}

/*
 * Above when hovering (login/switch account buttons)
 */
.btn-black:hover {
	background-color: #00549b;
	border-color: #024e8f;
}

/*
 * Above when clicked open (login/switch account buttons)
 */
.btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #00549b;
	border-color: #024e8f;
	color: #ffffff;	
}

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

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

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

/*
 *  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: #cfcfcf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #cfcfcf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#cfcfcf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#cfcfcf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfcfc 0%, #cfcfcf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 4px #888888;
}


/*
 * 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,
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #ec7200;
	background-color: #cfcfcf;
}

/*
 * Colour/rules of a menubar item (NOT selected or clicked)
 */
.navbar-inverse .navbar-nav>li>a {
	color: #707070;
	font-weight: bold;
}

/*
 * Colour/rules of a menubar item (NOT selected or clicked) when hovering the mouse above it
 */
.navbar-inverse .navbar-nav>li>a:hover {
	color: #ec7200;
}


/*
 * 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: #cfcfcf;
}


/* Border colour of the various action buttons (like 'login', 'confirm booking' etc 
 *  
 */
.choose-file-button, .customer-border, .form-control:focus {
	border-color: #d96b00;
}

/*
 * The 2-pixel line above the selected menu time (ofthen same than above)
 */
.navbar-inverse .navbar-nav>li.active {
	border-color: #cfcfcf;
}

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

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

/*
 * Overrides the 'btn-primary' border colour. Used e.g. in buttons like
 * - send enquiry
 * - create/edit frequent addresses
 */
.btn-primary {
	border-color: #da5801;
}
/*
 *  Colour of the highlighted text elements such as
 * - booking numbers on the view-job and thank-you pages
 * 
 */
.customer-text-color {
	color: #0067bb;
}