/*
COLORS

JP-blue: 				#004b8d;
Links: 					#004b8d;
Text: 					#1a1a1a;
Gray: 					#808080;

arbetsmiljonet:			#e5738f;
arbetsrattsnet:			#f26f7a;
brottmalsnet:			#54c4d6;
djurnet:				#d0d92b;
eunet:					#219ed9;
familjenet:				#694cbf;
fastighetsnet:			#9fd92b;
foretagarnet:			#d97c2b;
forvaltningsnet: 		#d9682b;
immaterialnet:			#1d76c4;
insolvensnet:			#38c77f;
itnet:					#3288c9;
juridiknet:				#1b6db5;
kommentarer:			#2bb6d9;
livsmedelsnet:			#6bd149;
marknadsnet:			#0965b5;
migrationsnet:			#8360bf;
miljonet:				#52cc52;
momsnet:				#45c49e;
polisnet:				#2ba8d9;
raddningsnet:			#44c244;
sakerhetsnet:			#44c244;
rattsfallsnet:			#005cad;
samhallsbyggnadsnet:	#39bd39;
serveringstillstandsnet:#9369bf;
sjukvardsnet:			#e58ade;
skattenet: 				#44bec2;
skolnet: 				#d92b2b;
socialnet: 				#b07dd1;
socialforsakringsnet:	#c57bd4;
trafiknet: 				#32c262;
upphandlingsnet:		#4246a6;
myndighetsbeslut:		#d9a52b;
hrnet:					#f26fa6;
skadestandsnet:         #4ec3e0;
*/

/* Viewport settings for IE10 and Opera Mobile 11+ */
@-ms-viewport { width:device-width; zoom:1.0; }
@-o-viewport  { width:device-width; zoom:1.0; }
@viewport     { width:device-width; zoom:1.0; }

/* RESET
 * Resets and basic typography and colors
================================================================================ */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}
address,dl,fieldset,p,pre,ul,ol,table {
	margin: 0 0 24px;
}
@media only screen and (min-width: 1280px) {
	address,dl,fieldset,p,pre,ul,ol,table {
		margin: 0 0 28px;
	}
}
ul, ol, dd {
	margin-left: 0;
}
dd {
	margin-bottom: 20px;
}
.article ul {
	list-style: none;
}
.article ul li {
	background: url(/static/i/li.png) 0 6px no-repeat;
	padding: 0 0 12px 24px;
}
.svg .article ul li {
	background-image: url(/static/i/li.svg);
}
.article ol li {
	padding: 0 0 12px 12px;
	margin-left: 12px;
}
.article.article--list-alternative ul li {
	background-position: 17px 9px;
	padding: 0 0 14px 56px;
}
.article.article--list-alternative ul li.list-alternative {
	padding-left:0;
	background:none;
}
@media only screen and (min-width: 1280px) {
	.article ul li {
		background-position: 0 9px;
		padding: 0 0 14px 28px;
	}
}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {
	margin-bottom:0;
}
.h2 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.3;
}
.h3 {
	font-size: 1.17em;
	font-weight: 400;
	line-height: 1.3;
}
blockquote {
	color: #454545;
	font: 24px/30px 'Myriad W01 It', sans-serif;
}
	blockquote .quotee {
		color: #1a1a1a;
		font: 16px/24px 'Myriad W01 Regular', sans-serif;
		margin-top: -18px;
	}
	blockquote .quotee span {
		display: block;
		}
		blockquote .quotee span.title {
			font-family: 'Myriad W01 It', sans-serif;
		}
@media only screen and (min-width: 1280px) {
	blockquote {
		font-size: 28px;
		line-height: 35px;
		}
		blockquote .quotee {
			font-size: 19px;
			line-height: 28px;
			margin-top: -14px;
		}
}
@media only screen and (max-width: 767px) {
	blockquote {
		font-size: 20px;
		line-height: 24px;
		}
		blockquote .quotee {
			font-size: 16px;
			line-height: 24px;
		}
}
img {
	border:none;
	height: auto;
	max-width: 100%;
}
html,
body {
	color: #1a1a1a;
	background: #fff;
	}
	body.menu-open {
		overflow: hidden;
	}
