/******************************************************

CSN Utskrift

Styling som appliceras endast för utskrifter.

******************************************************/

/******************************************************
Sidmarginaler
******************************************************/
@page { 
   margin: 22mm 50mm 22mm 22mm;
}

@media print {
   #cconsent-modal {
      display: none;
   }
}

.csn-sidcontainer {
   margin-bottom: 0;
}

.csn-sidcontainer:before {
   content: url('/images/18.7ceb52b315ad72aa59e3830a/csnlogo.svg');
   transform: scale(0.35, 0.35);
   transform-origin: left top;
   display: block;
   height: 60px;
}

.csn-sidcontainer > div:first-child:before {
    content: 'Vi gör studier möjligt.';
    font-family: "akkurat pro",system,-apple-system,"san francisco",roboto,"segoe ui","helvetica neue",arial,sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0.5rem 0 0.75rem;
    display: inline-block;
}

.csn-breadcrumbs {
   margin: 1em 0 0 0;
}

main.sv-row > div > .sv-row > .sv-layout,
main > .pagecontent > .sv-layout {
   padding-left: 0;
   padding-right: 0;
}

/******************************************************
Undvik sidbrytningar
******************************************************/
.csn-print-pagebreak-avoid,
.sv-text-portlet,
.csn-puffar,
.csn-menylista {
   page-break-inside: avoid;
}

/******************************************************
Typsnitt
******************************************************/
.csn-formatmall-brodtext,
.csn-formatmall-liten-svart,
.csn-menylista-container--kompakt .csn-menylista .csn-formatmall-rubrik-3-rod {
   font-family: 'garamond', 'Times New Roman', serif !important;
}

.csn-formatmall-brodsmulemeny,
.csn-formatmall-brodtext,
.csn-formatmall-utfallbar-yta-rubrik-h2,
.csn-formatmall-utfallbar-yta-rubrik-h3 {
   font-size: 16px;
}

.csn-formatmall-rubrik-2 {
   font-size: 22px;
   margin-top: 1.5em !important;
}

.csn-formatmall-rubrik-3,
.csn-formatmall-rubrik-3-rod {
   font-size: 18px;
}

.csn-formatmall-rubrik-1,
.csn-formatmall-rubrik-2,
.csn-formatmall-rubrik-3,
.csn-formatmall-rubrik-4,
.csn-formatmall-utfallbar-yta-rubrik-h2,
.csn-formatmall-utfallbar-yta-rubrik-h3,
.csn-formatmall-brodtext {
   color: #000;
}

/******************************************************
Formulär
******************************************************/
.csn-knapp {
   border: 1px solid #aaa;
}

/******************************************************
Dölj element
******************************************************/

/* Generell klass */

.csn-print-hidden, .csn-print-hidden * {
   display: none !important;
}

/* Redaktörsmeny */

#sv-editor-menu {
   display: none;
}

/* Sidhuvud/sidfot */

.csn-sidhuvud,
.csn-sidfot-ovre,
.csn-sidfot-sok,
.csn-sidfot-nedre {
   display: none;
}

.csn-sidcontainer {
   margin-bottom: 0;
}

/* Extern länkikon */

html .pagecontent .sv-text-portlet a[href^="http"]:after {
   display: none;
}

/******************************************************
Etiketter
******************************************************/
html .csn-tags-container {
   overflow: visible;
   margin-bottom: 48px;
}

html .csn-tags {
   overflow: visible;
   white-space: normal;
}

html .csn-tags a,
html .csn-tags span {
   background: #eee;
   border: 1px solid #eee;
   font-size: 12px;
   padding: 0 8px;
   line-height: 23px;
}

/******************************************************
Brödsmulor
******************************************************/
html .csn-breadcrumbs li:before {
   content: '/';
   background: none;
   opacity: 0.5;
   font-family: -apple-system,"san francisco","segoe ui",roboto,"helvetica neue",system,arial,sans-serif;
   font-size: 13px;
   position: relative;
   left: 8px;
   display: block;
   float: right;
   margin-top: 7px;
}

html .csn-breadcrumbs li:first-child:before {
   display: block;
}

