@CHARSET "ISO-8859-1";

@import "fonts.css";

html, body {
	background-color: #FFFFFF;
	font-family: "Lato";
}

body {
	color: #121212;
}

section, .no-sections {
  border-right: 0;
  border-bottom: 0;
}

.override .section-inside .description {
	font-size: 18px;
}

.service-navigator li span::before {
    line-height: 20px;
}

.service-navigator li span {
}

a:focus-visible, input[type="radio"]:focus-visible + label, input[type="checkbox"]:focus-visible + label, button:focus-visible, img:focus-visible, select:focus-visible, textarea:focus-visible, input[type="submit"]:focus-visible, input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, input[type="image"]:focus-visible, input[type="search"]:focus-visible, i:focus-visible, .simplebox-title:focus-visible {
	outline: 3px dotted !important;
	outline-offset: 3px;
	outline-color: #4c7638 !important;
}

footer a:focus-visible {
	outline-color: #FFFFFF !important;
}	

input[type="radio"]:checked + label::before {
	font-size: 25px;
  	line-height: 12px;
}

.btn.btn-light {
	background-color: #FFFFFF;
	border: 2px solid #000000;
	color: #000000;
}

.errand-menu .btn.btn-light {
	border: inherit;
}

.btn.btn-light:focus, .btn.btn-light:hover {
	background-color: #FFFFFF !important;
	border-top: 2px solid #000000;
  	box-shadow: none;
  	padding-top: 10px;
}

.btn.btn-blue, .btn.btn-search, header .user .logged-out, .btn.btn-blue:focus, .btn.btn-search:focus, header .user .logged-out:focus {
	background-color: #1D71B8;
}

.btn.btn-blue:focus, .btn.btn-search:focus, header .user .logged-out:focus {
	border-top: 1px solid #1D71B8;
  	box-shadow: none;
}

.btn.btn-blue:hover, .btn.btn-search:hover, header .user .logged-out:hover {
  	background: #2a5b90;
}

.btn.btn-green  {
	background-color: #7AA167 !important;
	border: 2px solid #000000;
	color: #000000;
}

.btn.btn-green:focus, .btn.btn-green:hover {
	background-color: #91b182 !important;
	border-top: 2px solid #000000;
  	box-shadow: none;
  	padding-top: 10px;
}

.btn-green.xl:hover, .btn-green.xl:focus {
	padding-top: 13px;
}

.search-wrapper .search .input-wrapper.focus input[type="text"], .search-wrapper .search .input-wrapper.focus .symbol {
	border-color: #1D71B8;
}

header nav {
	background-color: transparent;
	float: right;
	margin-top: 20px;
  	margin-bottom: 20px;
}

header nav > .container {
	min-width: 300px;
}

header nav #toggle-primary {
    display: block !important;
    font-weight: 700 !important;
    color: inherit !important;
    float: right !important;
    line-height: 57px !important;
    padding: 0 24px 0 18px !important;
    font-size: 17px;
}

header nav #toggle-primary::before {
	font-size: 36px;
	padding-top: 7px;
	float: right;
	padding-left: 7px;
}

header .user {
	padding-top: 22px;
}

header .user h2 {
	font-size: 17px;
}

header .user h2[data-icon-after]::after {
	margin-top: 0px;
  	font-size: 16px;
}

header .user .logged-in h2 {
	color: #121212 !important;
}

header .user .logged-in .toggler {
	background-color: transparent;
	border: none;
}

header .user .logged-in .submenu ul li a .arrow {
	padding-left: 8px;
}

header .user .logged-in {
	padding-top: 0px !important;
}

header .user .logged-in.active .toggler {
	border: none;
	background-color: #FFFFFF;
}

header .user .logged-in .toggler i {
	color: #121212 !important;
}

header .user .logged-in .submenu ul li.bordered-link, header nav ul li .submenu ul li.bordered-link {
	border-bottom: 4px solid #1D71B8;
}

header .user .logged-in .submenu ul li.bordered-link:hover, header nav ul li .submenu ul li.bordered-link:hover {
	border-bottom: 4px solid #2a5b90;
}

