/* START */

#SearchWrapper.search #NavTree-Vertikal.nav-tree.Vertikal .fw-accordion.fw-list-unstyled{
        display: none;
    }
    
#SearchWrapper.search #NavTree-Vertikal.nav-tree.Vertikal .fw-accordion.fw-list-unstyled img.menu-logo{
        display: none;
    }

#imgLogo2{
    width: 180px !important;
}

.is-company-modal{
    display: none;
}

#HeaderContainer.header-content #HeaderInner.header-inner #Logo.home-link.logo{
    text-align: left !important;
}

button#CloseMenu i#fw-icon-cancel::before{
    border: black solid 1px;
    padding: 5px;
}

#StartView #ProdListHeader.prodlist-header.onset.title-yes.info-yes.image-yes #prodlist-header-image-wrapper{
    display: none !important;
}

img.responsive{
    padding: 0px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

body.signedIn div#kundtyp-modal.modal{
    display: none;
}

#start_brand.brand_wrapper{
    margin: 0 auto;
    padding: 0px;
    display: flex;
}

#start_brand.brand_wrapper .img-wrapper{
    margin: 15px;
    padding: 10px;
    width: 32%;
    align-items: center;
    display: flex;
    justify-items: center;
    border: 1px solid grey;
    aspect-ratio: 1;
}

/* MENY */

#Header .header-icon{
    font-size: 2em;
}

#Tree .fw-accordionToggle{
    padding: 3.125px 10px;
}

nav#Tree.nav.nav-wrapper #NavTree-Vertikal.nav-tree.Vertikal ul.fw-accordion.fw-list-unstyled{
    text-transform: uppercase;
}

menu#MainMenu.nav.nav-menu{
    display: none;
}

a#LocationTabToggle.menu-toolbar-item{
    display: none;
}

#NavTree-Vertikal.nav-tree.Vertikal img.menu-logo{
    display: none;
}

/* SEARCHBAR */

#MainSearch{
    border: none;
    width: 100%;
}

#SearchTxt>input{
    height: 40px;
}

#SearchWrapper.search #Search #SearchContent.fw-input-group{
    background-color: rgb(229, 229, 229);
    max-width: 400px;
    margin-right: 0px !important;
}

#SearchWrapper.search #Search #SearchContent.fw-input-group #SearchTxt.fw-input-group-text{
    margin-right: 0px;
}

#FastSearch #ResultsContent #ResultsWrapper #ArticleWrapper .result-item.result-article .result-info .result-text{
    display: none;
}

#FastSearch #ResultsContent #ResultsWrapper #ArticleWrapper a.result-link{
    border: 1px solid rgb(211, 211, 211);
}

/* GENERELLA SIDOR */

button.fw-button-success, .fw-button.fw-button-success, .datePickerDates .months .fw-button-success.previous, .datePickerDates .months .fw-button-success.next, button.fw-button-success, 
.fw-button.fw-button-success, .datePickerDates .months .fw-button-success.previous, .datePickerDates .months .fw-button-success.next{
    background-color: rgb(200, 110, 10);
}

button.fw-button-success:hover, button.fw-button-success:focus, button.fw-button-success.fw-button-active, .fw-button.fw-button-success:hover, .datePickerDates .months .fw-button-success.previous:hover, 
.datePickerDates .months .fw-button-success.next:hover, .fw-button.fw-button-success:focus, .datePickerDates .months .fw-button-success.previous:focus, .datePickerDates .months .fw-button-success.next:focus, 
.fw-button.fw-button-success.fw-button-active, .datePickerDates .months .fw-button-success.fw-button-active.previous, .datePickerDates .months .fw-button-success.fw-button-active.next
button.fw-button-success:hover, button.fw-button-success:focus, button.fw-button-success.fw-button-active, .fw-button.fw-button-success:hover, .datePickerDates .months .fw-button-success.previous:hover, 
.datePickerDates .months .fw-button-success.next:hover, .fw-button.fw-button-success:focus, .datePickerDates .months .fw-button-success.previous:focus, .datePickerDates .months .fw-button-success.next:focus, 
.fw-button.fw-button-success.fw-button-active, .datePickerDates .months .fw-button-success.fw-button-active.previous, .datePickerDates .months .fw-button-success.fw-button-active.next{
    background-color: rgb(115, 65, 5);
}

#MainContainer{
    margin-top: 0px;
}

#MainSection.master-section{
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

#StartView.startView .prodlist-header-image-wrapper{
    display: none;
}
#StartView.startView h1{
    text-align: center;
}

#Breadcrumbs #BreadMenu{
    margin: 10px 0 0 0;
}