html .csn-breadcrumbs li:last-child:before {
   display: none;
}

html .csn-breadcrumbs li a,
html .csn-breadcrumbs li:last-child span {
   padding-top: 4px;
}

html .csn-breadcrumbs li a:after {
   border: none;
}

html .csn-breadcrumbs li:last-child a, .csn-breadcrumbs li:last-child span {
   padding-bottom: 0;
}

html .csn-breadcrumbs li:last-child:after {
   margin: 0;
}

/******************************************************
Utfällbara ytor
******************************************************/
.csn-utfallbar-yta-h2 .halflings-icon,
.csn-utfallbar-yta-h3 .halflings-icon {
   background: initial;
   content: url('/images/18.54b831c515a2299b52015bc/ic_add_circle_outline_black_24px.svg');
   transform: scale(0.85, 0.85);
}

.csn-utfallbar-yta-h2 .halflings-icon.chevron-down,
.csn-utfallbar-yta-h3 .halflings-icon.chevron-down {
   transform: scale(0.85, 0.85) rotate(45deg);
}

/******************************************************
E-tjänstknappar
******************************************************/
.csn-padlock-frame a,
.csn-knapp-etjanst span {
   color: #000;
   display: inline-block;
   font-weight: normal !important;
   border: 1px solid #aaa;
}

.csn-padlock-frame a:before,
.csn-knapp-etjanst span:before {
   content: 'E-tjänst: ';
}

.csn-padlock-frame a:after,
.csn-knapp-etjanst .lock_outline {
   background: initial;
   content: url('/images/18.2bc92e1f15a2288a5b669/ic_lock_outline_black_24px.svg');
   transform: scale(0.85, 0.85);
}

/******************************************************
Om oss sidorna
******************************************************/
html .csn-sidmeny a {
   border: 1px solid #aaa;
   padding: 0.65rem 0.5rem;
   margin: 0 4px 4px 0;
   font-size: 13px;
}

.csn-omoss-puff {
   border: 1px solid #aaa;
}

.csn-omoss-puff .sv-text-portlet {
   page-break-inside: auto;
}

.csn-omoss-puff .csn-omoss-puff__label {
   box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
   border: 1px solid rgba(0, 0, 0, 0.2);
   page-break-inside: avoid;
}

.csn-omoss-puff .csn-omoss-puff__label .csn-formatmall-brodtext {
   font-size: 12px;
   color: #333;
}

/******************************************************
Kompakt menylista
******************************************************/
.csn-menylista-container--kompakt .csn-menylista {
   padding-top: 0.15em;
   padding-bottom: 0.55em;
   border: none;
}

.csn-menylista-container--kompakt .csn-menylista .csn-formatmall-rubrik-3-rod {
   font-size: 14px;
}

.csn-menylista-container--kompakt .csn-menylista .csn-menylista-pil {
   display: none;
}

/* Fix: Förhindra fel där del av underrubriker hamnar fel med Akkurat */

.csn-formatmall-rubrik-2 {
   padding-top: 1px;
}

/* Fix: Toppmarginal i puffar */

.csn-puffar .sv-row > .sv-layout {
   margin-top: 0;
}

/******************************************************
Uträknare
******************************************************/
.csn-resultat {
   margin: 8px !important;
}

.csn-resultatruta-aterbetalning__rubrik.csn-resultatruta-aterbetalning__rubrik {
   border-bottom: 1px solid #bbb;
}

.csn-resultat header .csn-form-tabs__label {
    border: 1px solid #ac1867;
    border-left-width: 0;
    border-top-width: 0;
}

.csn-resultat header .mdc-select {
    border-bottom: 1px solid #ac1867;
}

.csn-resultat footer .csn-form-tabs__label {
    border: 1px solid #ac1867;
    border-left-width: 0;
    border-bottom-width: 0;
}

.csn-resultat footer .csn-form-tabs__label:last-child {
    border: 1px solid #ac1867;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__background::before {
   background-color: #fff !important;
}

.mdc-checkbox__background svg path {
   stroke: #000 !important;
}