@CHARSET "ISO-8859-1";

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

.service-navigator li span {
}

.btn.btn-green {
	background: #4e8321;
}

.btn.btn-green:hover, .btn.btn-green:focus {
	background: #416f1c;
	border-top: 1px solid #4e8321;
  	box-shadow: inset 0 1px 0 #4e8321;
}

.btn.btn-light {
	background-color: #dcddde;
}

.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: #0E72B3;
}

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

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

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

header nav {
	background-color: #164679;
}

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

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

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

header .user .logged-in.active .toggler i {
	color: #424242;
}

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

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

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

header nav ul {
	padding: 0;
}

header nav ul li.active, header nav ul li.active.dd, header nav ul.right li.active {
	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;
}

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

.top.container p {
	margin-top: 0;
	margin-bottom: 0;
}

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

@media screen and (max-width: 767px) {
	.top.container img {
		height: 50px;
	}
	.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 {
	font-size: 16px;
	color: #FFF;
	background-color: #4DB474;
	background: #00467f none repeat scroll 0 0;
    box-shadow: 0 500px 0 500px #00467f;
}

footer h2 {
	font-size: 18px;
	margin-bottom: 14px;
}


footer .visibility-hidden {
	visibility: hidden;
}

footer > div {
	display: block;
	width: 100%;
	/* max-width: calc(1280px - 20%); */
	max-width: 1280px;
	margin: auto;
}

.footer {
	float: left;
	width: calc(25% - 6px);
}

.footercontainer {
	padding-bottom: 18px;
    padding-top: 18px;
    white-space: nowrap;
}

.footer.left, .footer.middle1, .footer.middle2 {
	border-right-color: #d8dadc;
    border-right-style: solid;
    border-right-width: 1px;
    min-height: 220px;
}
.footer.left {
	margin-left: 10px;
}
.footer.right {
	margin-right: 10px;
}
.footer.right img {
	margin-top: 5px;
	margin-right: 10px;
	
}

.footer.middle1 ul, .footer.middle2 ul {
	display: table;
	margin: auto;
}

.footer.right {
	text-align: right;
}

footer ul {
	padding: 0;
}

footer ul li {
	display: block;
	min-height: 30px;
	margin: 20px 1.5% 20px 1.5%;
	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 p {
	margin: 0px;
	line-height: 22px;
	
}

footer p.tiny {
	font-size: 11px;
}

footer ul li .footer-text {
	width: 82%;
	display: inline-block;
	margin-top: 0;
}

footer ul li .footer-text p {
	margin-top: 16px;
	margin-bottom: 10px;
	line-height: 1.4;
}

footer ul li .footer-text p span {
	display: block;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	footer ul li {
		width: 100%;
		margin: 20px 1.5% 20px 1.5%;
		min-height: 30px;
	}
	
	.footer {
		width: 46%;
	}
	
	.footer.left, .footer.middle1, .foter.middle2 {
		min-height: 252px;
	}
	
	.footer.middle1 {
		margin-left: 10px;
		border: none;
	}
	
	.footer.middle2 {
		margin-left: 10px;
	}
	
	.footer.middle1 ul {
    	margin: 0px;
    	width: 100%;
	}
	
	.footer.middle2 ul {
    	margin: 0 3px;
    	width: 100%;
	}
	
	.footer.right {
 	   text-align: left;
 	   margin-left: 10px;
	}
	
	.footer.right .floatright {
		float: left;
	}
	
	.footer.right img.floatright {
		float: left;
		margin-top: 5px;
    	margin-left: 10px;
	}
	
}

@media screen and (max-width: 412px) {
	.footer {
		width: 93%;
	}
	.footer.left, .footer.middle1, .footer.middle2 {
		border-right: none;
	
		border-bottom-color: #d8dadc;
	    border-bottom-style: solid;
	    border-bottom-width: 1px;
	}
	
	.footer.left, .footer.middle1, .footer.middle2 {
		min-height: auto;
	}
}

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

@media screen and (max-width: 1320px) and (min-width: 1004px) {
	footer {
		margin-top: 16px;
	}
}

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

.btn.btn-search, header .user .logged-out {
	background-color: #A0C7E6 !important;
}

.btn.btn-blue:hover,.btn.btn-search:hover,header .user .logged-out:hover,.btn.btn-blue:focus,.btn.btn-search:focus,header .user .logged-out:focus
{
	background-color: #0E72B3 !important;
	border-color: #0E72B3 !important;
	box-shadow: none !important;
}

.browsing .search-wrapper.flowbrowser .search-field {
	border-radius: 0;
	border: none;
	margin-left: 22% !important;
	width: calc(78% - 108px) !important;
	margin-top: 8px !important;
	padding-left: 15px !important;
	background-image: none;
}

.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: 50%;
}

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



/* Generated overrides */

/* 1. Sidhuvud */
header {
	background: #fbfbfb;
}
header .top {
	background-color: #fbfbfb;
}

/* 2. Menyrad */
header nav {
	background: #4c8221;
}
header nav ul li a, header nav ul.right li a i, header .user .logged-in h2, header .user .logged-in .toggler i  {
	color: #ffffff;
}

/* 3. Valt menyalternativ */
header nav ul li.active, header nav ul li.active.dd, header nav ul.right li.active, 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,
header nav ul li.selected, header nav ul li.selected.dd, header nav ul.right li.selected, header nav ul li:hover, header nav ul li.selected:hover, header nav ul li.selected.dd:hover, header nav ul.right li.selected:hover {
	background: #3a6218;
	color: #ffffff;
	border-right: 0px;
}
header nav ul li.active a, header nav ul li a:hover, header nav ul li a:focus {
	color: #ffffff !important;
}
header nav ul li.active .submenu ul li a, header nav ul li.active .submenu ul li.no-url {
	color: #424242 !important;
	background: #ffffff !important;
}

@media screen and (max-width: 767px) {
	header nav ul li.active a, header nav ul li a:hover, header nav ul li a:focus {
		color: #424242 !important;
	}
}

nav ul li i[title]:hover {
	color: 	#ffffff;
}

/* 4. Tjänstekort */
ul.flow-list li {
	color: #000000;	
}
.override ul.flow-list li .flow div > a {
	color: #303030;
}

ul.flow-list li, .filters-wrapper {
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* 5. Tjänstekort, botten */
.btn.btn-blue.btn-inline {
	background: #4e8321 !important;
	color: #ffffff;
	border-color: transparent !important;
}

 .btn.btn-blue.btn-inline:hover,  .btn.btn-blue.btn-inline:focus {
 	background: #416f1c !important;
 	border-radius: 0 !important;
 }
 
ul.flow-list li a.btn.btn-blue.btn-inline {
 	background: #ca8612 !important;
 	color: #FFF !important;
 	border-radius: 0;
}
ul.flow-list li a.btn.btn-blue.btn-inline:hover, ul.flow-list li a.btn.btn-blue.btn-inline:active, ul.flow-list li a.btn.btn-blue.btn-inline:focus {
	background: #ac720f !important;
}

.grid-view ul.flow-list li a.btn {
	height: 54px !important;
	padding: 18px 20px !important;
}

/* 6. Bakgrund mest anv. */
.browsing .popular-flows-wrapper {
	background: #e1f0d3;
}

/* 7.Bakgrund */
html, body {
	background: #e0e0e0;
	font-family: 'Open Sans', Sans Serif, Arial;
}

/* 8. Vald kategori - förgrund */
.filter-list ul li a.selected { 
	color: #2562b1 !important;
}

/* 8. Vald kategori - bakgrund */
.override .filter-list ul li a .count {
	line-height: 1.5;
	background-color: #757575;
}
.filter-list ul li a.selected .count {
	background: #237bbe !important;
}

/* 9. Sidfot */
footer {
	background: #58585B;
	color: #ffffff;
	border-bottom-color: #58585B;
	box-shadow: 0 500px 0 500px #58585B;
}
footer .container {
	background-color: #58585B;
}

/* 10. Inloggningsknapp */
header .user .logged-out {
	background: #3a6218 url(../images/login.png) no-repeat scroll 10px center / 21px !important;
	border-radius: 0 !important;
	font-size: 17px;
	font-weight: normal;
	padding-left: 37px !important;
}
header .user .logged-out i {
	display: none;
}
header .user .logged-out:hover {
	background-color: #2b4912 !important;
}
header .user .logged-out:focus {
	background-color: #2b4912 !important;
	border-color: #2b4912 !important;
}
header .user .logged-in .toggler {
	border: none;
	background-color: #4c8221;
}
header .user .logged-in .submenu ul li a:hover {
	color: #3996DB !important;
}
header .user .logged-in.active .toggler {
	border: none;
	background-color: #FFFFFF;
}
header .user .logged-in.active .toggler i {
	color: #424242;
}

/* 11. Sök-knapp */
.override .search-wrapper.flowbrowser .search-btn:hover, .override .search-wrapper.flowbrowser .search-btn:focus, .override .search-wrapper.flowbrowser .search-btn:active {
	background-color: #ac720f !important;
	border-top: 1px solid #ac720f !important;
	box-shadow: inset 0 1px 0 #ac720f !important;
}

.override .search-wrapper.flowbrowser .search-btn {
	background-color: #ac720f !important;
	right: -6px;
	top: 7.5px;
}

.override .search-wrapper.flowbrowser .search-btn.only-desktop {
	background: #ca8612 url(../images/search.png) no-repeat scroll 10px center !important;
	background-size: 21px !important;
	padding-right: 20px !important;
	padding-left: 44px !important;
}

.override .search-wrapper.flowbrowser .search-btn, .override .search-wrapper.flowbrowser .search-btn:hover, .override .search-wrapper.flowbrowser .search-btn:focus {
	padding: 8px 38px 9px 38px;
	border: none !important;
	border-radius: 0 !important;
	font-weight: normal;
	background-color: #ac720f !important;
}
.override .search-wrapper.flowbrowser .search-btn.only-tablet-mobile:hover, .override .search-wrapper.flowbrowser .search-btn.only-tablet-mobile:focus {
	padding: 11px 11px 11px;
}

/* 12. Bakgrund sökfält */

.search-wrapper.flowbrowser > .inner {
    padding: 20px 6px 20px 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    background-image: url(../images/service.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 20%;
}
header .user {
	padding-right: 0;
}
@media screen and (max-width: 1320px) {
	.search-wrapper.flowbrowser > .inner {
	    padding: 20px 16px 20px 0 !important;
	}
	header .user {
	    padding-right: 10px;
	}
	.search-wrapper.flowbrowser > .inner {
		background-position: 10px center;
	}
}
.search-wrapper.flowbrowser, .search-wrapper.flowbrowser > .inner {
	background-color: #e0e0e0 !important;
}

.browsing .search-wrapper .recommended-searches {
	color: #333 !important;
	display: none;
}
.search-wrapper.flowbrowser .recommended-searches a {
	color: #333 !important;
}
.browsing .top-content {
	padding-top: 0px !important;
}

@media screen and (max-width: 1004px) {
	.browsing .search-wrapper.flowbrowser .search-field {
		width: calc(85% - 120px) !important;
	}
	
	.override .search-wrapper.flowbrowser .search-btn .search-icon {
	    background: #ac720f url(../images/search.png) no-repeat scroll 2px center !important;
	    background-size: 21px !important;
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	    height: 23px;
    }
}

@media screen and (max-width: 767px) {
	header nav #toggle-primary {
		padding: 0 24px 0 7px;
	}
	.browsing .search-wrapper .search-btn {
    	top: 52px !important;
    	right: -6px !important;
	}
	.browsing .search-wrapper.flowbrowser .search-field {
		margin-left: 10px !important;
		width: calc(100% - 67px) !important;
		margin-top: 17% !important;
	}
	.browsing .search-wrapper.flowbrowser > .inner {
		background-position: 10px 20px !important;
		background-size: 50% !important;
		margin-bottom: 0 !important;
	}
	.browsing .search-wrapper.flowbrowser > .inner h2 {
		display: none !important;
	}
	.browsing .search-wrapper.flowbrowser .search-btn {
		bottom: 0 !important;
		top: unset !important;
	}
	
	/* .browsing .icons.only-desktop-tablet {
		display: inline-block !important;
	} */
	
	.browsing ul.flow-list li .flow h2 {
		display: inline !important;
	}
	
	.search-wrapper.flowbrowser .search-btn .search-icon {
		height: 23px !important;
	}

	.override .grid-view ul.flow-list li .flow {
		display: flex;
	}
	.override .grid-view ul.flow-list li .flow figure {
		flex-shrink: 0;
	}
	.override .grid-view ul.flow-list li .flow a.only-mobile {
		height: 100% !important;
	}
}

/* 13. Bakgrund sökresultat */
.search-wrapper.flowbrowser .search-result-wrapper {
	background: #c1c1c1;
}

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

/* 15. Rensa filter */
.clear-filter-btn {
	background-color: #eb0000 !important;
}
.clear-filter-btn.disabled {
	background-color: #ccc !important;
}
.btn.btn-red {
	background-color: #eb0000;
}
.btn.btn-red:hover, .btn.btn-red:focus {
	background-color: #cc0000;
	border-top: 1px solid #eb0000;
	box-shadow: inset 0 1px 0 #eb0000;
}

/* Custom */

@media screen and (max-width: 768px) {
	.override header .user {
		padding-top: 11px;
		
	}
	.override  header .user .logged-out {
		padding: 6px 17px 7px 20px;
	}
}

.override  header nav ul li a, .override  header .user .logged-in h2, .override  .override header .user .logged-in .submenu ul li a {
    font-size: 15.6px;
    font-weight: normal;
}

header nav ul li .submenu ul li a, header .user .submenu ul li a {
	font-size: 14px;
}

.override .popular-flows-wrapper .inner > h2 {
	font-size: 16px;
}

.override ul.flow-list li h2 {
	font-size: 16px;
}

.override .list-view ul.flow-list li .flow {
	display: flex;
}
.override .list-view ul.flow-list li .flow figure {
	flex-shrink: 0;
}

section.flowtype > .heading-wrapper > h2, section.targetgroup > h2 {
	
}

.override ul.flow-list li .description p {
	font-size: 13px;
}

.override .filter-list h2, section.flowtype > .heading-wrapper > h2, section.targetgroup > h2 {
	font-size: 16px;
}

.override a.show-all-btn, .override a.show-fewer-btn {
    color: #2562b1;
}

.override .settings select {
	border-radius: 0 !important;
	border: none;
}

.override .settings label {
	/*font-size: 15px;*/
}

.override a.submenu-trigger {
	text-transform: none !important;
}

.override header nav ul.right li a {
	padding: 13px 11px 13.5px;
}

.override .notification-menu, .override .notification-menu .bordered-link, .override .notification-menu article a {
	color: #424242 !important;
	text-transform: none;
}

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

.override .filters-wrapper section, .override .views-wrapper section {
	box-shadow: none;
}

.override .section-inside .heading-wrapper .heading h1, .section-inside .heading-wrapper .heading h2.h1 {
	line-height: 1.3;
}

.override input[type="radio"]:checked + label::before {
	line-height: 15.6px;
}

.override ul.flow-list li figure img {
	border-radius: 50% !important;
	overflow: hidden;
}

.override ul.flow-list li a.btn.btn-blue.btn-inline {
	text-align: right;
}

.start-flow-panel .btn.btn-green {
	background: #4e8321;
}

.start-flow-panel .btn.btn-green:hover, .start-flow-panel .btn.btn-green:active, .start-flow-panel .btn.btn-green:focus {
	background: #416f1c;
	border-top: 1px solid #4e8321;
    box-shadow: inset 0 1px 0 #4e8321;
}

header nav #toggle-primary i {
    font-size: 33px;
    padding-top: 7px;
    padding-left: 7px;
    font-weight: normal;
    vertical-align: middle;
}