.categorypane {
    width: 100%;
    margin-left:8px;
}
.brandpane {
    display: block;
    clear: both;
    background-color: white;
    width: 100%;
    height: 100%;
}
.blist {
    padding: 4px 4px 4px 0 !important;
}
    .blist button {
        display: inline-block;
        border: 1px solid #ddd;
        background-color: white;
        border-radius: 4px !important;
        padding: 8px 14px 8px 10px !important;
        margin: 0 4px 4px 0 !important;
        width:10em;
        text-align:left;
        white-space:nowrap;
        overflow:hidden;
}

.bp-second {
    margin-top:-15px;
    padding-left:10px;
}

.bp-first .rlbGroup {
    overflow-x: hidden !important;
}
.bp-second .rlbGroup {
    width: 80% !important;
    max-width: 200px;
    overflow-x: hidden !important;
    overflow-x: hidden !important;
}
/* 270825
#main_colCategoriesSecond {
    position:relative;
    left:0px;
}
    */
.brandpane .rlbGroup .rlbList {
    min-height: 100px;
}
#main_tdBrands .brandpane .rlbGroup .rlbList {
    max-height: calc(100vh - 600px);
}
/* ProductList.ascx */
.RadGrid .rgRow td,
.RadGrid .rgAltRow td {
    min-height:70px !important;
}
.RadGrid .rgRow:hover,
.RadGrid .rgAltRow:hover {
    cursor: pointer;
}
.RadGrid .rgSelectedRow > td{
    background-image: none !important;
    background-color: lightblue !important;
}
.avs {
    font-size:.9em;
}
.td-img {
    padding: 2px !important; 
    height: 100%;
    vertical-align: middle !important;
}
.brand {
    float: right;
    margin: 5px 0 0 5px;
}
    .brand img {
        max-width: 70px;
        height: 1.4vw;
        max-height: 35px;
        object-fit: scale-down;
        object-position: top;
        mix-blend-mode: multiply;
    }
.imgcontainer {
    width: 100%;
    margin: auto;
    max-width: 100px;
    padding: 0 !important;
    overflow: hidden;
    display: block;
    border-bottom: none !important;
}
    .imgcontainer img.galleryfit {
        width: 100% !important;
        /*max-height: 60px !important;*/
        max-height: 4vw !important;
        object-fit: scale-down !important;
        mix-blend-mode: multiply;
        position: relative;
        border: none;
        z-index: 0;
    }
.td-stock,
.td-stock .riUp,
.td-stock .riDown,
.td-stock .riButton {
    text-align: center;
    color: darkslategray !important;
    /* vertical-align: middle !important; */
}
.td-stock {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.stockcontainer {
    margin: auto;
    width: 100%;
    max-width: 150px;
    min-height:75px;
    padding: 0 !important;
    /*
    background-image: url('/img/px.png');
    background-size:cover;
    background-position: center; 
    background-repeat: no-repeat;
    */
}
.iwrap {
    height: 38px;
    margin-top: 7px;
}

.stockcontainer .riTextBox,
    .iwrap .riTextBox {
        text-align: center;
        padding-right: 84px !important;
    }

.stockcontainer .RadInput .riButton:before,
    .iwrap .RadInput .riButton:before {
        content: "\e143";
        font-size: 1.6em;
        position: relative;
        left: -2px;
        top: 1px;
    }
.shownode {
    display:inline;
}
.hidenode {
    display:none;
}
.marknode {
    cursor:default !important;
    color: gray !important;
}
.buyfull {
    display:block !important;
}
.buytiny {
    display: none !important;
    height: 0 !important;
}
.buytiny button {
    margin: 7px auto 0;
}
    .buytiny button:before {
        font: 2em/1 "WebComponentsIcons" !important;
        content: "\e143" !important;
        border: none !important;
}
    .buytiny button.rbButton.rbIconOnly {
        padding: 3px 0 0 3px !important;
    }
    @media only screen and (min-width: 1381px) and (max-width: 1490px) {
        .buyfull {
            zoom: .9;
            padding-top: 5px;
        }
    }

    @media only screen and (min-width: 1281px) and (max-width: 1380px) {
        .buyfull {
            zoom: .8;
            padding-top: 5px;
        }
    }

    @media only screen and (min-width: 1181px) and (max-width: 1280px) {
        .stockcontainer {
            zoom: .8;
        }
        .buyfull {
            padding-top: 5px;
            zoom: .85;
        }
    }
    @media only screen and (max-width: 1180px) {
        .stockcontainer {
            zoom: .75;
        }
        .buyfull {
            display: none !important;
        }
        .buytiny {
            display: block !important;
            zoom:1;
        }
    }
    /*
    @media only screen and (max-width: 1024px) {
        .stockcontainer {
            zoom: .75;
        }
        .buyfull {
            display: none !important;
        }

        .buytiny {
            display: block !important;
            zoom:1.3333;
        }
    }

    @media only screen and (max-width: 760px) {
        .stockcontainer {
            zoom: .6;
        }
    }
        */
#price {
    font-weight: bold;
    line-height: 2em;
    overflow: hidden;
}
@media only screen and (max-width: 1279px) {
    #price {
        font-size: clamp(.7em, 2vw, 1.35em);
    }
}
@media only screen and (min-width: 1280px) {
    #price {
        font-size: clamp(.7em, 1vw, 1.35em);
    }
}