header .user .logged-in .submenu ul li a:hover {
	color: #2a5b90;
}

header .usermenu {
	position: relative;
}

header .usermenu ul.right {
	float: right;
	list-style: none;
	margin-bottom: 0;
}

header .usermenu ul.right li .notification-menu {
	right: 40px;
}

header .usermenu ul.right li a {
	padding: 15px 11px 10px !important;
	text-decoration: none;
}

header .usermenu ul.right li i.xl {
	color: #121212;
}

header ul.right li.active, header ul.right li.active:hover, header ul.right li.active:focus {
	background: transparent;
}

header nav ul {
	padding: 0;
}

header nav ul.primary {
    display: none;
    position: absolute;
    left: 0;
    top: 57px;
    width: 100%;
    padding: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

header nav ul.primary.active {
	display: block;
}

header .primary.active::after {
	display: none !important;
}

header nav ul.primary li {
    float: none;
    width: 100%;
    background: #fff;
    background-color: rgb(255, 255, 255);
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
}

header nav ul.primary li a {
	text-shadow: none;
	color: #424242;
	font-size: 16px;
	background: #fff;
    text-shadow: none;
    padding: 18px 9px 18px 24px;
}

header nav ul.primary > li:last-child {
	border-bottom: 4px solid #1D71B8;
}

header nav ul.primary li a:focus {
	color: inherit;
}

header nav ul li.active, header nav ul li.active.dd, header nav ul.right li.active, header nav ul li.selected, header nav ul li.selected.dd {
	background-color: #0b233d;
	box-shadow: none;
	border-right: none;
}

header nav ul.right li a:focus {
	text-decoration: none;
}

header .submenu ul li.active a span {
	color: #2a5b90 !important;
}

header nav ul li:hover, header nav ul li.active:hover, header nav ul li.active.dd:hover, header nav ul.right li.active:hover {
	background-color: #0b233d;
	box-shadow: none;
	border-right: none;
}

header nav ul li.active .marker {
	display: none;	
}

header nav ul.right li.active .marker {
	display: block;
}

header nav ul li a, header .user .logged-in h2, header nav ul li .submenu ul li a, header .user .logged-in .submenu ul li a {
    text-shadow: none;
}

header nav ul li .submenu {
	box-shadow: 0 10px 18px rgba(0, 0, 0, 0.24);
}

.tags-wrapper .tags ul li a, .tags-wrapper .tags ul li a:hover, .footer-button,
.list-table li a:not(.delete_favourite):not(.delete):hover, .list-table li a:not(.delete_favourite):not(.delete):focus,
.previews li a:hover h2, .previews li a:focus h2 {
	color: #02639c;
}

header .header-shadow {
	box-shadow: 0px 4px 20px 10px #C4DBEE61;
}

header .top {
	overflow: visible;
	background: transparent;
}

.top.container img {
	-webkit-transition:height 0.2s ease-in-out 0s;
	transition: height 0.2s ease-in-out 0s;
	display: block;
}

.top.container p {
	margin-top: 20px;
  	margin-bottom: 20px;
  	float: left;
}

@media screen and (max-width: 1004px) {
	.top.container img {
		height: 40px;
	}
}

@media screen and (max-width: 767px) {
	.top.container img {
		height: 35px;
	}
	.top.container p {
		text-align: center;
	}
}

.aside-inside .section.yellow, .summary-buttons li.flagged a, .btn.btn-file {
	background-color: rgba(238,177,17,0.2);
}

.panel-wrapper.follow, .panel-wrapper.yellow {
	background-color: #fcefcf;
}

/* Footer */

footer {
/* 	width: 100%; */
	height: auto;
	font-size: 16px;
	display: block;
	color: #fff;
	background: #1D71B8;
}

.override footer {
	margin-top: 125px !important;
}

footer a {
	text-decoration: underline;
}

footer h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 16px;
}

footer p {
	font-size: 16px;
	font-weight: 400;
}

footer .visibility-hidden {
	visibility: hidden;
}

