
.service-statutoryinspection  {
    background-image: url(https://static.scania.com/resources/icons/scania/sis-icons/SVG_POS/34_SIS_Statutory_inspection_services-54-72px.svg);
}

.scania-noe .c-fly-out span.fly-out-group-items-list {
    word-wrap: normal;
    word-break: normal;
}

.scania-noe .c-richTextTable.variation-2 .ui-dialog .ui-dialog-content span {
    text-transform: none; 
        padding-left: 0;
}


    .scania-noe .c-mainNavigation .c-primaryNavigation .c-listLinks .c-sub-links,
.scania-noe .c-subNavigation .c-listLinks .c-listLinks-item a.c-sub-links,
a.c-sub-links
 {
    text-transform: none !important;
}


/*
    File dedicated for globaly doing live tests of CSS rules in production environment.
*/

.scania-noe .c-dealer-header .col-sm-8 .c-master-header-country.left-border-line:before,
.scania-noe .c-master-header .col-sm-6 .c-master-header-country.left-border-line:before {
    margin-top: 2px !important;
}

.scania-noe .c-dealer-header .col-sm-8 .c-logo img, 
.scania-noe .c-dealer-header .col-sm-4 .c-logo img,
.scania-noe .c-dealer-header .col-sm-8 .c-logo img, 
.scania-noe .c-dealer-header .col-sm-4 .c-logo img {
    width: 170px;
    height: 40px;
}

.scania-noe .c-dealer-header .c-logo-mobile-img img,
.scania-noe .c-dealer-header .c-logo-mobile-img img { 
    width: 242px;
 }



.scania-noe .c-dealer-header .dealerText-innercontainer a:hover, 
.scania-noe .c-dealer-header .dealerText-innercontainer a:focus {
    color: inherit;
    text-decoration: none; 
}

/* This goes into the Teaser 8 CSSes */

/* MOVED - Double Check*/
.scania-noe .c-teaser.variation8 .item-title {
    font-size: 65px;
}

/* MOVED - Double Check*/
.scania-noe .c-teaser.variation8 .item-title .unit {
    font-size: 45px;
}

/* End Teaser 8*/



/* This should go into a Hyphenate component CSS or as a Global Rule */

.hyphenate {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

h1 .hyphenate, h2 .hyphenate  {
    display: inline-block;
}





/* Solving image print issues in Chrome and Safari - Should be a Global Rule*/
body {
    -webkit-print-color-adjust: exact; 
}


/* Dealer locator adjustments - Services names */

.dealer-locator-wrapper-dom .dealer-page .tabs .tab-content .item {
    margin: 0;
    width: 25%;
    max-width: inherit;
    min-width: inherit;    
}

@media (max-width: 1240px) {
    .dealer-locator-wrapper-dom .dealer-page .tabs .tab-content .item {
        width: 33%;
        max-width: inherit;
        min-width: inherit;
    }
}

.dealer-locator-wrapper-dom .dealer-page .tabs .tab-content .item.ng-scope {
    padding: 0 3% !important;
}

.dealer-locator-wrapper-dom .dealer-page .tabs .tab-content .item.ng-scope .service-name {
    line-height: 1.15 !important;
}

@media (max-width: 767px) {
    .dealer-locator-wrapper-dom .accordion .accordion__content .item__icon {
        width: 50% !important;
        padding: 15px 5px 15px;
    }
    .dealer-locator-wrapper-dom .dealer-page-wrapper .accordion .accordion__content .item__icon .service-name {
        line-height: 1.15 !important;
    }    
}


/* Setting fonts for Arabic on Desktop */

@media (min-width: 992px) {

    html[lang|="ar"] body, 
    html[lang|="ar"] div,
    html[lang|="ar"] span,
    html[lang|="ar"] h1, 
    html[lang|="ar"] h2, 
    html[lang|="ar"] h3,  
    html[lang|="ar"] h4,
    html[lang|="ar"] h5,
    html[lang|="ar"] p, 
    html[lang|="ar"] small,
    html[lang|="ar"] strong,
    html[lang|="ar"] ol,
    html[lang|="ar"] ul,
    html[lang|="ar"] li,
    html[lang|="ar"] label,
    html[lang|="ar"] table,
    html[lang|="ar"] th,
    html[lang|="ar"] td,
    html[lang|="ar"] footer {
        font-family: Arial, Helvetica, sans-serif !important;
    }  

    html[lang|="ar"] .scania-noe .c-counter-header .content-holder .content-container .text-holder .heading h3 {
        font-size: 46px; 
    }

    html[lang|="ar"] .scania-noe header.c-master-header span.c-master-header-country  {
        font-size: 28px !important;
        margin-top: 22px;
        margin-bottom: 14px;
    }

   html[lang|="ar"] .scania-noe header.c-master-header span.c-master-header-country.left-border-line:before {
        margin-top: 8px !important;
    }

    html[lang|="ar"] .scania-noe .c-mainNavigation .c-master-header-secondary-links li.c-master-header-dealer-locator span.c-master-header-dealer-locator-label  {
        font-size: 26px;
    }

    html[lang|="ar"] .scania-noe .c-mainNavigation .c-master-header-secondary-links li a span {
        font-size: 22px;
    }

    html[lang|="ar"] .scania-noe .c-master-header .col-sm-6 .c-master-links .c-link-item {
        font-size: 17px;
    }

    html[lang|="ar"] .scania-noe .c-mainNavigation .c-primaryNavigation .c-listHeader .c-subnav-header,
    html[lang|="ar"] .scania-noe .c-subNavigation .c-listHeader .c-subnav-header {
        font-size: 18px;
    }    
    html[lang|="ar"] .scania-noe .c-mainNavigation .c-primaryNavigation .c-listLinks .c-sub-links,
    html[lang|="ar"] .scania-noe .c-subNavigation .c-listLinks .c-listLinks-item .c-sub-links {
        font-size: 17px;
    }    

    html[lang|="ar"] h1{
        font-size: 140px !important;
    } 


    html[lang|="ar"] h2,
    html[lang|="ar"] h1.find-dealer-teaser-title {
        font-size: 80px !important;
    } 

    html[lang|="ar"] h3{
        font-size: 40px !important;
    } 

    html[lang|="ar"] h4{
        font-size: 20px !important;
    } 

    html[lang|="ar"] h3.c-header {
        font-size: 20px !important;
    } 

    html[lang|="ar"] p.teaser-text {
        font-size: 22px !important;
    }                     

    html[lang|="ar"] p,
    .item-text,
    .scania-noe .c-teaser.variation11 .teaser-item .item-text {
        font-size: 17px !important;
    }

    html[lang|="ar"] .btn-lg {
        font-size: 22px;
    }

    html[lang|="ar"] .scania-noe .c-footer .c-footer-links-container ul.c-footer-links li {
        font-size: 20px;
    }

    html[lang|="ar"] body .scania-noe .countdown-hashTag {
        font-family: "ScaniaSansHeadlineBold" !important;
    }  

    html[lang|="ar"] body .scania-noe a[class^="fa"], html[lang|="ar"] body .scania-noe i.fa    {
        font-family: FontAwesome !important;
    }    

    html[lang|="th"] body .scania-noe h1, html[lang|="th"] body .scania-noe h2, html[lang|="th"] body .scania-noe h3, body .scania-noe h4.c-heading {
        line-height: 1.15 !important;
    }   

    html[lang|="th"] body .scania-noe p {
        line-height: 1.5 !important;
    }

}  



/*Ugly fix for SPAN in header, Rich text edit.*/

.scania-noe .c-rich-text-edit h2 span,
.scania-noe .c-rich-text-edit h3 span {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.scania-noe .c-rich-text-edit h4,
.scania-noe .c-rich-text-edit h4 span {
    font-family: "ScaniaSansHeadlineBold", Helvetica, Arial, sans-serif;
    color: #041e42 !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
    margin-bottom: 5px !important;
}

/*End Ugly fix */




body .scania-noe .dealer-page .dealer-page__title {
    margin: 40px 0%;
    text-align: center;
    font-size: 35px;
}

@media (max-width: 3000px) and (min-width: 1px) {

.scania-noe .c-rich-text-edit span {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}


  

    .scania-noe .c-error-page .c-image {
        display:none;
    }

    .scania-noe .c-error-page .c-subtitle {
        margin: 30px 4% 40px;
    }

    p {
        line-height: 1.42 !important;
        letter-spacing: normal !important;
    }

	html body .scania-noe h1, .c-title {
	    line-height: 0.98 !important;
        border-top: 5px solid transparent;
	}


	html body .scania-noe h2, h4.c-heading {
        border-top: 5px solid transparent;        
	    line-height: 0.98 !important;
	}


	html body .scania-noe h3 {
        border-top: 4px solid transparent;        
	    line-height: 0.98 !important;
	}

	html body .scania-noe h4 {
        border-top: 3px solid transparent;        
	    line-height: 1.15 !important;
	}

	
	html body .scania-noe .btn {
	    line-height: 1 !important;
	}	

    html[lang|="de"] body .scania-noe h1, html[lang|="de"] body .scania-noe h2, html[lang|="de"] body .scania-noe h3, body .scania-noe h4.c-heading {
	    line-height: 1 !important;
    } 

    html[lang|="sv"] body .scania-noe h1, html[lang|="sv"] body .scania-noe h2, html[lang|="sv"] body .scania-noe h3, body .scania-noe h4.c-heading {
	    line-height: 1 !important;
    } 

    html[lang|="fi"] body .scania-noe h1, html[lang|="fi"] body .scania-noe h2, html[lang|="fi"] body .scania-noe h3, body .scania-noe h4.c-heading {
	    line-height: 1 !important;
    }       

    html[lang|="fr"] body .scania-noe h1, html[lang|="fr"] body .scania-noe h2, html[lang|="fr"] body .scania-noe h3, body .scania-noe h4.c-heading {
	    line-height: 0.99 !important;
    } 
    html[lang|="es"] body .scania-noe h1, html[lang|="es"] body .scania-noe h2, html[lang|="es"] body .scania-noe h3, body .scania-noe h4.c-heading {
	    line-height: 0.99 !important;
    }   

  

}

@media (max-width: 991px) {

        h4#findDealerTitle {
        font-size: 28px;
    }

    /* Error page for Mobile, to much margin */

        .scania-noe .c-error-page {
            text-align: center;
            max-width: 1170px;
            margin: 0 auto 0 auto !important;
        }
 

    /* End Mobile Error page */


    .scania-noe .c-footer .c-footer-links-container .c-footer-sitename {margin:2px 10px 16px !important}

    .scania-noe .c-find-dealer-teaser .teaser-info h1.find-dealer-teaser-title {
        width: 100%;
    }

    body .scania-noe .c-news-events-carousel-title h3 {
        font-size: 30px !important;
    }

    h1 {font-size:  60px !important; padding:3px 0 0 !important;}
    h2, h4.c-heading, .scania-noe .c-find-dealer-teaser .teaser-info h1.find-dealer-teaser-title {font-size:  34px !important}
    .scania-noe .c-main-hero h3 {font-size: 34px !important;}

    .scania-noe .c-teaser p, .scania-noe .video-carousel p.c-text, .scania-noe .c-richMedia p.c-text, .scania-noe .c-tabbed-component .c-tab-desc p.text--intro  {
        font-size: 18px !important;
    }
}

@media (max-width: 767px) {

    h1 {font-size:  32px !important; padding:3px 0 0 !important;}

    h2, h4.c-heading, body .scania-noe .c-news-events-carousel-title h3, body .scania-noe h1.find-dealer-teaser-title {font-size:  28px !important}
    .scania-noe .c-main-hero h3 {font-size: 18px !important;margin-top:0 !important;}

    .scania-noe .c-tiled-display.variation-3 .c-tiled-display-desc-wrapper .c-tiled-display-title {
        font-size: 22px !important;
    }

    .scania-noe .c-teaser p, .scania-noe .video-carousel p.c-text, .scania-noe .c-richMedia p.c-text, .scania-noe .c-tabbed-component .c-tab-desc p.text--intro, .scania-noe .c-rich-text-edit p, .scania-noe .c-rich-text-edit div, .scania-noe .c-rich-text-edit span, .scania-noe .c-rich-text-edit li  {
        font-size: 16px !important;
    }


    p {
        line-height: 1.4 !important;
    }

    .scania-noe .c-main-hero h3 {
        margin-top: 6px; 
    }

    .scania-noe .c-teaser p {
        font-size: 18px;
    }

    .scania-noe .c-tiled-display {
        padding: 0;
    }

    .scania-noe .c-richMedia .c-title {
        margin-top: 0px;
    }

    .scania-noe .c-teaser.variation10 p {
        margin-top: 5px;
    }

    .c-teaser.variation1 .teaser-info .teaser-text {
        margin: 20px 4% 37px 4% !important;
    }

    .c-product-specification-details {
        padding: 0 !important;
    }
}







/* MOVING TO AEM */
html[lang="pt-BR"] .c-footer-sitelogo {
    display: block;
    background-image: url("clientlib-site/icons/logo-brasil.svg"); 
/*This Row should be removed when in AEM:*/  background-image: url("https://www.scania.com/etc/designs/scanianoe/clientlib-site/icons/logo-brasil.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70px 80px;
    width: 100%;
    height: 80px;
    float: right;
    position: absolute;
    bottom: 40px;
    right: 30px;
}

@media (min-width: 992px) {
    html[lang="pt-BR"] .c-footer-sitelogo {
        width: 90px !important;  /*Removed important tag when in AEM: */  
    }
    html[lang="pt-BR"] .c-footer-links-container {
        min-height: 234px;
    }
}

@media (max-width: 991px) {
    html[lang="pt-BR"] span.text--center.c-footer-sitelogo {
        position: initial;
        background-position: center;
        margin: 5px 0 22px; 
    } 
 }

 /* End MOVED */





/*Fix for stacked main navigataion links  https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/*/
@media (min-width: 992px) {
    .scania-noe .c-mainNavigation .c-master-header-secondary-links li.c-master-header-links a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}



/*    Dessa skulle införas av  Marcus*/

/*    .scania-noe .c-master-header .col-sm-6 .c-master-links .c-master-header-country-selector .c-languageSelector {
        margin-top: 14px;
    }*/

    .scania-noe .c-stickyToolbar .c-toolbarList a:focus {
    outline: none;
    }

    .c-tabbed-component .c-teaser.variation5 {text-align: left !important;}

    .scania-noe .c-quote .c-quote-full .c-quote-image-desc h2 {
        color: #041e42 !important;
    }

    .scania-noe .c-subNavigation .c-listLinks .c-listLinks-item .c-sub-links,
    .scania-noe .c-subNavigation .c-listLinks .c-listLinks-item .c-sub-links:hover {
        padding-bottom: 2px !important;
    }
 

/*    Slut fixas av Marcus*/  




/*Special styles for DiSH*/

.scania-noe .dish-content .c-product-carousel-title h2 {
    font-size: 36px;
    margin: 44px 0 0;
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.scania-noe .dish-content .c-product-carousel-desc h4 {
    margin-top: 0px !important;
    letter-spacing: 0;
}

.scania-noe .dish-content .smart-question-heading h4 {
    margin: 44px 0 15px 0 !important;
    letter-spacing: 0;    
}

.scania-noe .dish-content .smart-question h4 {
    margin: 44px 0 50px 0; !important;
    letter-spacing: 0;
    line-height: 1.0 !important;
}

.scania-noe .dish-content .c-product-carousel-desc h4 {
    margin-top: 0px !important;
}

.scania-noe .dish-content .c-product-carousel .cProductCarousel.slick-initialized .slick-slide {
    padding: 0px 30px 0;
}


.scania-noe .dish-content .c-product-carousel {
    overflow: visible;
}


@media (max-width: 991px) {

.scania-noe .c-footer.dish-footer .c-footer-links-container .c-footer-links-wrapper {
    background-color: transparent;
}

}
.scania-noe .dish-content .c-dish-smart-questions .grid-main-container .grid-container-three.active,
.scania-noe .dish-content .c-dish-smart-questions .grid-main-container .grid-container-four.active,
.scania-noe .dish-content .c-dish-smart-questions .grid-main-container .grid-container-three.prevactive,
.scania-noe .dish-content .c-dish-smart-questions .grid-main-container .grid-container-four.prevactive
 {
    outline: 1px solid #d8d8d8;
}

.scania-noe .dish-content .c-dish-smart-questions .grid-main-container .grid-container-three.active img,
.scania-noe .dish-content .c-dish-smart-questions .grid-main-container .grid-container-four.active img {
    width: 98%;
    padding: 1%;
}

.scania-noe .c-footer.dish-footer .c-footer-links-container {
    min-height: 20px;

}   

.scania-noe .c-footer.dish-footer .c-footer-links-container .c-footer-copy-text {
    color: #97999b;
    font-size: 10px;
    line-height: 14px !important;
    letter-spacing: .05rem !important;
    font-family: "ScaniaSansRegular",Helvetica,Arial,sans-serif;
    margin: 0;
}   

@media (max-width: 991px) {
    .scania-noe .c-footer.dish-footer .c-footer-links-container .c-footer-links-wrapper .c-footer-copy-text {
        padding: 0 !important;
    }

    .scania-noe .c-footer.dish-footer .c-footer-links-container {
        padding-top: 12px !important;
    }

}

/* End special styles for DiSH*/