.brandlistbox {
    width: calc(100% - 5px);
    height: 100%;
}

#stock {
    display: block;
    padding-top: 8px;
    //padding-bottom: 8px;
}

    #buy {
        display: none;
        margin: auto !important;
    }



    .rgMasterTable {
        border: none !important;
    }

    .button_clear {
        height: 37px;
        padding-top: 7px !important;
    }

        .button_clear::before {
            content: "\e11b" !important;
            font: 16px/1 "WebComponentsIcons";
            font-size: 1.3em;
        }

    .hidclose .rbButton:hover {
        color: red !important;
    }



    /* Item.ascx */
    .item-title {
        padding: 4px 0 0;
        margin-bottom: 15px;
        font-size: 1.25em;
        font-weight: bold;
    }

.item-pricestockblock {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    margin: 0 auto 10px;
}

    .item-pricestock {
        text-align: center;
        padding: .6em 0 .8em 0;
        width: calc(100% - 1px);
        border: 1px solid steelblue !important;
        color: darkslategray;
        background-color: aliceblue;
        border-radius: 6px;
    }

    .item-stock td {
        padding: 0px;
    }

    .tbl-perm {
        width: 100%;
        border-collapse: collapse;
        table-layout: auto;
    }

    .tbl-item {
        border-collapse: collapse;
        padding: 0px;
    }

        .tbl-item tr {
            vertical-align: top;
        }

        .tbl-item th {
            padding-right: 10px;
        }


    .img-block {
        background-color: white;
        border: 1px solid #dedede;
        border-radius: 4px;
        padding: 0 10px;
        margin: 0 0 15px 0;
    }

    .isingle {
        aspect-ratio: 4/3 !important; /* ok */
        display: flex;
        padding: 15px;
    }

        .isingle img {
            margin: auto !important;
            aspect-ratio: 4/3 !important;
            object-fit: scale-down;
        }

    .igal:focus {
        border: none !important;
    }

    .igal .rigActiveImage {
        padding-top: 5px !important;
    }

    .igal.rigFullscreen .rigActiveImage {
        object-fit: fill !important;
    }

    .ice {
        display: block;
        width: 100%;
        text-align: right;
        font-style: italic;
        font-size: .9em;
    }

    /* Denne er i orden for normal visning */
    .igal .rigItemBox {
        height: initial !important;
        aspect-ratio: 4/3 !important;
    }

    .igal.rigFullscreen .rigItemBox {
        position: absolute !important;
        bottom: -325px !important;
    }

    .igal.rigFullscreen .rigThumbnailsBoxHorizontal {
        position: absolute !important;
        bottom: 0 !important;
    }


    .igal.RadImageGallery:focus-visible {
        outline-color: transparent !important;
    }

    .RadImageGallery .rigControlsSet {
        position: relative;
        z-index: 1;
    }

    .RadImageGallery .rigFullscreen {
        position: absolute !important;
        top: 0 !important;
    }

        .RadImageGallery .rigFullscreen::backdrop {
            position: absolute !important;
            top: 0 !important;
        }

    .iconHtmlLink:before {
        font: 1.2em/1 "WebComponentsIcons" !important;
        content: "\e134" !important;
        border: none !important;
        color: #ed1c2b;
    }

    .stripped_small_button {
        border-color: transparent !important;
        border-width: 0;
        height: 0;
        width: 16px !important;
        top: 6px;
        padding: 0 !important;
        margin-left: 12px !important;
        background-color: transparent !important;
    }

    .igal .rigThumbnailsList {
        width: max-content !important;
    }

    .igal.RadImageGallery {
        background-color: white !important;
        margin-bottom: 5px !important;
    }

        .igal.RadImageGallery .rigThumbnailsBox,
        .igal.RadImageGallery .rigToolbarBottomInside {
            background-color: transparent !important;
        }

    #ctl00_main_pbProductsWide_i1_ucItem_imgItemGallery_ImageArea_Image,
    #ctl00_main_pbProductsWide_i1_ucItem_imgItemGallery_ImageArea_ImageWrapper > div,
    #ctl00_main_pbProductsWide_i1_ucItem_imgItemGallery_ImageArea,
    .rigToolBar {
        background-color: transparent !important;
    }

    .rigToolBar {
        padding-right: 0 !important;
    }

    .igal.RadImageGallery .rigProgressBar {
        top: 38px;
        height: 1px !important;
    }

    .igal span.rigIcon {
        color: steelblue;
    }

    .igal .rigThumbnailsBoxHorizontal {
        height: 80px !important;
    }

    .igal.RadImageGallery .rigScrollPrevButton,
    .igal.RadImageGallery .rigScrollNextButton {
        margin-top: -46px !important;
    }

    .igal.RadImageGallery rigThumbnailsBoxHorizontal {
        height: 80px !important;
    }

    .igal.RadImageGallery .rigScrollPrevButton .rigIcon,
    .igal.RadImageGallery .rigScrollNextButton .rigIcon {
        display: block !important;
        color: steelblue !important;
        font-size: .5em;
        mix-blend-mode: multiply;
    }

        .igal.RadImageGallery .rigScrollPrevButton .rigIcon:hover,
        .igal.RadImageGallery .rigScrollNextButton .rigIcon:hover {
            background-color: white !important;
            border-radius: 5px;
            border: 1px solid #777;
        }

    .tabbed {
        margin-top: 18px;
    }

        .tabbed .rtsLevel {
            padding-left: 15px;
        }

    .pageview {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 12px 7px;
    }

        .pageview .blocks {
            display: block;
        }

            .pageview .blocks > div {
                padding: 12px 15px;
                color: #555 !important;
            }

            .pageview .blocks .head {
                font-size: 1.4em;
            }

    .tbl-feat {
        width: 100%;
    }

        .tbl-feat tr.detail:hover {
            background-color: #fbfbfb;
        }

        .tbl-feat tr.detail td {
            padding-left: 10px;
        }

    @media only screen and (max-width: 1279px) {
        .tbl-feat td.first-col {
            width: 50%;
        }
    }

    @media only screen and (min-width: 1280px) {
        .tbl-feat td.first-col {
            width: 350px;
        }
    }

    .tbl-doc {
        width: 100%;
    }

    .request {
        display: block;
        margin: 40px 0;
    }

    .tbl-feat td.group,
    .tbl-doc th {
        background-color: #ddd;
        font-weight: bold;
        padding: 4px 10px 2px;
    }

    .tbl-doc tr:hover {
        background-color: #fbfbfb;
    }

    .tbl-doc tr.alt {
        background-color: #fcfcfc
    }

    .tbl-doc td {
        padding: 8px 10px 4px;
    }

        .tbl-doc td a {
            text-decoration: none;
        }

        .tbl-doc td img {
            vertical-align: text-top;
            width: 16px;
            height: 16px;
            padding-right: 6px
        }

    .tbl-doc .cntr {
        text-align: center;
    }

    .tbl-doc .lnk {
        white-space: nowrap
    }


    .nocat {
        width: calc(100% - 45px);
        font-style: italic;
        font-size: .9em;
        color: #777;
        padding: 15px 10px;
        text-align: center;
    }

    tr.rgNoRecords {
        border-color: transparent !important;
    }

    .rgNoRecords td {
        text-align: center !important;
        color: #000;
        font-style: italic;
        font-size: 1em;
        height: 80px !important;
        padding: 5px 20px !important;
        vertical-align: middle !important;
    }

    .notfound {
        display: block;
        text-align: center;
        font-style: italic;
        font-size: 1em;
        color: #777;
        padding: 50px 0 20px !important;
        vertical-align: middle !important;
    }

    .selector {
        display: inline-block;
        height: 70px;
        vertical-align: top;
        margin-bottom: -4px
    }


    /* Switches med smal velger */
    .k-switch-container {
        box-shadow: inset 0 0 0 1px #ccc !important;
    }

    .k-switch-off {
        background-color: #fff !important;
    }

    .k-switch-handle {
        width: 21px !important;
        height: 21px !important;
        top: 0px !important;
        background-color: #ccc !important;
    }

    .k-switch-on .k-switch-handle {
        left: calc(100% - 23.5px) !important;
    }

    .k-switch-off .k-switch-handle {
        left: 2px !important;
    }

    .k-label-off .k-label-on {
        top: 46% !important;
    }

    .switches {
        vertical-align: top;
        margin-top: 8px
    }

        .switches .switch {
            margin-bottom: -2px;
            white-space: nowrap;
            float: right;
        }


    .sw {
        /* width: 9.2em !important;   Fjenes for smal switch! */
        margin-bottom: 7px;
        font-size: 1em !important;
        font-variant: small-caps !important;
        font-variant: all-small-caps !important;
        white-space: nowrap;
    }

        .sw .k-switch-label-on, .k-switch-label-off {
            top: 46% !important;
        }

    .lbl {
        white-space: nowrap;
        font-variant: small-caps !important;
        font-variant: all-small-caps !important;
        padding-left: 3px;
    }








    .rgMasterTable th {
        display: none !important;
    }









    /* Fra backup */
    .RadListBox.rlbFixedHeight .rlbGroup {
    }



    /* ProductList.ascx */
    .productspane {
        display: table;
    }

    .rgMasterTable {
        border: none;
    }

        .rgMasterTable td {
        }

    .headerstyle {
        display: none;
    }

    .itempane {
        height: 100%;
        margin-top: 0px;
    }

    @media only screen and (min-width: 820px) {
        .brandlogo {
            display: block;
        }
    }

    @media only screen and (max-width: 819px) {
        .brandlogo {
            display: none;
        }
    }

    .brandlogo img {
        display: block;
        max-width: 100%;
        max-height: 34px;
        width: auto;
        height: auto;
        vertical-align: middle;
        position: relative;
        right: 25px;
    }

    .grid-layout {
        // margin-right:15px !important;
    }







    .RadAjax_Bootstrap .raDiv {
        mix-blend-mode: multiply !important;
    }




    .imageheight {
        height: 10vw;
    }

    .imagenone {
        height: initial !important;
    }

    #pbThree > ul > li > .rpSlide {
        width: 100% !important;
        padding: 0 !important;
    }