footer > div {
    display: block;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background: #1D71B8 none repeat scroll 0 0;
    padding: 15px 5px 15px 5px;
    box-shadow: 0 500px 0 500px #1D71B8;
    position: relative;
}

footer .footer-img {
	position: absolute;
	right: -40px;
	top: -110px;
}

footer div.bottom {
	background: #fff;
	margin: 0px;
	max-width: none;
	padding: 20px 10px 20px 10px;
	text-align: center;
}
footer div.bottom a {
    color: #212121;
}
footer div.bottom a:hover {
    color: #212121;
}

footer ul {
	padding: 0;
	margin: 0;
}

footer ul li {
	display: inline-block;
	width: 17%;
	height: auto;
	padding: 20px 1% 20px 1%;
	vertical-align: top;
}

footer ul li a { 
	color: #fff; 
}

footer ul li a:hover, footer ul li a:active, footer ul li a:focus {
	color: #fff;
	text-decoration: underline; 
}

footer ul li .footer-text {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
}

footer ul li a img {
	display: block;
}

@media screen and (max-width: 767px) {
	footer ul li {
		width: 100%;
	}
	footer > div {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1320px) {
	header .top.container {
		padding-left: 9px;
	}
	header nav ul {
		padding-left: 10px;
	}
}

/* Target group flow browser overrides */
.filter-list ul li a.selected .count {
	background-color: #1D71B8 !important;
}

.browsing .btn.search-btn {
	background-color: #789F65 !important;
	border: 2px solid #000 !important;
	padding: 7px 40px 9px 40px !important;
	right: -110px !important;
	color: #000000 !important;
}

.browsing .btn.search-btn.only-tablet-mobile {
	display: none !important;
}

.browsing .btn.search-btn:hover,.browsing .btn.search-btn:focus {
	background: #83a871 !important;
	box-shadow: none !important
}

.browsing .search-wrapper.flowbrowser .search-description h1 {
	padding: 0;
	font-size: 32px;
	margin-top: 15px;
}

.browsing .search-wrapper.flowbrowser .search-description p {
	font-size: 18px;
}

.browsing .search-wrapper.flowbrowser .search-description a {
	text-decoration: underline !important;
}

.browsing .search-wrapper.flowbrowser, .browsing .search-wrapper.flowbrowser > .inner {
	background-color: #FFFFFF;
}

.browsing .search-wrapper.flowbrowser .search-description {
	max-width: 790px;
}

.browsing .search-wrapper.flowbrowser .search-description label {
	margin-bottom: 5px;
  	font-size: 17px;
}

.browsing .search-wrapper.flowbrowser .inner .search-controls-wrapper {
	max-width: 680px;
}

.browsing .search-wrapper.flowbrowser .search-field {
	background-image: none;
	padding-left: 15px;
	border: 2px solid #000;
}

.view-toggler a.grid,.view-toggler a.list.selected {
	background-image: url("../images/view-toggler-list.svg") !important;
}

.view-toggler a.grid.selected {
	background-image: url("../images/view-toggler-grid.svg") !important;
}

.section-inside .heading-wrapper figure {
	border-radius: 0;
	width: 90px;
	height: auto;
}

.section-inside .heading-wrapper figure img {
	width: 100%;
  	height: 100%;
}

div.flowadmin div.adminicons img{
	
	margin-left: 8px;
}

.queries .query .italic.html-description {
    font-style: normal;
}

.override .grid-view ul.flow-list li .icons {
	display: none !important;
}

.override .views-wrapper {
	width: 100%;
}

.override ul.flow-list li {
	width: 23.5%;
}

.override ul.flow-list > li {
	box-shadow: none;
  	border: 2px solid #000 !important;
  	border-radius: 7px;
}

.override ul.flow-list li .description p {
	color: #121212;
}

.override ul.flow-list li h2 {
	font-weight: 700 !important;
}

.override .views-wrapper .settings {
	display: none !important;
}

.override .clear-all-filter-btn {
	display: none !important;
}

.override .edpfuturemodules select {
	height: 42px;
  	padding-left: 8px;
  	background: #fff url(../images/select-sprite-large.png) right 0 no-repeat;
}

.override .edpfuturemodules {
	margin-top: 0;
 	padding: 0;
}

@media screen and (min-width: 768px) {
	
	.override .grid-view ul.flow-list li a.btn {
		border-radius: 0 0 2px 2px;
		bottom: 0 !important;
		background-color: inherit;
	  	color: inherit;
	  	text-align: right;
	  	font-weight: 600;
	  	box-shadow: none !important;
	  	padding: 16px 20px;
	  	height: 50px
	}
	
	.override ul.flow-list li figure {
		width: calc(100% + 30px);
	  	margin-left: -15px;
	  	margin-right: 0px;
	  	margin-top: -15px;
	}

	.override ul.flow-list li figure img {
	    border-radius: 5px 5px 0 0;
	    width: 100%;
	}
	
	.override .filters-wrapper {
		max-width: 790px;
		width: 100%;
		float: none;
		background-color: #DBE4D4;
		box-shadow: none;
	}
	
	.override .filters-wrapper .filter-list h2, .override section.flowtype > .heading-wrapper > h2, .override section.targetgroup > h2 {
		font-size: 18px;
	}
	
	.override .filters-wrapper .filter-list h2 {
		width: 95%;
		position: absolute;
		top: 20px;
		left: 21px;
		border: none;
		padding: 0;
	}
	
	.override .filters-wrapper .filter-list h2 span {
		padding: 0;
		font-size: 17px;
		font-weight: bold;
	}
	
	.override .filters-wrapper .filter-list ul {
		margin: 0;
	    width: 100%;
	    float: left;
	    border-radius: 4px;
	    padding-left: 160px;
	    padding-right: 55px;
	    box-sizing: border-box;
	}
	
	.override .filters-wrapper .filter-list ul li {
		float: left;
	    width: auto;
	    padding: 0;
	    background: transparent;
	    clear: none;
	    min-width: 130px;
	}
	
	.override .filters-wrapper .filter-list ul li:last-child {
		width: 40%;
	}
	
	.override .filters-wrapper .filter-list ul li:last-child a {
		border-radius: 0px 4px 4px 0px;
	}
	
	.override .filters-wrapper .filter-list ul li:first-child a {
		border-radius: 4px 0px 0px 4px;
	}
	
	.override .filters-wrapper .filter-list ul li a {
		font-size: 15px;
		color: #121212;
		font-weight: 600;
		padding: 22px 25px 22px 51px;
	}
	
	.override .filters-wrapper .filter-list ul li a .count {
		top: 19px;
	    left: 17px;
	    font-size: 0px;
	    background-color: #FFF;
	    border: 2px solid #121212;
	    border-radius: 50%;
	    height: 19px;
	    width: 19px;
	}
	
	.override .filters-wrapper .filter-list ul li a.selected .count {
		background: #4c7638 url(../images/filter-check.svg) no-repeat center center !important;
		background-size: 15px !important;
	}
	
	.override .filters-wrapper section {
		padding: 0 10px 0 10px;
	}
	
	.override .filters-wrapper {
		position: relative;
	}

	.grid-view ul.flow-list li h2 {
		padding-top: 25px !important;
	}
	
	.override ul.flow-list li figure img {
		height: 200px;
	}
	
}

.skip-to-main {
    top: 7px;
  	left: 7px;
}

@media screen and (max-width: 1660px) {
	.skip-to-main {
		top: 87px;
	}
}

/* Underline links that are created in text editor */

.override .description a,
.override .html-description a,
.help-box.active :not(.close) a,
.override .queries :not(.open-help).a,
.override .receipt .info-box-message a,
#OperatingMessageBackgroundModule a {
	text-decoration: underline;
}


body.test-version::after {
    position: fixed;
    bottom: 3.4em;
    left: -3.4em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 100;
    background: #c00;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-top: .3em;
    padding-bottom: .3em;
    content: 'Testversion';
    padding-left: 4.9em;
    padding-right: 4.9em;
}