html {
	font: 16px/24px 'Myriad W01 Regular', sans-serif;
}
@media only screen and (min-width: 1280px) {
	html {
		font-size: 19px;
		line-height: 28px;
	}
}
hr {
	border: none;
	height: 1px;
	color: #d9d9d9;
	background-color: #d9d9d9;
}
h1,h2,h3,h4,h5,h6 {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	font-weight: normal;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {
	margin-top:0;
}

/* H1 */
h1,
.service h1.level-one {
	font: 63px/60px 'Myriad W01 Lt', sans-serif;
	margin: 0 0 36px;
	}
	.m-h h1.level-one {
		margin: 0 0 24px;
	}

/* H2 */
.service h1,
.layout-2 h1 {
	font: 39px/36px 'Myriad W01 Bd', sans-serif;
	margin: 0;
	}
	.layout-1 h1 {
		margin: 0 0 12px;
	}
	.service .article h1 {
		line-height: 48px;
		margin: 0 0 36px;
	}

@media only screen and (min-width: 1280px) {
	/* H1 */
	h1,
	.service h1.level-one {
		font: 73px/70px 'Myriad W01 Lt', sans-serif;
		margin: 0 0 42px;
		}
		.m-h h1.level-one {
			margin: 0 0 28px;
		}
	/* H2 */
	.service h1,
	.layout-2 h1 {
		font: 45px/49px 'Myriad W01 Bd', sans-serif;
		margin: 0;
		}
		.layout-1 h1 {
			margin: 0 0 14px;
		}
		.service .article h1 {
			line-height: 49px;
			margin: 0 -210px 42px 0;
		}
}

@media only screen and (max-width: 767px) {
	/* H1 */
	h1,
	.service h1.level-one {
		font: 36px/36px 'Myriad W01 Lt', sans-serif;
		margin: 0 0 24px;
		}
		.m-h h1.level-one {
			margin: 0;
		}

	/* H2 */
	.service h1,
	.layout-2 h1 {
		font-size: 24px;
		line-height: 24px;
	}
	.service .article h1 {
		line-height: 24px;
	}
}
/* Erronous H1 i Document */
#body .unformatted h1 {
	font: 24px/24px 'Myriad W01 Lt', sans-serif;
	line-height: 24px;
	margin: 0 0 24px;
}
@media only screen and (min-width: 1280px) {
	#body .unformatted h1 {
		font: 28px/28px 'Myriad W01 Lt', sans-serif;
		line-height: 28px;
		margin: 0 0 28px;
	}
}
/* H3 */
.m .m-c h2,
.m.m-list .m-c .promoted h3,
.article h2,
.collapsable-block > h2,
.layout-5.search .content-1 > h2,
.layout-3.course-calendar .content-2-2 div > h2,
.filtering > h2,
.title--bold {
	font: 24px/24px 'Myriad W01 Bd', sans-serif;
}
.article h2 {
		padding: 12px 0;
}
.article .m + h2 {
	padding-top: 0;
}
.collapsable-block > h2 {
	padding: 24px 0 36px;
}
.collapsable-block > h2:first-child {
	padding-top: 0;
}
.collapsable-block > p.toggle-all + h2 {
	padding-top: 12px;
}
.layout-5.search .content-1 > h2,
.layout-3.course-calendar .content-2-2 div > h2,
.filtering > h2 {
	padding: 0 0 36px;
}
.filtering > h2.collapsed {
	padding: 0 0 12px;
}

@media only screen and (min-width: 1280px) {
	.m .m-c h2,
	.m.m-list .m-c .promoted h3,
	.collapsable-block > h2,
	.layout-5.search .content-1 > h2,
	.layout-3.course-calendar .content-2-2 div > h2 {
		font: 28px/28px 'Myriad W01 Bd', sans-serif;
		}
		.article h2 {
			padding: 14px 0;
			}
			.article .m + h2 {
				padding-top: 0;
			}
		.collapsable-block > h2 {
			padding: 28px 0 42px;
			}
			.collapsable-block > h2:first-child {
				padding-top: 0;
			}
			.collapsable-block > p.toggle-all + h2 {
				padding-top: 14px;
			}
		.layout-5.search .content-1 > h2,
		.layout-3.course-calendar .content-2-2 div > h2 {
			padding: 0 0 42px;
		}
}

@media only screen and (max-width: 767px) {
	.m .m-c h2,
	.m.m-list .m-c .promoted h3,
	.article h2,
	.collapsable-block > h2,
	.layout-5.search .content-1 > h2,
	.layout-3.course-calendar .content-2-2 div > h2,
	.filtering > h2 {
		font-size: 20px;
		line-height: 24px;
		}
		.filtering > h2 {
			vertical-align: top;
		}
}
/* H4 */
.m .m-h h2,
.m .m-h h3,
.category,
.unformatted h3 {
	font: 16px/24px 'Myriad W01 Bd', sans-serif;
	text-transform: uppercase;
}
.unformatted h3 {
	border-bottom: 1px solid #1a1a1a;
	margin-bottom: 24px;
	padding-bottom: 11px;
	padding-top: 24px;
}
@media only screen and (min-width: 1280px) {
	.m .m-h h2,
	.m .m-h h3,
	.category,
	.unformatted h3 {
		font: 19px/28px 'Myriad W01 Bd', sans-serif;
		text-transform: uppercase;
	}
	.unformatted h3 {
		border-bottom: 1px solid #1a1a1a;
		margin-bottom: 28px;
		padding-bottom: 13px;
		padding-top: 28px;
	}
}
/* H5 */
h4,
.m.m-list .m-c h3 {
	font: 16px/24px 'Myriad W01 Bd', sans-serif;
	}
	.m-list .m-c > h4 {
		margin: 36px 0 24px;
		}
		.m-list .m-c > h4:first-child {
			margin-top: 0;
		}
	.unformatted h4 {
		margin-bottom: 24px;
	}
