.af-breadcrum-color {
   background-color:#00005a;
   color: #ffffff;
}
.tracemenu-wrapper a.normal, .tracemenu-wrapper span {
   color: #ffffff;
}
.cms-hero-wrapper .languagePicker {
   margin: 0!important;
}
.cms-hero {
   background-color:#00005a;   
}

.cms-hero h1, .cms-hero h2, .cms-hero p.ingress {
   color: #ffffff;
}

.cms-hero h2 {
   margin-bottom: 20px;
}

.cms-hero h1 {
   margin-top: 18px;
}

.cms-hero h1:after {
   height: 4px;
}

.cms-hero p.ingress {
   margin-bottom: 20px!important;
   /*padding-bottom: 32px;*/
   /*padding-bottom: 50px;*/
	padding-bottom: 42px;
}

.cms-hero img {
   position: absolute;
   right: 0;
   top: 18px;
}

@media (max-width: 991px) {
    .cms-hero img  {
        display: none;
    }
	 .cms-hero .sv-grid-af-huvudgrid.sv-fluid-grid .sv-column-7 {
       width: 100%!important;
       max-width: 100%;
    }
}

.mb-5, main#collapse-area {
   margin-bottom: 0!important;
}

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

 cms-top--wrapper

*******************/
.cms-top--wrapper>.sv-vertical {
    padding: 1.75rem 0 2rem;
}
.cms-top--wrapper>.sv-vertical:nth-child(2) {
    padding-top: 0;
}

.cms-top--wrapper .cms-sv-expand-accordion {
   margin-top: 16px!important;
}

@media (min-width: 992px) {
    .cms-top--wrapper>.sv-vertical {
      padding: 3.5rem 0 4rem;
    }
   .cms-top--wrapper>.sv-vertical:nth-child(2) {
    	padding-top: 0;
	}
}

@media(max-width: 1141px) and (min-width: 992px) {
	.cms-hero p.ingress { 
      padding-right: 100px; 
   }
   
}

@media(max-width: 1141px) {
	.cms-hero p.ingress {  
      padding-bottom: 20px;
   }
   
}

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

reglen av regeln for e-tjäsnt

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

button#accordian-button:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 0 6px #fff !important;
}

#accordian-button .app-vinjet-text {
    line-height: initial;
    margin-left: .875rem;
}

.app-form-section form {
    margin-top: 1rem;
}

.app-result-container {
    border: 4px solid #fff;
}

.row.app-result-container {
    margin-left: 0;
    margin-right: 0;
}

#collapse-area .ml-3 {
    margin-left: 0 !important;
}

.app-form-col.col-sm-4.col-md-3.mt-4.ml-0, 
.app-form-col.col-sm-2.col-md-4.mt-4, 
.app-form-col.col-sm-3.col-md-4.mt-4, 
app-manadslon .container > .col-sm-5, 
app-manadslon .container > .col-sm-7 {
    padding-left: 0;
}

.app-result-container .pl-5 {
    padding-left: 1.5rem !important;
}


.app-result-container .pl-5 {
    padding-left: 1.5rem !important;
}


@media (max-width: 575px) {
    .app-result-container .col-sm-7.mt-5 {
        margin-top: 1.5rem !important;
    }
}

.app-result-container .mt-5.num-bold {
    margin-top: 0 !important;
}

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

knapplänken med pilen

*************************/
@media (min-width: 425px) {
    .cms-btn-app-link.blue:after {
        content: "";
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSI0OXB4IiB2aWV3Qm94PSIwIDAgMzAgNDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MERFRTZDM0YtMjQwMC00NTlDLTg3OTEtNDVCMDgzQkRFQUJEQDJ4PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMTcuNzY0NTg1MyAxMi44MDE3NTk3IDIyLjk0MjU1NzMgNy43NjkyMyA0Ni43NjkyMzQgMzEuNTAzMzYxMSAyMi40MDg3NDIgNTUuNzY5MjMgMTcuMjMwNzcgNTAuNzM2NzA0MyAzNi41Mzc2NDAyIDMxLjUwNDI2NTkiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJJa29uZ3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODUuMDAwMDAwLCAtMzA5LjAwMDAwMCkiIGlkPSJHcm91cCI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2OC4wMDAwMDAsIDMwMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0i8J+foi1DT0xPUiIgZmlsbD0iI2ZmZiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center;
        background-size: contain;
        width: 14px;
        height: 14px;
        float: right;
	     margin-left: 1.25rem;
        position: relative;
        top: 1px;
    }
}
@media (min-width: 425px) {
    .cms-btn-app-link.transparent:after {
        content: "";
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSI0OXB4IiB2aWV3Qm94PSIwIDAgMzAgNDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MERFRTZDM0YtMjQwMC00NTlDLTg3OTEtNDVCMDgzQkRFQUJEQDJ4PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMTcuNzY0NTg1MyAxMi44MDE3NTk3IDIyLjk0MjU1NzMgNy43NjkyMyA0Ni43NjkyMzQgMzEuNTAzMzYxMSAyMi40MDg3NDIgNTUuNzY5MjMgMTcuMjMwNzcgNTAuNzM2NzA0MyAzNi41Mzc2NDAyIDMxLjUwNDI2NTkiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJJa29uZ3VpZGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODUuMDAwMDAwLCAtMzA5LjAwMDAwMCkiIGlkPSJHcm91cCI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2OC4wMDAwMDAsIDMwMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0i8J+foi1DT0xPUiIgZmlsbD0iIzAwMDA1YSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center;
        background-size: contain;
        width: 14px;
        height: 14px;
        float: right;
	     margin-left: 1.25rem;
        position: relative;
        top: 1px;
    }
}


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

Justeringen steg för steg sista layouten med grå bakgrund 
& Expanderbara ytor 

***********************/
@media(max-width: 767px) {
.cms-background-color-odd > div:last-child h2 {
   margin-bottom: -20px;
}}

@media(max-width: 991px) {
.cms-sv-expand-accordion, .app-container, p.sv-font-lank-med-pil a {
   margin-bottom: 1rem;
}}