/******************************************************
Kontaktkort
******************************************************/
.csn-contact-frame {
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
   border-color: #e0e0e0;
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.10);
   margin-bottom: 1rem;
}

/******************************************************
E-tjänstkort
******************************************************/
.csn-form-frame a,
.csn-padlock-frame a,
.csn-nopadlock-frame a {
   background: #ffd164;
   color: #222 !important;
   display: block;
   max-width: 310px;
   padding: 0.7rem 2.5rem 0.7rem 1rem;
   position: relative;
   text-align: left;
   font-size: 1rem !important;
   line-height: 1.4;
   text-decoration: none !important;
   cursor: pointer;
   border: none;
   border-right: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 2px;
   margin-top: 1.5rem;
   margin-bottom: 1rem;
}

.csn-utfallbar-yta-h2 .csn-form-frame a,
.csn-utfallbar-yta-h2 .csn-padlock-frame a,
.csn-utfallbar-yta-h2 .csn-nopadlock-frame a,
.csn-utfallbar-yta-h3 .csn-form-frame a,
.csn-utfallbar-yta-h3 .csn-padlock-frame a,
.csn-utfallbar-yta-h3 .csn-nopadlock-frame a,
.csn-utfallbar-yta-h4 .csn-form-frame a,
.csn-utfallbar-yta-h4 .csn-padlock-frame a,
.csn-utfallbar-yta-h4 .csn-nopadlock-frame a {
   margin-top: 0;
}

.csn-form-frame a:active,
.csn-padlock-frame a:active,
.csn-nopadlock-frame a:active {
   opacity: 0.8;
}

.csn-form-frame a + span,
.csn-padlock-frame + span,
.csn-nopadlock-frame + span {
   display: none;
}

html .pagecontent .sv-text-portlet.csn-form-frame a[href]:after,
html .pagecontent .sv-text-portlet.csn-padlock-frame a[href]:after {
   position: absolute;
   top: 50%;
   margin-top: -12px;
   right: .7rem;
   vertical-align: middle;
   display: inline;
   content: '';
   background-repeat: no-repeat;
   background-size: 24px 24px;
   min-width: 24px;
   min-height: 24px;
   background: url('/images/18.2bc92e1f15a2288a5b669/ic_lock_outline_black_24px.svg');
   opacity: 0.7;
}

html .pagecontent .sv-text-portlet.csn-nopadlock-frame a[href]:after {
   display: none;
}
   
html .csn-form-frame a {
   background: #75c5c9;
}

html .csn-form-frame a:after {
   background: url('/images/18.2bc92e1f15a2288a5b615f2/ic_document_black_24px.svg') !important;
}

/******************************************************
Högerställ för språk
******************************************************/

html[lang="ar"] .csn-padlock-frame,
html[lang="prs"] .csn-padlock-frame,
html[lang="fa"] .csn-padlock-frame,
html[lang="ps"] .csn-padlock-frame,
html[lang="yi"] .csn-padlock-frame {
   direction: rtl;
}