/* Global Colours */

:root {
	--ndma-blue: #126cb8;
	--ndma-blue-darker: #0b5c9e;
	--ndma-dark-blue: #141d38;
}

:root[data-theme="light"] {
	/* Override default styles */
	--navbar-bg: var(--ndma-dark-blue) !important;
	--right-arrow-svg: url(
		data:image/svg + xml;utf8,
		<svgwidth="6"height="8"viewBox="0 0 6 8"fill="none"xmlns="http://www.w3.org/2000/svg"><pathd="M1.25 7.5L4.75 4L1.25 0.5"stroke="%23FFFFFF"stroke-linecap="round"stroke-linejoin="round"/></svg>
	) !important;
	--left-arrow-svg: url(
		data:image/svg + xml;utf8,
		<svgwidth="6"height="8"viewBox="0 0 6 8"fill="none"xmlns="http://www.w3.org/2000/svg"><pathd="M7.5 9.5L4 6l3.5-3.5"stroke="%23FFFFFF"stroke-linecap="round"stroke-linejoin="round"></path></svg>
	) !important;
}

html[data-theme="light"] {
	.nav-link svg {
		--icon-stroke: #ffffff !important;
	}

	.dropdown .nav-link {
		color: #ffffff !important;
	}

	#navbar-breadcrumbs a {
		color: #ffffff !important;
	}

	#navbar-breadcrumbs li.disabled a {
		color: gray !important;
	}

	#navbar-breadcrumbs a:before {
		content: var(--right-arrow-svg) !important;
	}

	div.col.layout-main-section-wrapper {
		scrollbar-color: var(--ndma-blue) transparent !important;
	}

	.btn-primary {
		background-color: var(--ndma-blue) !important;
	}

	.btn-primary:active {
		background-color: var(--ndma-blue-darker) !important;
		color: white;
	}

	.btn-primary:hover {
		background-color: var(--ndma-blue-darker) !important;
		color: white;
	}
}

.navbar {
	height: max-content !important;
	padding: 2px !important;
}

.app-logo {
	max-height: 100% !important;
	width: 50px !important;
}

.page-container {
	background-color: #e1ffe8 !important;
}

#page-Workspaces .page-container {
	background: linear-gradient(to bottom, white, #e1ffe8) !important;
}

.page-head {
	background-color: #cefad8 !important;
}

.navbar-brand img {
	max-height: 50px;
}

/* Web Page CSS */

.navbar-light {
	border: 0px !important;
	background-color: var(--ndma-dark-blue) !important;
}

.footer-logo {
	height: 150px !important;
}

[data-path="ict-assets-survey/new"] .web-form-head .ndma-logo-wrapper {
	text-align: center;
	margin-bottom: 12px;
}

[data-path="ict-assets-survey/new"] .web-form-head .ndma-logo {
	max-height: 100px;
	width: auto;
	display: inline-block;
}

[data-path="ict-assets-survey/new"] #page-digital-services-ict-assets-survey {
	background: linear-gradient(to bottom, #e1ffe8, white) !important;
}

[data-path="ict-assets-survey/new"] nav {
	display: none !important;
}

/* Style form download buttons */

button[data-fieldname="software_assets_template_btn"] {
	background-color: var(--ndma-blue) !important;
	color: white !important;
}

button[data-fieldname="software_assets_template_btn"]:hover {
	background-color: var(--ndma-blue-darker) !important;
	color: white !important;
}

button[data-fieldname="it_hardware_template_btn"] {
	background-color: var(--ndma-blue) !important;
	color: white !important;
}

button[data-fieldname="it_hardware_template_btn"]:hover {
	background-color: var(--ndma-blue-darker) !important;
	color: white !important;
}

button[data-fieldname="it_workforce_template_btn"] {
	background-color: var(--ndma-blue) !important;
	color: white !important;
}

button[data-fieldname="it_workforce_template_btn"]:hover {
	background-color: var(--ndma-blue-darker) !important;
	color: white !important;
}

div.workspace-footer {
	display: none !important;
}