:root {
	--avant-green: #b5d064;
}

input[type="submit"], input[type="button"], .formButton, .formButtonDisabled {
	background-color: var(--avant-green);
	color: white;
}

	input[type="submit"]:hover, input[type="button"]:hover, .formButton:hover {
		/*opacity: 0.75;*/
		color: white;
	}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, select:focus, textarea:focus {
	border: var(--avant-green) solid 3px; /*Green*/
}

input[type="text"]:focus-visible, input[type="password"]:focus-visible, input[type="date"]:focus-visible, select:focus-visible, textarea:focus-visible {
	border: var(--avant-green) solid 3px;
}

.Button {
	color: white;
	background-color: var(--avant-green);
}

.UserName {
	color: #FFFFFF;
}

.header {
	background-color: #2b2b2b;
}

div.Logo {
	float: left;
	margin-left: 10px;
	margin-top: -1px;
}

	div.Logo img {
		width: 100%;
		max-width: 240px;
	}

.pageTitle {
	color: #FFFFFF;
	border-bottom: 5px var(--avant-green) solid;
}

.companyTextColour, .brandColour {
	color: var(--avant-green);
}

.menuItem {
	border-top-color: #cccccc;
	border-bottom-color: #666666;
}

	.menuItem a {
		color: #ffffff;
	}

		.menuItem a:hover {
			background-color: #aaa;
		}

#nav {
	background: #999999;
}

.nav-item a:hover {
	background-color: var(--avant-green);
}

/* following went in for directory */


.tblOver {
	background-color: #ECFFFF;
}

.tblOff {
	background-color: #fff;
}


.page_binder {
	border-top: var(--avant-green) solid 3px;
}

#sub_nav a.active {
	color: #fff;
	background-color: var(--avant-green);
}

#sub_nav a:hover {
	color: #fff;
	background-color: var(--avant-green);
}


#loginForm div.input-group-append {
	border: var(--avant-green) 3px solid;
}

	#loginForm div.input-group-append span.input-group-text {
		background-color: var(--avant-green);
	}

#loginForm input[type="text"], #loginForm input[type="password"] {
	border: 3px var(--avant-green) solid;
}

.headerUnderline {
	background-color: var(--avant-green);
}

/* Custom radio buttons */


/* When the radio button is checked, and not disabled, add a coloured background */
.radioContainer input:not(:disabled):checked ~ .checkmark {
	background-color: var(--avant-green);
}


/* End of Custom Radio Buttons */

.fileupload label, .fileupload button {
	background-color: var(--avant-green);
	color: white;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--avant-green);
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: var(--avant-green);
}