#Footer .MainFooter_MainMenuContent .fw-list-unstyled{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#Footer ul li{
    margin-right: 1em;  
}

.fw-icon-ok-circled.instock {
    color: rgb(21, 192, 21);
}

.fw-icon-warning.outofstock {
    color: rgb(230, 0, 0);
}

.fw-icon-warning.onorder {
    color: rgb(255, 196, 0);
}

/* CROSS SELLING */
#crossSelling .image-wrapper{
    height: 200px;
}

#cross .image-wrapper > a{
    padding: 0 !important;
    justify-content: center;

}
#cross .image-wrapper img{
    max-height: 200px;
    width: auto;
}

/* SKYLTNING - VY */
#MasterSections.master-sections #MainSection.master-section #ContentWrapper.content-wrapper #ViewWrapper.view-wrapper {
    max-width: 1360px;
    margin: 0 auto;
}

#MasterSections.master-sections #MainSection.master-section #ContentWrapper.content-wrapper #ViewWrapper.view-wrapper .groupview-wrapper.images-no{
    margin-left: 0px;
    margin-right: 0px;
}

#MainContent_GroupView.groupview.onset .groupview-wrapper .item{
    max-width: 25% !important;
    height: 350px;

}

.groupview .item.images-yes .group-link{
    padding: 1rem !important;
    height: 350px;
    background-color: transparent;
}

.group-link .hqy-lazy {
    position: initial;
}

.group-link img{
    max-height: 90%;
    width: auto !important;
    height: auto !important;
}

/* VARUGRUPPER & SKYLTNING*/

#MainContent_ProdListView .prodlist-header-image-wrapper{
    height: 25rem;
}

#ProdListHeader.prodlist-header .list_info h1{
    text-align: center;
}

#ProdListHeader.prodlist-header{
    max-width: 1360px;
    margin: 0 auto;
}

#MainContent_ProdListView .prodlist-header-image-wrapper{
    display: none;
}

#ProductList .image-inner .attribute-image img{
    max-height: 50px;
    max-width: 100px;
}

.prodlist.window-view .image-inner{
    height: 250px;
    display: flex;
    align-items: center;
}

.window-view .inner .image-wrapper{
    width: 100% !important;
    height: 260px;
}

#ProductList .hqy-wrapper{
    height: auto;
    padding-bottom: 0 !important;
    background-color: transparent;
}

#ProductList .hqy-wrapper img{
    max-height: 260px;
    width: auto;
    margin: 0 auto;
    position: relative;
}

#MainContent_ProdListView.prodlistView .prodlist.window-view .view{
    margin-left: 0px;
    margin-right: 0px;
}

#ProductList.prodlist .view .inner:hover{
    border: 2px solid lightsalmon;
    border-radius: 10px;
    padding: 10px;

}

#ProductList.prodlist.window-view .info-wrapper{
    padding: 1rem;
    background-color: #EFEFEF;
}

/* PRODUKTSIDA */

#updProduct.product #GroupImage.groupimage{
    max-width: 100px;
    max-height: 50px;
}

#updProduct.product #Images.product-images .selected-image-wrapper{
    width: 500px;
    height: 500px;
    margin: 0 auto;
    align-items: center;
}

#updProduct.product #Images.product-images .selected-image-wrapper #main_pic{
    max-width: 500px;
    max-height: 500px;
}

#ProductWrapper.product-wrapper{
    max-width: 1360px;
    margin: 15px auto;
}

#fancybox-wrap #fancybox-outer.fancybox-image-outer #fancybox-content #fancybox-img{
    max-width: 85vh;
    max-height: 85vh;
}

#InfoWrapper #Specifications{
    top: -100px;
    position: relative;
}

#RatingsWrapper.ratings-wrapper{
    display: none;
}


@media only screen and (max-width: 1200px) {
    #MainSearch.fs-active #Search{
        max-height: 600px;
        height: auto;
        min-height: 600px;
    }

    #FastSearch #ViewWrapper .result-item{
        flex: 1 0 50%;
    }

    #InfoWrapper #Specifications{
    top: 0px;
    position: relative;
    }
}

@media only screen and (max-width: 748px){
    #MainContent_GroupView.groupview.onset .groupview-wrapper .item{
        max-width: 50% !important;
        height: 350px;
        margin: 10px 0;
    }

    #ProductWrapper.product-wrapper{
        max-width: 1360px;
        margin: 15px;
        }

    #updProduct.product #Images.product-images .selected-image-wrapper #main_pic{
        max-width: 380px;
        max-height: 380px;
    }

    #updProduct.product #Images.product-images .selected-image-wrapper{
        width: 380px;
        height: 380px;
        margin: 0 auto;
        align-items: center;
    }
}