@media only screen and (min-width: 1280px) {
	h4,
	.m.m-list .m-c h3 {
		font: 19px/28px 'Myriad W01 Bd', sans-serif;
		}
		.m-list .m-c > h4 {
			margin: 42px 0 28px;
			}
			.m-list .m-c > h4:first-child {
				margin-top: 0;
			}
		.unformatted h4 {
			margin-bottom: 28px;
		}
}
/* H6 */
.unformatted h5 {
	font-family: 'Myriad W01 It', sans-serif;
	font-size: 16px;
}
.m-list li h5 {
	font-size: 16px;
}
@media only screen and (min-width: 1280px) {
	.unformatted h5 {
		font-size: 19px;
	}
	.m-list li h5 {
		font-size: 19px;
	}
}
/* H7 */
.unformatted h6 {
	color: #808080;
	font-size: 16px;
}
@media only screen and (min-width: 1280px) {
	.unformatted h6 {
		font-size: 19px;
	}
}

/* unformatted next to module */
.unformatted + .m {
	padding-top: 24px;
}
@media only screen and (min-width: 1280px) {
	.unformatted + .m {
		padding-top: 28px;
	}
}


/* TOC */
.m.m-toc .m-c h3 {
	font-size: 16px;
}
@media only screen and (min-width: 1280px) {
	.m.m-toc .m-c h3 {
		font-size: 19px;
	}
}

/* Services */
ul.services li a,
#service,
.m-teasers li h3,
#favs > div > ul > li,
.service-title {
	font-family: 'Myriad W01 Lt', sans-serif;
	text-transform: uppercase;
}
ul.services .topic,
#service .topic,
.default #service,
.m-teasers li h3 .topic,
#favs li .topic,
.service-title > span {
	font-family: 'Myriad W01 Bd', sans-serif;
}

legend {
	display:table; /* Enable line-wrapping in IE8+ */
	white-space:normal; /* Enable line-wrapping in other browsers */
}
label {
	display:block;
}
b,strong {
	font-family: 'Myriad W01 Bd', sans-serif;
	font-weight: normal;
}
i,em {
	font-family: 'Myriad W01 It', sans-serif;
	font-style: normal;
}
input,button,textarea,select {
	font:inherit;
}

input[disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Reset search input look in webkit, making it possible to style it as a normal text input */
input[type=search] {
	-webkit-appearance:none;
	-webkit-box-sizing:content-box;
}
input[type=submit],
button {
	-webkit-appearance:none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display:none;
}
/* Placeholder styling for gecko */
input:-moz-placeholder,
textarea:-moz-placeholder {
	color:#888;
}
/* Placeholder styling for webkit */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#888;
}
/* Placeholder styling for browser without native support */
input.placeholder,
textarea.placeholder {
	color:#888;
}
/* Reset extra padding on gecko buttons */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	border:0;
	padding:0;
}

