:root {
	--primary-colour: #1b408c;
	--secondary-colour: #33af47;
}

body, .container {
	background: #fff;
	color: #333;
}

a, a:link, a:visited {
	color: var(--primary-colour);
}

a:hover {
	color: var(--secondary-colour);
}

button, .button, a.button {
	background-color: var(--primary-colour);
	color: #fff;
	border: solid 1px var(--primary-colour);
}

button:hover, .button:hover, a.button:hover, button:focus, .button:focus, a.button:focus {
	background-color: var(--secondary-colour);
	color: #fff;
}

button.secondary, .button.secondary {
	border-color: var(--primary-colour);
	color: var(--primary-colour);
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
	background-color: #fff;
	color: var(--secondary-colour);
	border-color: var(--secondary-colour);
}

.logo, .logo_login {
	background-image: url(smartpay-logo.svg);
}

.logo_login {
	height: 70px;
}

.logo {
	background-color: #fff;
	margin: 5px 10px 0;
}

.tab-bar {
	height: 60px;
	background-color: #ebeced;
}

.tab-bar .menu-icon span::after {
	box-shadow: 0 0 0 1px var(--primary-colour), 0 6px 0 1px var(--primary-colour), 0 12px 0 1px var(--primary-colour);
}

.f-dropdown li a, .tab-bar-section a {
	color: var(--primary-colour);
}

.tab-bar-section a:hover {
	color: var(--secondary-colour);
}

.f-dropdown li a:hover {
	color: var(--primary-colour);
	background-color: #cbced4;
}

.login-background {
	background: #f6f9fc;
}

.login-container h2 span, .login-container p, .login-container h2 {
	color: var(--primary-colour);
}

.off-canvas-list, .desktop-left-nav, .left-off-canvas-menu {
	background-color: #fff;
}

ul.off-canvas-list li a, div.desktop-left-nav li a {
	color: #505050;
}

ul.off-canvas-list li.current a, div.desktop-left-nav li.current a, ul.off-canvas-list li.current, div.desktop-left-nav li.current {
	border-color: var(--secondary-colour);
}

ul.off-canvas-list li.current a, div.desktop-left-nav li.current a, ul.off-canvas-list li a:hover, div.desktop-left-nav li a:hover {
	background-color: #cfe3f1;
	font-weight: bold;
}

ul.off-canvas-list li label, .desktop-left-nav li label {
	border-color: #cfe3f1;
	color: var(--primary-colour);
	font-weight: bold;
}

.off-canvas-list li.account-holder a, .desktop-left-nav li.account-holder a {
	font-weight: bold;
	color: var(--primary-colour);
}

.account-holder a:hover {
	color: var(--secondary-colour) !important;
}

li.account-holder-id {
	color: #666666;
}

.login_captcha .ps_selected {
	border-color: var(--primary-colour);
}

.row-table .data-row:hover {
	background-color: #cbced4;
	color: #000;
}

.data-item div:last-child, .faded {
	color: #969daa;
}

select, select:focus {
	background-color: #fafafa;
	border-color: #dddddd;
}

.menu_wrapper {
	border-right: solid 1px #eeeeee;
}

.drop-down-arrow:before {
	border-color: var(--secondary-colour) transparent transparent transparent;
}