/******************************************************
Inproxad funktion för blanketter
******************************************************/

.csn-blanketter div.markera{
    display: block;
    clear: both;
    margin: 1.5rem 0 0 0;
    padding: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffffff;
}

.csn-blanketter table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    border: 1px #c4c4c4 solid;
    word-wrap: break-word;
}

.csn-blanketter table caption {
    padding-bottom: 4px;
    font-weight: 700;
    text-align: left;
    color: #555;
}

.csn-blanketter table th {
    background: #f2f2f2;
    text-align: left;
}

.csn-blanketter table th.markeraTabell {
    background: none repeat scroll 0 0 #f2f2f2;
}

.csn-blanketter table th, .csn-blanketter table td {
    border: 1px #c4c4c4 solid;
    padding: 1rem;
    vertical-align: top;
}

.csn-blanketter a.attachment {
    padding: 2px 0 6px 2px;
}

.csn-blanketter span.vertikalDelare {
    width: 1px;
    height: 10px;
    border-left: 1px solid #a7a7a7;
    margin: 0 .1em 0 .5em;
}

.csn-blanketter span.textInaktiv {
    color: #888;
}

.csn-blanketter .hogerjusterad {
    text-align: right;
}

.csn-blanketter .centerjusterad {
    text-align: center;
}

.csn-blanketter ul {
    list-style-type: none;
    background: #ffffff;
    padding: 2rem 1rem 1rem 0;
    margin-top: 0;
    border-radius: 2px;
}

.csn-blanketter ul li {
    margin: 0 0 .2em;
    padding: 0 0 0 1.2em;
    line-height: 1.5em;
}

.csn-blanketter ul li a {
    display: inline-block;
    position: relative;
    margin-left: -1.5em;
    padding-left: 1.5em;
}
   
.csn-blanketter .auralText {
    left: -9999px !important;
    overflow: hidden;
    width: 0;
    position: absolute;
}

.csn-blanketter div.boxTopp {
    padding: 1px 3px 0 3px;
    overflow: hidden;
}

.csn-blanketter div.boxTopp ul {
    list-style-type: none;
    margin: .3em 0 .7em .1em;
    padding: 0;
}
.boxTopp > ul{
    background: #ffffff;
}
.csn-blanketter div.boxTopp ul li {
    float: left;
    background-image: none;
    padding: 0;
    margin: 0 8px 0 0;
}

.csn-blanketter div.boxTopp ul li .active {
    text-decoration: none;
    background-color: #75c5c9;
    border-bottom: 1px solid #eeeeee;
}
.csn-blanketter div.boxTopp ul li a {
    float: left;
    padding: 4px 9px 3px 9px;
    border-radius: 2px;
    background-color: #eeeeee;
    margin-left: 0px;
    color: #000;
    background-image: none;
    text-decoration: none;
}


.csn-blanketter h3 {
    margin: .2em 0 .1em;
    font-size: 1em;
    font-weight: bold;
}

.csn-blanketter .markera h2 {
    margin-top: 0;
    margin-bottom: .5em;
}

.csn-allablanketter .w85p {
    width: 85%;
}

.csn-blanketter p {
    font-family: -apple-system,"san francisco","segoe ui",roboto,"helvetica neue",system,arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.25rem;
    color: #333333;
    line-height: 1.4;
}

.csn-blanketter a {
    color: #00767d;
}

.csn-blanketter a[href^="http"]::after {
	content: '';
	display: inline-block;
	background-image: url('/images/18.62fc105b15ddecaf46f166ea/ic_launch_turkos_24px.svg');
	background-size: 14px;
	/* background-position: 0 6px; */
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	position: relative;
	vertical-align: top;
	top: 6px;
}

.paragraphs > h2{
   margin-bottom:8px !important;
}
@media all and (max-width: 768px) {
   .csn-blanketter p{
      font-size: 1rem;
   }
   .csn-blanketter h1{
      font-size: 32px !important;
   }
   .csn-blanketter h2{
      font-size: 24px !important;
   }
}