/* COLUMNS
================================================================================ */
.row {
	margin-bottom: 24px;
}
.row.submit {
	border-top: 1px solid #eee;
	margin-top: -1px;
	padding: 24px 0 0;
	text-align: right;
}
.row .row {
	margin-bottom: 12px;
}
.row--no-margin[class] {
	margin: 0;
}
.col {
	padding: 0 0 12px;
}
.form-general > .row + .row > .col:not(.col--no-border) {
	border-top: 1px solid #d1d1d1;
	margin-top: -1px;
	padding: 24px 0 0;
}
.col .col {
	padding: 0;
}
.cols-2 .col {
	float: left;
	width: 48.22335%;
}
.cols-2 .col-2 {
	float: right;
}
.col .cols-2 .col {
	width: 46.315789%;
}
.cols-3 .col {
	width: 31%;
	float: left;
}
.cols-3 .col-span-2 {
	width: 65%;
}
.cols-3 .col:last-child {
	float: right;
}
.cols-4 .col {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.cols-4 .col-4 {
	float: right;
}
.col .cols-4 .col {
	width: 23%;
	padding: 0 1% 0 0;
}


@media only screen and (min-width: 1280px) {
	.row {
		margin-bottom: 28px;
	}
	.row.submit {
		padding: 28px 0 0;
	}
	.row .row {
		margin-bottom: 14px;
	}
	.row--margin-xl {
		margin-bottom: 48px;
	}
	.col {
		padding: 0 0 14px;
	}
	.form-general > .row + .row > .col {
		padding: 28px 0 0;
	}
}
@media only screen and (max-width: 1023px) {
	.cols-2 .col {
		width: 100%;
	}
	.col .cols-2 .col {
		width: 145px;
	}
	.cols-2 .col-2 {
		float: none;
	}
}
@media only screen and (max-width: 767px) {
	.form-general > .row + .row > .col {
		padding-bottom: 24px;
	}
	.cols-2 .col {
		float: none;
		width: auto;
	}
	.col .cols-2 .col {
		float: left;
		width: calc(50% - 10px);
	}
	.row .cols-2 .col-2 {
		float: right;
	}
	.cols-3 .col {
		width: 100%;
	}
	.col .cols-4 .col {
		width: 47%;
	}
	input + fieldset {
		margin: 0 0 24px;
	}
}

@media only screen and (max-width: 479px) {
	.col .cols-2 .col {
		float: none;
		width: auto;
	}
	.col .cols-3 .col {
		float: none;
		width: auto;
		display: block;
	}
	.col .cols-4 .col {
		float: none;
		width: auto;
		display: block;
	}
}



/* GLOBAL CLASSES
================================================================================ */
/* Easy clearing of floats
 * See http://positioniseverything.net/easyclearing.html
-------------------------------------------------------------- */
.cf:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:" ";
	font-size:0;
}


/* Structural elements
 * Not visible when CSS is enabled but visible for screen readers
-------------------------------------------------------------- */
.structural,
.structural > *,
.js .js-structural,
.js .js-structural > * {
	position:absolute;
	left:-9999px;
}


/* Elements hidden on mobile
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	[data-hide-in-mobile] {
		position:absolute;
		left:-9999px;
	}
}


/* Clear elements
 * Used by content editors in TinyMCE
-------------------------------------------------------------- */
.clear {
	clear:both;
}
.pos-rel {
	position: relative;
}

/* Nowrap
 * Prevent line breaking, used by content editors in TinyMCE
-------------------------------------------------------------- */
.nowrap {
	white-space:nowrap;
}


/* Article
-------------------------------------------------------------- */
.article {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

/* Custom overrides and styling
-------------------------------------------------------------- */
#favs li p {
    margin: 0;
}
#favs li.empty p {
	font-family: 'Myriad W01 It', sans-serif;
	text-transform: none;
}
.ingress {
	font-family: 'Myriad W01 Bd', sans-serif;
	font-weight: normal;
}

b > i, b > em, strong > i, strong > em,
i > b, em > b, i > strong, em > strong {
    font-family: 'Myriad W01 Bd It', sans-serif;
    font-weight: normal;
    font-style: normal;
}

#body .unformatted-public h1 {
	font: 34px/34px 'Myriad W01 Lt', sans-serif;
	line-height: 34px;
	margin: 0 0 34px;
}

@media only screen and (min-width: 1280px) {
	#body .unformatted-public h1 {
		font: 38px/38px 'Myriad W01 Lt', sans-serif;
		line-height: 38px;
		margin: 0 0 38px;
	}
}

#body .unformatted-public h2 {
	font: 16px/24px 'Myriad W01 Bd', sans-serif;
	text-transform: uppercase;
}
#body .unformatted-public h2 {
	border-bottom: 1px solid #1a1a1a;
	margin-bottom: 24px;
	padding-bottom: 11px;
}

@media only screen and (min-width: 1280px) {
	#body .unformatted-public h2 {
		font: 19px/28px 'Myriad W01 Bd', sans-serif;
		text-transform: uppercase;
	}
	#body .unformatted-public h2 {
		border-bottom: 1px solid #1a1a1a;
		margin-bottom: 28px;
		padding-bottom: 13px;
	}
}
#body .unformatted-public h3 {
	font-family: 'Myriad W01 It', sans-serif;
	font-size: 16px;
}

@media only screen and (min-width: 1280px) {
	#body .unformatted-public h3 {
		font-size: 19px;
	}
}

#body .unformatted-public.lawyer-course img {
	width: 100%;
}

.statusMessege {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.statusMessegeInnerLeft {
    float: left;
    width: 65%;
}

.statusMessegeInnerRight {
    float: right;
    width: 35%;
}