:root {
		--primary-bg: #8ca999;
		--primary-bg-active: #70877a;
		--primary-bg-disabled: #93b1a0;
		--primary-colour: #ffffff;
		--input-colour: #555555;
		--input-bg: #ffffff;
		--input-bg-disabled: #ffffff;
		--input-placeholder: #999999;
		--default-bg: #ffffff;
		--default-bg-active: #cccccc;
		--default-bg-disabled: #ffffff;
		--default-colour: #333333;
		--default-border: #333333;
		--success-bg: #8ca999;
		--success-bg-active: #70877a;
		--success-bg-disabled: #93b1a0;
		--success-colour: #ffffff;
		--danger-bg: #d9534f;
		--danger-bg-active: #ad423f;
		--danger-bg-disabled: #e35752;
		--danger-colour: #ffffff;
		--base-bg: #ffffff;
		--base-bg2: #f5f5f5;
		--base-bg-dark: #dcdcdc;
		--base-colour: #333333;
	}

	body {
		color: var(--base-colour);
		background-color: var(--base-bg);
	}

	.text-muted {
		color: var(--base-colour);
	}

	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small,
	.h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4
	.small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small,
	.h6 .small {
		color: var(--base-colour);
	}

	.container .box .content .activity .item1 h4 {
		color: var(--base-colour);
	}

	.container .headinglabel {
		color: var(--base-colour);
	}

	#service-time-list .endsection {
		background-color: var(--base-bg2);
	}

	.container.accountpage .search .previous-booking {
		background-color: var(--base-bg2);
	}

	.table-striped>tbody>tr:nth-child(odd) {
		background-color: var(--base-bg);
	}

	.dropdown-menu {
		color: var(--default-colour);
		background-color: var(--default-bg);
	}

	.discount-filter-box {
		color: var(--base-colour);
		background-color: var(--base_bg2)
	}

	.dropdown-menu>li>a {
		color: var(--default-colour);
	}

	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
		color: var(--default-colour);
		background-color: var(--default-bg-active);
	}

	a:hover, a, a:after, a:active {
		color: var(--base-colour);
	}

	.panel {
		background-color: var(--base-bg2);
	}

	.panel-default {
		border-color: var(--base-bg-dark);
	}

	.well {
		background-color: var(--base-bg2);
		border: var(--base-bg-dark);
	}

	a.list-group-item {
		color: var(--base-colour);
	}

	.list-group-item {
		color: var(--base-colour);
		background-color: var(--base-bg2);
	}

	a.list-group-item .list-group-item-heading {
		color: var(--base-colour);
	}

	a.list-group-item:hover, a.list-group-item:focus {
		color:  var(--base-colour);;
		background-color: var(--base-bg-dark);
	}

	.panel-default>.panel-heading {
		color: var(--base-colour);
		background-color: var(--base-bg-dark);
		border-color: var(--base-bg-dark);
	}

	/* inputs */
	.form-control {
		color: var(--input-colour);
		background-color: var(--input-bg);
	}

	.form-control::placeholder {
		color: var(--input-placeholder);
		opacity: 1;
	}

	.form-control:input-placeholder {
		color: var(--input-placeholder);
	}

	.form-control::input-placeholder {
		color: var(--input-placeholder);
	}

	.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
		background-color: var(--input-bg-disabled);
	}

	/* blue buttons */
	.btn-primary {
		color: var(--primary-colour);
		background-color: var(--primary-bg);
		border-color: var(--primary-bg);
	}

	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
		color: var(--primary-colour);
		background-color: var(--primary-bg);
		border-color: var(--primary-bg);
	}

	.btn-primary:focus,
	.btn-primary:hover,
	.btn-primary:active,
	.open > .dropdown-toggle.btn-primary {
		color: var(--primary-colour);
		background-color: var(--primary-bg-active);
		border-color: var(--primary-bg-active);
	}

	.btn-primary:disabled, .btn-primary.disabled {
		color: var(--primary-colour);
		background-color: var(--primary-bg-disabled);
		border-color: var(--primary-bg-disabled);
	}

	/* white buttons */
	.btn-default {
		color: var(--default-colour);
		background-color: var(--default-bg);
		border-color: var(--default-border);
	}

	.btn-default:focus,
	.btn-default:hover,
	.btn-default:active,
	.open > .dropdown-toggle.btn-default {
		color: var(--default-colour);
		background-color: var(--default-bg-active);
		border-color: var(--default-border);
	}

	.btn-default:disabled, .btn-default.disabled {
		color: var(--default-colour);
		background-color: var(--default-bg-disabled);
		border-color: var(--default-border);
	}

	/* green buttons */
	.btn-success {
		color: var(--success-colour);
		background-color: var(--success-bg);
		border-color: var(--success-bg);
	}

	.alert-success {
		color: var(--success-colour);
		background-color: var(--success-bg);
		border-color: var(--success-bg);
	}

	.btn-success:focus,
	.btn-success:hover,
	.btn-success:active,
	.open > .dropdown-toggle.btn-success {
		color: var(--success-colour);
		background-color: var(--success-bg-active);
		border-color: var(--success-bg-active);
	}

	.btn-success:disabled, .btn-success.disabled {
		color: var(--success-colour);
		background-color: var(--success-bg-disabled);
		border-color: var(--success-bg-disabled);
	}

	/* red buttons */
	.btn-danger {
		color: var(--danger-colour);
		background-color: var(--danger-bg);
		border-color: var(--danger-bg);
	}

	.alert-danger {
		color: var(--danger-colour);
		background-color: var(--danger-bg);
		border-color: var(--danger-bg);
	}

	.btn-danger:focus,
	.btn-danger:hover,
	.btn-danger:active,
	.open > .dropdown-toggle.btn-danger {
		color: var(--danger-colour);
		background-color: var(--danger-bg-active);
		border-color: var(--danger-bg-active);
	}

	.btn-danger:disabled, .btn-danger.disabled {
		color: var(--danger-colour);
		background-color: var(--danger-bg-disabled);
		border-color: var(--danger-bg-disabled);
	}

	.termandcondition-content {
		background-color: var(--base-bg2);
		border-color: var(--base-bg-dark);
	}

	.jSignature {
		background-color: var(--base-bg2)!important;
	}