/******************************************************
Partner - Panel
******************************************************/
.csn-partner-panel {
   padding: 1em;
   margin-bottom: 1rem;
   background: #fdfdfd;
   box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
}

.csn-partner-panel--opaddad {
   padding: 0;
}

.csn-partner-panel--lila {
   background: #780a5a;
   box-shadow: none;
}

.csn-partner-panel--rosa {
   background: #ffeaec;
   box-shadow: none;
}

.csn-partner-panel--gra {
   background: #eeeeee;
   box-shadow: none;
}

.csn-partner-panel .sv-text-portlet:first-of-type .csn-formatmall-rubrik-2-puff:first-child {
    margin-bottom: 1rem;
}

.csn-partner-panel.csn-partner-panel--opaddad .sv-text-portlet:first-of-type .csn-formatmall-rubrik-2-puff:first-child {
   margin: 0;
   padding: 1rem 1rem 0.8rem 1rem;
}

.csn-partner-panel--opaddad.csn-partner-panel--gra .sv-text-portlet:first-of-type .csn-formatmall-rubrik-2-puff:first-child,
.csn-partner-panel--opaddad.csn-partner-panel--rosa .sv-text-portlet:first-of-type .csn-formatmall-rubrik-2-puff:first-child,
.csn-partner-panel--opaddad.csn-partner-panel--lila .sv-text-portlet:first-of-type .csn-formatmall-rubrik-2-puff:first-child {
   background: #e0e0e0;
   background: rgba(0, 0, 0, 0.05);
}

/******************************************************
Partner - För privatpersoner (Aktuellt just nu)
******************************************************/
.csn-partner-panel .csn-aktuellt-kolumn-1 {
   margin-right: 0;
}

/******************************************************
Partner - Panel ikoner
******************************************************/
.csn-partner-panel--ikon-fragor h2:before,
.csn-partner-panel--ikon-dokument h2:before,
.csn-partner-panel--ikon-filmer h2:before,
.csn-partner-panel--ikon-nyheter h2:before,
.csn-partner-panel--ikon-privat h2:before,
.csn-partner-panel--ikon-print h2:before {
   content: '';
   display: block;
   background-size: 24px 24px;
   width: 24px;
   height: 24px;
   margin: -3px 6px 0 -3px;
   float: left;
   opacity: 0.5;
}

.csn-partner-panel--ikon-fragor h2:before {
   background-image: url('/images/18.2098c27216269538309fa8/ic_help_black_24px.svg');
   margin: -2px 6px 0 -3px;
}

.csn-partner-panel--ikon-dokument h2:before {
   background-image: url('/images/18.2bc92e1f15a2288a5b615f2/ic_document_black_24px.svg');
}

.csn-partner-panel--ikon-filmer h2:before {
   background-image: url('/images/18.2098c27216269538309fa7/ic_play_circle_filled_black_24px.svg');
}

.csn-partner-panel--ikon-nyheter h2:before {
   background-image: url('/images/18.62fc105b15ddecaf46f187d0/ic_date_range_black_24px.svg');
}

.csn-partner-panel--ikon-print h2:before {
   background-image: url('/images/18.2098c27216269538309fa6/ic_print_black_24px.svg');
}

/******************************************************
Partner - Mindre brödtextstorlek, och punktlista i textmodul
******************************************************/
.csn-partner-panel .csn-formatmall-brodtext,
.csn-partner-panel .csn-formatmall-brodtext-liten {
   font-size: 16px;
   line-height: 1.4;
}

.csn-partner-panel ol,
.csn-partner-panel ul {
   list-style-type: disc !important;
   margin-bottom: 0 !important;
   padding-left: 20px !important;
   font-size: 16px;
   line-height: 1.4;
}

.csn-partner-panel ol li,
.csn-partner-panel ul li {
   margin: 0 0 12px 0 !important;
   padding: 0 !important;
   color: #666;
}

.csn-partner-panel .sv-nestedlistmenu-portlet ul li span {
   white-space: nowrap;   
}

/******************************************************
Partner - Sökformulär
******************************************************/
.csn-partner-panel__search {
   display: table;
   width: 100%;
   border-collapse: collapse;
}

.csn-partner-panel__search div {
   display: table-cell;
   vertical-align: top;
}

.csn-partner-panel__search div:nth-child(2) {
   display: table-cell;
   width: 100px;
   padding-left: 0.5rem;
}

.csn-partner-panel__search div input {
   width: 100%;
}

/******************************************************
Partner - Bottenlänkar i panel
******************************************************/
.csn-partner-panel__bottenlankar {
   background: #e0e0e0;
   background: rgba(0, 0, 0, 0.025);
   border-top: 1px solid #e0e0e0;
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   padding: 1rem 1rem 1.2rem 1rem;
}

