/* När print-popupen kommer upp ändras vyn till mobilvy, och layouten blir inte som den är tänkt.
Därför måste en hel del små justeringar göras */ 

@media print {
   /*@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');*/

    .hide_print.hide_print.hide_print.hide_print {
        display: none !important;
    }

    * { border: 0 !important; }
    @page {
        margin-bottom: 15mm; 
        margin-top: 15mm;
        margin-left:15mm;       
        margin-right:15mm;       
    }
    /*body { margin: 10mm 15mm 10mm 15mm;  }*/   
    #header { display:none !important; }
    #comments { display:none !important; }
    #sidebar { display:none !important; }
    #footer { display:none !important; }
     
    /* ========================================================== */
    /* Print-header */
    
    #print-header { display: block !important; width: 100% !important; height: 60px !important; }
    #print-header-logo { float: left !important; }
    #print-header-logo img { height: 60px !important; }
    #print-header-info { float:right; font-size:10px !important; text-align: right !important; }
    #product-title-print { padding-bottom: 0px; }
    #print-company-info { display: inline-block; margin-bottom: 6px; }
    
    /* ========================================================== */   
    
    /* för att förhindra att text klyvs vid ny sida */
    li { page-break-inside: avoid !important; }
    
    .site-description { display:none !important; }
    .site-title { display:none !important;}
    
    /* "Egenskaper" textinnehåll */
    .media-container__long-desc.css-default_desc.js-overflow-area li, .media-container__long-desc.css-default_desc.js-overflow-area, #print-header  p {
        /*font-family: 'Libre Baskerville', serif;*/
    }
    .media-container__long-desc.css-default_desc.js-overflow-area strong{
        /*font-family: "Verdana", Geneva, sans-serif !important;*/
        margin-top: 10px !important;
    }
    .media-container__long-desc.css-default_desc.js-overflow-area {
        /*margin-bottom: 50px;*/
        padding-bottom: 0;
    }
    #MessageArea_ACCE_Title, #ariaMessage_ACCE_Label {
        display: none !important;
    } 

    /* ========================================================== */
    /* The image container in mobile view, when in a specific article/product */

    /*The list of Facebook Linkedin icons */ 
    ul.product__list-container:nth-child(1) { display:none !important; }
    /* CE/EN icons */
    .product__list-icon { 
        padding-left: 10px !important; 
    }
        
    /* Hide mobile view and display the desktop view */
    #productImageSlider { display:none !important; }
    #productImageDesktop { display:block !important; margin-left:0; vertical-align:left; }
    
    /* Bilden på produkten */
    .product__image-wrapper { 
        text-align: left !important; 
        display: block !important; 
        width: 100% !important;
    }
    img#productImageThumb.product__list-image { 
        max-height:100%; 
    }
    
    /* Only display the clicked/active/centered image (if in mobile view) */
    /*#productImageSlider li {visibility:hidden !important;}
    #productImageSlider li[active-image] {visibility:visible !important;}*/
    
    /* ========================================================== */
    
    /* The slider of thumbnails in desktop view */
    #productImageGallery { display:none !important; }
    
    .mt-25 {
        margin-top: 0 !important;
    }
    /* textinnehåll under Beskrivning */
    .media-container__left-box_info, 
    .media-container__center-box, 
    .media-container__right-box_info, 
    .media-container__title { 
        padding-left: 0 !important; 
    }
    .media-container__title {
        display: none !important;
    }
    /* order stängningstid */
    .media-container__articleCode, li.flex-table__articleCode {
        display: none !important;
    }
    /* dölj mobilrubrik Beskrivning */
    /*.js-hook-productInfo.media-container__left-box_info,
   
    .js-hook-productInfo.media-container__right-box_info { 
        display: none !important; 
    }*/
    
    /* for safari */
    .d-flex {
        display: block !important;
    }
    /* textinnehåll/titlar (ny layout mobilvy) */
    .media-container__long-desc, .media-container__box-title {
        display: block !important; 
        background: white !important;
        padding-left: 0 !important; 
    }    
    .media-container__long-desc {
        padding-top: 0 !important; 
    }   
    h1#product__title.product__title {
    font-size: 19px !important;
    }
    /* Rubrik Beskrivning */  
    .media-container__box-title {
        color: black !important;          
        padding-bottom: 5px !important;  
        font-size: 12px !important;
    }
    .media-container__left-box_info > .media-container__box-title {
        padding-top: 18px !important;   
    }
    .media-container__right-box_info > .media-container__box-title {
        margin-top: 0px !important;
    }
    /* Egenskaper tabell-mellanrum */
    .media-container__attrList_name {
        width: 180px !important;
        padding-left: 0 !important;
    }

    /* Artiklar */
    /*.flex-table { display:none !important; }*/
    .flex-table { margin:0 !important; }
    
    i.fa.fa-search-plus { display:none !important; }
    .fa-minus:before {
        content: "" !important;
    }
    /* grå bakgrund */
    .media-container__mobile .media-container__center-box {
        background-color: white !important;
        /*display: none !important;*/
    }
    .css-default ul, .css-default_desc ul {
        padding-left: 16px !important;
    }
    
    /* Background colors and borders around the content */
    .media-container.mb-25.mt-25 .media-container__title { border: 0 !important;  display:none !important;} /* E.g. Product Information */
    .flex-table.js-hook-table .media-container__title { background:white; color:black; } /* Artiklar titel */
    .flex-table__row_article-header { 
        display:flex !important; 
        /*font-size: 9px !important;*/
        min-height: 0px !important;
        max-height: 29px !important;
    }
    
    .flex-table__mobile-row { display: none !important; }
    /*.flex-table__item_unit { display: none !important; }*/
    .flex-table__row_article { 
        display: flex !important;    
    }
    
    /* I Artiklar, avaktivera detta för att inte skapa page breaks */
    .flex-table__main { display: initial !important; }
    
    /*  har en span */
    /*.flex-table__item_price span {  position:relative !important; top:-10px; }*/
    
    .flex-table__item_description, .flex-table__item_art-nr { display: block !important; }
     
     /* Detta behöver göras eftersom layouten förändrats pga print-läget är i mobile view */
     .flex-table__item:before, 
     /*.flex-table__item_checkout-mark:before,
     .flex-table__item_checkout-artnr:before,
     .flex-table__item_checkout-desc:before,
     .flex-table__item_checkout-package:before,
     .flex-table__item_checkout-content:before,
     .flex-table__item_checkout-price:before,
     .flex-table__item_checkout-avaliable:before,
     .flex-table__item_checkout-quantity:before,
     .flex-table__item_checkout-buttonwrapper:before,
     .flex-table__item_checkout-buttonwrapperLarge:before,*/
     .flex-table__item_flex2:before,
     .flex-table__item_flex3:before,
     .flex-table__item_flex4:before,
     .flex-table__item_flex6:before,
     .flex-table__item_articleCode:before,
     .flex-table__item_mark:before,
     .flex-table__item_art-nr:before,
     .flex-table__item_gtin:before,
     .flex-table__item_description:before,
     .flex-table__item_unit:before,
     .flex-table__item_packaging:before,
     .flex-table__item_quantity:before,
     .flex-table__item_price:before,
     .flex-table__item_description2:before,
     .flex-table__item_color-picker:before,
     .flex-table__item_compare:before,
     .flex-table__item_show-article:before,
     .flex-table__item_quickOrder-artnr:before, 
     .flex-table__item_descr-title:before {
        content: "" !important;               
     }
     /* förhindra radbryt för artnr-titeln */
     .flex-table__item_art-nr, .flex-table__item_price {
        white-space: nowrap !important;
        flex: 0 0 90px !important; 
        min-width: 90px !important;                  
     }
     /* när inloggad, dölj vissa kolumner */
     .flex-table__item_mark, .flex-table__item_flag, .flex-table__item_articleCode {
        display: none !important;
     }
     .flex-table__item_quantity {
        display: none !important;    
     }
     /* artiklar */
     .flex-table__item_unit, .flex-table__item_packaging, .flex-table__item_price, .flex-table__item_description, .flex-table__item_art-nr {
         padding-left: 0 !important;  
         padding-right: 0 !important;  
         margin-left: 0 !important;
         margin-right: 0 !important;  
     }  
     .flex-table__item_unit {
        text-align: center !important;
        flex: 0 0 70px !important; 
        min-width: 70px !important;
     }
     .flex-table__item_packaging {
        flex: 0 0 90px !important;   
        min-width: 90px !important;
        text-align: center !important; 
     }
     .flex-table__item_price {
        text-align: center !important;
        flex: 0 0 70px !important;
        min-width: 70px !important;
        vertical-align: center !important;              
     }
     
     /* markerad artikel */
     .flex-table__row_article-green {
        display: flex !important;
            outline: 2px solid #009b68 !important;
        
     }

    
     .flex-table__item_description {
        flex: 0 0 200px !important;
        min-width: 200px !important;        
     }
    
    /* Dölj knappar */
    .button__standard, .button__standard.selected, .button__standard_compare, .button__standard_compare.selected {
        display: none !important;
    }
    /* plus/minus-tecken */
    .fa-sm {
        display: none !important;
    }
    
    .media-container__box-border { background: white !important; }
    .media-container__left-box_info { border:none !important; }

    /* logo image for brand */
    .product__brand { display:inline !important; }
    /* the shifted gray/white background on "Egenskaper" */    
    .media-container__attrList { background:white !important; }
    
    .tab { display: none !important; }

    .tab__title { text-align:left !important; }
    .fl-r.fa.fa-minus { display:none !important; }

    .flex-table__row_article-header {
        justify-content: space-between;
    }
    
         /* Text på en artikelrad */
    .flex-table__row_gtin,
    .flex-table__row_article,
    .flex-table__row_article-green {  
        /*font-size: 9px !important;*/
        min-height: 28px !important;
        font-weight: 300 !important;
        justify-content: space-between;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .standard-table__main {
        display: table;
        width: 100%;
    }

    .standard-table__item.hide_mobile,
    .standard-table__item.hide_tablet,
    .standard-table__item {
        display: table-cell !important;
    }

    .standard-table__item.hide_desktop {
        display: none !important;
    }

    .standard-table__item::before {
        display: none !important;
    }

    .standard-table__row_gtin,
    .standard-table__row_gtin_closed,
    .standard-table__row_article {
        display: table-row !important;
    }

    .standard-table__row_article-header {
        display: table-row !important;
    }

    .standard-table__collapsed-row {
        display: none !important;
    }

    .standard-table__collapse-tablet .standard-table__item {
        width: 100%;
    }
}