.csn-partner-panel__bottenlankar p {
   margin: 0.75rem 0 0 0 !important;
}

.csn-partner-panel__bottenlankar p:first-child {
   margin: 0 !important;
}

.csn-partner-panel__bottenlankar a {
   color: #707070 !important;
}

.csn-partner-panel__bottenlankar a:before {
   content: '';
   display: block;
   width: 16px;
   height: 16px;
   background: url('/images/18.448c6fa015890d2c81f471/ic_arrow_forward_black_24px.svg');
   background-size: 16px 16px;
   float: left;
   margin-top: 3px;
   margin-right: 5px;
   opacity: 0.75;
}

/******************************************************
Partner - Panellänk
******************************************************/
.csn-partner-panellank {
   position: relative;
   display: block;
   padding: 1rem 4rem 1rem 1rem;
   text-decoration: none;
}

.csn-partner-panellank__rubrik {
   display: inline;
   font-family: "akkurat pro",system,-apple-system,"san francisco",roboto,"segoe ui","helvetica neue",arial,sans-serif;
   font-weight: bold;
   font-size: 1.125rem;
   color: #780a5a !important;
   line-height: 1.5;
   padding-bottom: 2px;
   border-bottom: 2px solid;
}

.csn-partner-panel--lila .csn-partner-panellank__rubrik,
.csn-partner-panel--lila .csn-partner-panellank__beskrivning {
   color: #fff !important;
}

.csn-partner-panellank::after {
   content: '';
   display: block;
   width: 32px;
   height: 32px;
   position: absolute;
   right: 1rem;
   top: 50%;
   margin-top: -16px;
   background-image: url('/images/18.2098c27216269538309fd0/ic_arrow_forward_purple_24px.svg');
   background-size: 32px 32px;
}

.csn-partner-panellank.csn-partner-panel--lila::after {
   background-image: url('/images/18.7ec678a615ad7334aa91cf/ic_arrow_upward_white_24px.svg');
   transform: rotate(90deg);
}

/******************************************************
Partner - Utfällbara ytor
******************************************************/
.csn-partner-panel .csn-utfallbar-yta-partner-wrapper {
   border-left: 0;
   margin-left: 0;
   padding-left: 1rem;
   padding-right: 1rem;
}

.csn-partner-panel .csn-utfallbar-yta-partner-h2,
.csn-partner-panel .csn-utfallbar-yta-partner-h3,
.csn-partner-panel .csn-utfallbar-yta-partner-h4 {
   border-top: 1px solid #d5d5d5;
   border-top: 1px solid rgba(0, 0, 0, 0.075);
}

.xcsn-partner-panel .csn-utfallbar-yta-partner-h2:first-child,
.xcsn-partner-panel .csn-utfallbar-yta-partner-h3:first-child,
.xcsn-partner-panel .csn-utfallbar-yta-partner-h4:first-child {
   border-top: none;
}

.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4 {
   font-family: inherit;
   font-size: 16px;
   font-weight: normal;
   text-decoration: none !important;
   padding-left: 1rem !important;
   padding-right: 2.2rem !important;
}

.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2:hover,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3:hover,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4:hover {
   background: #e7e7e7;
   background: rgba(0, 0, 0, 0.02);
}

.sv-editing-mode .csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2::before,
.sv-editing-mode .csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3::before,
.sv-editing-mode .csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4::before {
   top: 4px;
   left: auto;
   right: 8px;
}

.csn-partner-panel .csn-utfallbar-yta-partner-h2 > div,
.csn-partner-panel .csn-utfallbar-yta-partner-h3 > div,
.csn-partner-panel .csn-utfallbar-yta-partner-h4 > div {
   padding-top: 0.85em;
   padding-bottom: 0.95rem;
}

.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2>div:first-child,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2>div:first-child a,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3>div:first-child,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3>div:first-child a,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4>div:first-child,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4>div:first-child a {
   text-align: right;
   padding-top: 2px;
   padding-right: 8px;
   margin-left: 10px;
}

.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2 .halflings-icon,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3 .halflings-icon,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4 .halflings-icon {
   background-image: url('/images/18.7ceb52b315ad72aa59eb4292/ic_keyboard_arrow_right_black_24px.svg)');
   transform: rotate(90deg);
   opacity: 0.7;
}

.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h2 .chevron-down,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h3 .chevron-down,
.csn-partner-panel .csn-formatmall-utfallbar-yta-rubrik-h4 .chevron-down {
   transform: rotate(-90deg);
}