﻿/*#region Initial / Bootstrap override */
* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.OHPDF {
    min-width: 50px;
    max-width: 50px;
}
OHTT {
    min-width: 70px;
    max-width: 70px;
}
OHErpCaseNumber {
    max-width: 115px; /*120*/
}
OHErpInvoiceNumber {
    max-width: 115px; /*125*/
}
OHErpOrderCode {
    max-width: 180px; /*190*/
}
OHOrderedType {
    width: 65px; /*190*/
}
OHRequisitionNumber {
    width: 145px; /*190*/
}
OHCreatedDate {
    width: 130px;
}


html, body, #TheForm, .PageFrame {
    min-height: 100%;
    font-family: 'Open Sans',sans-serif;
}

body {
    background-color: #f3f3f3;
    margin-top: 0;
}

form {
    margin-bottom: 0
}

input[type="button"], input[type="submit"], input[type="text"], select,input[type="password"] {
    line-height: normal !important;
    padding: 4px;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px
}

    a, input:focus, select:focus, textarea:focus, button:focus {
        outline: none !important
    }

.col-md-3::after {
    content: '\00a0';
}

.PageFrame {
    width: 100%;
    border: 0;
    background-repeat: no-repeat;
    z-index: 100;
    background-image: none;
    padding: 0;
    margin: 0;
    background-color: #f3f3f3
}

.HeaderFrame {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    height: auto;
    display: block;
    /*z-index: 1;
    z-index: 999999 !important;*/
    background-color: rgb(255,255,255);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.075);
}

.IsIE .HeaderFrame {
    z-index: 10000000;
}

.BodyFrame {
    max-width: 1140px;
    margin: 0 auto;
    background-color: #fff;
    padding: 35px 20px 20px 20px;
    min-height: 73vh;
    min-height: calc(73vh + 48px);
    height: calc(100% - 177px);
}

.FooterFrame {
    margin-top: 0;
    padding: 10px;
    min-height: 25px;
    color: #ffffff;
    text-align: center;
    background-color: #303d49;
    font-size: 10px;
    position: relative;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
}

.form-control {
    height: calc(2.5rem + 2px);
    font-family: 'Open Sans',sans-serif
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    min-height: 1px;
}

img {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: rgba(193,191,191,1) !important
}

:-moz-placeholder {
    color: rgba(193,191,191,1) !important;
    opacity: 1
}

::-moz-placeholder {
    color: rgba(193,191,191,1) !important;
    opacity: 1
}

:-ms-input-placeholder {
    color: rgba(193,191,191,1) !important
}

::-ms-input-placeholder {
    color: rgba(193,191,191,1) !important
}

::placeholder {
    color: rgba(193,191,191,1) !important
}

.row::after {
    display: block;
    clear: both;
    content: ""
}

.btn {
    border-radius: 4px !important;
}

    .btn.disabled, .btn:disabled {
        opacity: .65
    }

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-primary {
    background-color: rgba(40,167,69,1);
    color: #fff;
    border-color: transparent
}

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: rgba(40,187,69,1);
        color: #fff;
        border-color: transparent
    }

    .btn-primary:hover, btn-primary:active {
        background-color: rgba(40,187,69,1);
        color: #fff;
        border-color: transparent
    }

.btn-secondary {
    color: #1c1e20 !important;
    background-color: #ffffff;
    border-color: #d2d2d2
}

    .btn-secondary:hover {
        color: #fff !important
    }

.btn.aspNetDisabled, .btn.aspNetDisabled:hover {
    background-color: rgba(40,167,69,0.5) !important;
    color: #fff !important;
    border-color: transparent;
    cursor: default !important
}

.navbar-nav {
    background-color: #fff;
    font-weight: 300
}

.container {
    max-width: 1140px !important
}

a {
    color: #409cd5;
    text-decoration: none;
}

.h2, h2 {
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 20px ;
    color: #38404A;
    font-family: tt_supermolot_neue_expandedBd;
    font-size: 24px;
}
h2:after{
    margin: 20px auto 30px;
    content: "";
    width: 40px;
    height: 5px;
    transform: skew(45deg);
    background: #c20012;
    display: block;
}


.navbar-collapse {
    height: 100%;
}

.navbar {
    padding-left: 0;
    margin-bottom: 0;
    height: 100%;
    font-family: 'tt_supermolot_neue_expandedMd';
}
.HLink0.nav-link:first-of-type > a:first-of-type {
    padding-left: 0;
}

.navrow {
    padding-bottom: 10px;
}
/*#endregion*/
.ButtonAddToBasket {
    background: url('/App_Themes/shop.ndias.com/Images/cart.png') no-repeat 0 0
}

.RegNrLookUpTyreSizeItem {
    display: block
}

.RegNrLookUpLink {
    padding-left: 30px
}

.HeaderNavigation {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    /*padding: 0 15px 0 0;*/
}

.HeaderLogo {
    position: absolute;
    top: 0;
    left: 10px
}

.HeaderFrame .HLink0 {
    color: black;
    font-size: 14px
}

.HeaderFrame .HLink0Selected {
    color: #dd1a00;
    font-size: 14px;
    font-weight: 300
}

.LoginName {
    color: #000;
    font-size: 12px;
    /*padding-top: 14px;*/
    color: black !important;
    margin: 0 !important;
}

.LoginBox {
    text-align: left;
    vertical-align: text-bottom;
    padding: 0;
    right: 0;
    /*left: 85px;
    top: -25px;
    position: absolute;*/
    float: right;
    font-size: 12px !important;
    color: black;
}

a.LoginName.d-none.d-md-inline-block {
    color: #ed1c24 !important;
}

.Level2 {
    position: absolute;
    top: 41px;
    background-color: white;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.18);
    margin-left: -15px;
    transition: opacity 0.5s;
    opacity: 0;
    z-index: 1000011;
}

.HLink0, .HLink1, .HLink2, .HLink3, .HLink4, .HLink5 {
    display: inline-block;
    padding: 0
}

.HLink1, .HLink2, .HLink3, .HLink4, .HLink5 {
    display: none
}

.VLink0:hover, .VLink1:hover, .VLink2:hover, .VLink3:hover, .VLink4:hover, .VLink5:hover, .VLink0Active, .VLink1Active, .VLink2Active, .VLink3Active, .VLink4Active, .VLink5Active {
    color: #e52c1f
}

.HLink0:hover, .HLink1:hover, .HLink2:hover, .HLink3:hover, .HLink4:hover, .HLink5:hover {
    color: #cccccc;
    cursor: pointer;
}

.VLink0, .VLink1, .VLink2, .VLink3, .VLink4, .VLink5, .VLink0Active, .VLink1Active, .VLink2Active, .VLink3Active, .VLink4Active, .VLink5Active {
    display: block;
    padding: 5px;
    font-family: 12px;
    color: #272727
}

.VLink0Selected, .VLink1Selected, .VLink2Selected, .VLink3Selected, .VLink4Selected, .VLink5Selected {
    color: #dd1a00
}

.VLink1, .VLink1Selected {
    padding-left: 20px
}

.VLink2, .VLink2Selected {
    padding-left: 40px
}

.VLink3, .VLink3Selected {
    padding-left: 60px
}

.VLink4, .VLink4Selected {
    padding-left: 80px
}

.MiniBasketSectionFrame {
    margin-top: 30px;
    padding: 10px;
    background-image: url(/App_Themes/shop.ndias.com/Images/CartFrame.png);
    height: 80px;
    background-repeat: no-repeat
}

    .MiniBasketSectionFrame h1 {
        font-size: 12px;
        font-family: lucida grande,lucida sans unicode;
        font-weight: normal;
        color: Black
    }

.SearchSectionFrame h1 {
    display: none
}

.DeliveryAddressAltSectionFrame h1 {
    font-family: Verdana;
    font-size: 11px;
    color: Black
}

.SelectionAreaDropDownList {
    position: absolute;
    right: 0;
    width: 130px
}

.SearchFilterComboBox .ajax__combobox_textboxcontainer input {
    border: 1px solid #cccccc;
    border-right: 0 none;
    width: 95%
}

.SearchFilterItem {
    display: inline-block;
    height: 75px;
    padding: 0;
    width: 115px;
    vertical-align: top;
    margin-right: 5px
}

.SearchFilterTextBox {
    width: 140px
}

.regNrText {
    display: inline-block
}

.regNrValue {
    display: inline-block;
    padding: 5px 0 5px 0
}

.regNrContainer {
    width: 500px
}

.regNrTextBox {
    width: 60px
}

.ddTitleText img {
    height: 17px
}

table.GridView td .StockInformation {
    padding: 0 0 0 9px;
    display: inline-block;
    width: 22px;
    position: relative;
    top: 2px
}

.ImageStock {
    display: inline-block;
    *display: inline;
    width: auto;
    height: fit-content;
    width: auto;
    position: static
}

.ContentWidth {
    position: relative;
    width: 100%;
    max-width: 1340px;
    margin: 0 auto
}

.HeaderFrame .Logo {
    position: static;
    left: auto;
    top: auto;
    padding: 10px;
}

    .HeaderFrame .Logo img {
        height: 36px;
        margin-top: -5px;
        margin-left: 3px
    }

.HeaderBasketButton {
    z-index: 99999
}

.SegmentSelector {
    position: absolute;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: 15px
}

/*#region ComboBox*/
.ComboBoxFrame {
    display: block;
    position: relative;
    margin-right: 20px;
    border: 1px solid #ced4da;
    border-radius: 4px !important;
}

    .ComboBoxFrame input {
        margin: 0
    }

.ComboBoxTextBox {
    border: 0;
    border-radius: 4px !important
}

.ComboBoxTextBox, .ComboBoxSelect {
    padding: 4px;
    font-size: 11px;
    width: 100%
}

.ComboBoxSelect {
    margin: 0;
    padding: 0
}

.ComboBoxButton {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 13px;
    background-image: url('/App_Themes/shop.ndias.com/Images/ComboBoxArrow.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.ComboBoxResultsFrame {
    position: absolute;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    min-width: 168px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9999
}

.ComboBoxResult {
    padding: 4px;
    cursor: pointer;
    min-height: 14px;
    font-size: 15px
}

    .ComboBoxResult:hover {
        background-color: #cccccc
    }

.ComboBoxResultSelected {
    background-color: #cccccc
}
/*#endregion*/

.SearchFilterButtons input {
    margin-top: 19px;
    margin-left: 2px
}

.DesignGridButton {
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    background-image: url(/Images/DesignIcon.png);
    background-position: center center;
    background-size: 20px 20px;
    background-color: rgba(255,255,255,0.66);
    background-repeat: no-repeat;
    border: 1px solid rgba(0,0,0,0.58);
    z-index: 9999999999;
    cursor: pointer
}

.DesignGrid {
    position: fixed;
    left: 50%;
    height: 100%;
    width: 1340px;
    margin-left: -670px;
    background-image: url(/Images/DesignGrid.png);
    pointer-events: none;
    display: none;
    z-index: 9999999999
}

    .DesignGrid.Visible {
        display: block
    }
/*
.CarSelector2 {
    position: relative;
    top: -38px;
    display: flex
}

    .CarSelector2 .RegNumber {
        width: 433px;
        height: 76px;
        border: 0;
        padding: 10px;
        background-color: #ffffff;
        margin-right: 20px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
        padding-left: 30px;
    }

    .CarSelector2 select {
        width: 443px;
        height: 76px;
        border: 0;
        padding: 10px;
        background-color: #ffffff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
        padding-left: 30px
    }

    .CarSelector2 .Search {
        position: absolute;
        left: 304px;
        background-color: transparent;
        width: 120px;
        height: 76px;
        border: 0;
        color: #ffffff;
        cursor: pointer;
        background-image: url(/Images/RegNumberBackground.png);
        background-position: right top;
        background-repeat: no-repeat
    }

    .CarSelector2 .Clear {
        background-color: #bbbbbb;
        width: 30px;
        border: 0;
        color: #333333;
        cursor: pointer
    }
    */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out,background-color 9999s ease-out";
    -webkit-transition-delay: 9999s
}

.fader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: #000;
    display: none;
    transition: opacity .3s ease-out;
    z-index: -2
}

.panel-wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transform: translateY(-100%);
    transition: .3s ease-in;
    z-index: -1;
    opacity: 0
}

.panel input[type="text"] {
    line-height: normal !important;
    background-color: transparent;
    border: 1px solid #576c8c;
    width: 100%;
    display: block;
    font-size: 1.5em;
    color: #fff;
    padding: 5px
}

.panel {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #242429;
    color: #fff;
    overflow: auto;
    box-shadow: -15px 0 30px 3px rgba(0,0,0,0.30);
}

    .panel h1 {
        font-size: 2em;
        color: #fff
    }

#panelShowCheck:checked ~ .panel-wrap {
    transform: translateX(0%);
    opacity: 1;
    z-index: 99999
}

#panelShowCheck:checked ~ .fader {
    display: block;
    opacity: 0.2;
    z-index: 9999
}

.icn {
    padding: 10px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icn_tracking {
    background-image: url('/App_Themes/shop.ndias.com/Images/tracking-tt.png');
}

.icn_kurv {
    background-image: url('/App_Themes/shop.ndias.com/Images/kurv.png');
}

.icn_favorit {
    background-image: url('/App_Themes/shop.ndias.com/Images/favroritlister.png');
}

.icn_profile {
    background-image: url('/App_Themes/shop.ndias.com/Images/dinkonto.png');
}

.icn_carinfo {
    background-image: url('/App_Themes/shop.ndias.com/Images/caricon.png');
    background-size: 22px 22px;
    background-position: center 1px;
}

    .icn_carinfo.noinfo {
        opacity: 0.5;
    }


.productBox {
    height: 220px;
    border: 1px solid #eee;
    min-width: 30%;
    max-width: 30%;
    display: inline-block
}
/*#region ArticleList*/
.exceptional, .prima, .lowcost {
    position: absolute;
    writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    display: block;
    bottom: 40%;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 3px
}

.exceptional {
    background-color: #ff003a !important;
    color: #fff !important
}

.prima {
    background-color: #303d49 !important;
    color: #fff !important
}

.lowcost {
    background-color: #f9f6f4 !important;
    color: #000 !important
}

.color-exceptional {
    color: #ff003a !important
}

.color-prima {
    color: #303d49 !important
}

.color-lowcost {
    color: #f9f6f4 !important
}

.ArticleList div {
    vertical-align: top;
    display: inline-block;
    justify-content: flex-start;
    display: flex;
}

.ArticleList .prima, .ArticleList .exceptional, .ArticleList .lowcost {
    left: 0;
    bottom: 0;
    display: block !important
}

.ArticleList .Product {
    background-color: #ffffff;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    margin: 0 !important;
    box-shadow: none;
    padding: 0 !important;
    border: 1px solid #eee;
    border-bottom: none
}

    .ArticleList .Product .Image {
        width: 130px;
        margin-right: 20px;
        height: 100px;
        border-right: 1px solid #eef0f2
    }

        .ArticleList .Product .Image .Popup {
            width: 700px;
            max-width: calc(50vw - 100px);
            position: absolute;
            top: 20px;
            left: 100px;
            z-index: 999;
            background-color: #ffffff;
            display: none;
            -webkit-box-shadow: 10px 10px 50px -15px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 50px -15px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 50px -15px rgba(0,0,0,0.75);
            padding: 20px
        }

        .ArticleList .Product .Image:hover .Popup {
            display: block
        }

        .ArticleList .Product .Image .Popup img {
            float: left;
            border-right: 1px solid #eef0f2;
            margin-right: 20px
        }

        .ArticleList .Product .Image .Popup td {
            padding-right: 10px;
            padding-bottom: 5px
        }

    .ArticleList .Product .Text {
        width: auto;
    }

        .ArticleList .Product .Text div {
            display: block;
            margin-top: 10px
        }

        .ArticleList .Product .Text span {
            display: inline-block
        }

        .ArticleList .Product .Text div:first-child {
            font-weight: bold;
            margin-top: 0;
            font-size: 19px;
            margin-bottom: 24px
        }

    .ArticleList .Product .Stock {
        display: none
    }

        .ArticleList .Product .Stock .Popup {
            position: absolute;
            background-color: maroon;
            display: none;
        }

        .ArticleList .Product .Stock:hover .Popup {
            display: block;
        }

    .ArticleList .Product .AddtoBasket {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 20px
    }

        .ArticleList .Product .AddtoBasket [type=text] {
            border: 1px solid #dbe0e4;
            color: rgba(43,43,43,1);
            background-color: #ffffff;
            text-align: center;
            width: 50px
        }

        .ArticleList .Product .AddtoBasket [type=submit] {
            border: 1px solid #E00636;
            color: #ffffff;
            background-color: #E00636;
            width: 140px;
        }

    .ArticleList .Product .Prices {
        width: 234px;
        position: static;
        padding: 20px;
        display: inline-block;
    }

        .ArticleList .Product .Prices .Net, .ArticleList .Product .Prices .Gross {
            display: block;
            padding-bottom: 6px
        }

            .ArticleList .Product .Prices .Net div, .ArticleList .Product .Prices .Gross div {
                position: static;
            }

    .ArticleList .Product .AddToBasket {
        padding: 20px;
        text-align: right;
        position: static;
        display: inline-block
    }

.ArticleList .First, .ArticleList .Second, .ArticleList .Third, .ArticleList .Fourth {
    display: inline-block
}

.AddToBasketButton {
    padding: 8px 12px !important;
    font-size: 12pt !important;
    display: block !important
}

.ArticleListNDI {
    position: relative;
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
}

    .ArticleListNDI .Product {
        background-color: #ffffff;
        margin: 0 !important;
        box-shadow: none;
        position: relative;
        padding: 0 !important;
        border: 1px solid #eee;
        border-bottom: none
    }

        .ArticleListNDI .Product .AddToBasket {
            padding: 20px !important;
            text-align: right;
            position: static;
            display: inline-block
        }

.fiFI .ArticleListNDI .Product .AddToBasket {
    max-width: 190px;
}

.ArticleListNDI .First, .ArticleListNDI .Second, .ArticleListNDI .Third, .ArticleListNDI .Fourth {
    display: inline-block
}

.ArticleListNDI .prima, .ArticleListNDI .exceptional, .ArticleListNDI .lowcost {
    left: 0;
    bottom: 0;
    display: block !important
}

.ArticleListNDI .ProductMisc {
    background-color: #ffffff;
    margin: 0 !important;
    box-shadow: none;
    position: relative;
    padding: 0 !important;
    border: 1px solid #eee;
    border-bottom: none;
}

    .ArticleListNDI .ProductMisc .AddToBasket {
        padding: 20px;
        text-align: right;
        position: static;
        display: inline-block
    }

.ArticleListNDI .Gross .calcedPrice, .ArticleListNDI .Gross > div {
    display: inline-block;
    font-size: 18px;
    font-weight: 400
}

.ArticleListNDI .Net > div {
    display: inline-block
}

.artCols {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-align: start
}

.Row3 {
    font-size: 12px
}

    .Row3 img {
        margin-left: 5px
    }

        .Row3 img:first-of-type {
            margin-left: 0
        }

.First, .Second, .Third, .Fourth {
    margin: 0;
    border: 1px solid #d0d0d0;
    padding: 5px 10px 5px 8px;
    background-color: #ececec;
    width: 25%;
    float: left;
    text-align: center
}

    .First div, .Second div, .Third div, .Fourth div {
        display: inline-block
    }

.ArticleDDL {
    border-radius: 4px !important;
    text-align: center !important;
    width: 66px !important
}

.SimplePrice {
    display: block;
    font-size: 70%
}

    .SimplePrice div {
        display: inline
    }



.stockSubheader {
    font-size: 11px;
    /*color: #28a745*/
}

    .stockSubheader p {
        display: inline-block;
    }

.stockHeader {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 4px;
}

.seeMore {
    font-weight: 300;
    font-size: 12px;
    color: #ed1c24 !important
}

.Gross {
    font-size: 16px;
    font-weight: 300
}

.ndi80 .Gross {
    white-space: nowrap;
}

.calcedPrice {
    font-size: 18px !important;
    font-weight: normal
}



input.TextboxGridView::-webkit-outer-spin-button, input.TextboxGridView::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.TextboxGridView[type=number] {
    -moz-appearance: textfield
}

.imgDetails {
    margin-right: 10px;
    display: inline-block;
    line-height: 50px;
    font-size: 12px
}

    .imgDetails img {
        margin-top: -10px
    }

    .imgDetails.Sub3 {
        margin-right: 0 !important;
    }

.artCols {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-align: end;
    justify-content: right;
    -webkit-justify-content: right
}



.ArticleListImage {
    width: 134px !important
}

    .ArticleListImage:hover + div.literalPopup {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .ArticleListNDI .imgDetails {
        margin-right: 20px !important
    }

.ArticleListNDI .imgDetails {
    margin-right: 16px !important;
}

.ArticleListNDI .productInfo {
    line-height: 23px !important
}

.productInfoMisc .ArticleListImage {
    width: 94px !important
}

.productInfo .py-1 {
    white-space: nowrap
}

.literalPopup {
    display: none;
    padding: 20px 10px 20px 0;
    border: 1px solid lightgrey;
    top: 0px;
    position: absolute;
    background-color: white;
    z-index: 9999999;
    left: 128px;
    box-shadow: 0px 2px 5px #aaaaaa;
}

    .literalPopup > table {
        width: unset;
        max-width: 360px;
        float: right;
        margin: 10px 0 0 0;
        order: 3;
    }

    .literalPopup > img {
        vertical-align: top;
        width: 320px;
        max-width: none;
    }

    .literalPopup > table > tbody > tr > td {
        padding: 0px 6px;
        font-size: 15px;
        line-height: 1.2;
    }

div.literalPopup:hover {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.literalPopupContainerNoEprel {
}

/*#endregion*/

.itemLink {
    color: #1a1a1a;
    text-decoration: none;
    display: block;
    padding: .75rem .75rem .45rem .75rem
}

    .itemLink:hover {
        text-decoration: none
    }

.rounded-search {
    border-radius: 25px !important
}

.topLinks {
    font-size: 12px;
    text-align: right;
    justify-content: flex-end;
    padding-left: 5vw;
    padding-right: 10px;
    display: flex
}

    .topLinks i {
        font-size: 20pt;
        color: #000
    }

    .topLinks a {
        /*color: #409bd5 !important;*/
        color: #000; margin: 5px 0 5px 1rem
    }



.BasketQuantity {
    border-radius: 50% !important;
    background-color: red;
    padding: 1px 5px 0 5px;
    color: #fff;
    position: absolute;
    top: -5px;
    right: 15px;
    font-weight: normal
}

.bqSm {
    font-size: 10px;
    top: 15px
}

.HeaderFrame .HLink0Selected {
    font-size: 14px
}

.HeaderFrame .HLink0 {
    font-size: 14px
}

.HeaderFrame > container {
    padding: 0 6px
}



.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    text-transform: uppercase
}

    .overlay.lvl0 {
        z-index: 99000
    }

    .overlay.lvl1 {
        z-index: 99100
    }

    .overlay.lvl2 {
        z-index: 99200
    }

    .overlay.lvl3 {
        z-index: 99300
    }

    .overlay.lvl4 {
        z-index: 99400
    }

.overlay-content {
    width: 100%;
    text-align: center;
    margin-top: 0
}

.overlay a {
    text-decoration: none;
    text-transform: none;
    display: inline-block;
    transition: 0.3s;
    text-align: left;
    border-left: 1px solid #eee;
    color: #1a1a1a
}

.openLink {
    padding: 8px !important;
    width: calc(100% - 60px)
}

.MLink0, .MLink1, .MLink2 {
    text-align: left;
    background-color: rgba(255,255,255,0.15);
    margin-bottom: 0;
    overflow: hidden;
    border-bottom: 1px solid #f6f6f6;
    color: #1a1a1a;
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.overlay a:hover, .overlay a:focus {
    color: #a1a1a1
}

.MLink0 {
    background-color: rgba(255,255,255,0.15)
}

.openSubmenu {
    /*padding: 0 !important;
    height: 38px;
    position: absolute;
    width: 100%;
    left: 0;*/
    position: absolute;
    right: 0;
}

.overlay .closebtn {
    border-left: none !important;
    line-height: 21px !important;
    color: #868585 !important;
    font-size: 14px !important;
    background-color: transparent !important;
    text-align: left !important;
    border-bottom: 1px solid #f6f6f6 !important;
    width: 100vw !important
}

.closebtn span.title {
    display: inline-block !important;
    width: calc(100% - 55px) !important;
    text-align: left !important;
    padding: 9px 0 9.5px 0 !important;
    border-right: 1px solid #f6f6f6 !important;
    height: 100% !important
}

.closebtn span.times {
    padding: 6px 16px 0 !important;
    line-height: 30px !important;
    font-size: 15pt !important;
    color: #000000 !important;
    margin-bottom: 0 !important;
    position: absolute;
    top: 0;
    font-weight: bold !important
}

.menuTitle {
    display: block;
    font-size: 7pt;
    margin-top: -10px;
    text-transform: none;
    margin-left: 0;
    font-weight: bold
}

.HLink0:hover .Level2 {
    opacity: 1
}

    .HLink0:hover .Level2 .HLink2 {
        display: block;
        white-space: nowrap
    }

.SearchRegNoBox {
    text-align: right;
    margin: 5px 15px
}

.SearchRegNoBoxInput {
    padding: 8px 5px 8px 20px !important;
    border: none;
    width: 140px;
    font-size: 12px !important;
    font-family: 'Open Sans',sans-serif !important;
    background-repeat: no-repeat;
    background-size: 100%;
}
/***REG SEARCH LANGUAGES***/
.daDK .SearchRegNoBoxInput:focus {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/nummerpladeramme100procent.png');
}

.daDK .SearchRegNoBoxInput {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/nummerpladeramme60procent.png');
}

.daDK .input-wrapper-snug {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/nummerpladeramme60procent.png');
}

.svSE .SearchRegNoBoxInput:focus {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/senummerpladeramme100procent.png');
}

.svSE .SearchRegNoBoxInput {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/senummerpladeramme60procent.png');
}

.svSE .input-wrapper-snug {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/senummerpladeramme60procent.png');
}

.nnNO .SearchRegNoBoxInput:focus {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/nonummerpladeramme100procent.png');
}

.nnNO .SearchRegNoBoxInput {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/nonummerpladeramme60procent.png');
}

.nnNO .input-wrapper-snug {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/nonummerpladeramme60procent.png');
}

.fiFI .SearchRegNoBoxInput:focus {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/finummerpladeramme100procent.png');
}

.fiFI .SearchRegNoBoxInput {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/finummerpladeramme60procent.png');
}

.fiFI .input-wrapper-snug {
    background-image: url('/App_Themes/shop.ndias.com/Images/RegNo/finummerpladeramme60procent.png');
}
/***END:REG SEARCH LANGUAGES***/
.input-wrapper-snug {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*#region Loading animation*/
.loadingcontainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden
}

ul.loading {
    display: flex;
    padding-left: 0
}

    ul.loading li.loading {
        width: 20px;
        height: 20px;
        margin: 10px;
        list-style-type: none;
        transition: 0.5s all ease
    }

        ul.loading li.loading:nth-child(1) {
            animation: right-1 1s infinite alternate;
            background-color: #e4a5a7;
            animation-delay: 100ms
        }

div.loadingicon {
    text-align: center;
    position: absolute;
    top: 100px;
    width: 100%;
    top: calc(50% - 100px)
}

div.pleasewait {
    text-align: center;
    position: absolute;
    top: 100px;
    width: 100%;
    top: calc(50% - 50px);
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4),-1px -1px 0 rgba(255,255,255,0.4);
    font-weight: bold;
    color: #231f20;
    font-family: 'arial black'
}

@keyframes right-1 {
    0% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

ul.loading li.loading:nth-child(2) {
    animation: right-2 1s infinite alternate;
    background-color: #d28386;
    animation-delay: 200ms
}

@keyframes right-2 {
    0% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

ul.loading li.loading:nth-child(3) {
    animation: right-3 1s infinite alternate;
    background-color: #e26469;
    animation-delay: 300ms
}

@keyframes right-3 {
    0% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

ul.loading li.loading:nth-child(4) {
    animation: right-4 1s infinite alternate;
    background-color: #e84349;
    animation-delay: 400ms
}

@keyframes right-4 {
    0% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}

ul.loading li.loading:nth-child(5) {
    animation: right-5 1s infinite alternate;
    background-color: #ed1c24;
    animation-delay: 500ms
}

@keyframes right-5 {
    0% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(-10px)
    }
}
/*#endregion*/

#slideshow {
    position: relative;
    height: 200px !important;
    overflow: hidden;
    width: 100% !important;
    margin-left: 0;
    margin-top: 10px
}

    #slideshow DIV {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
        opacity: 0.0;
        height: auto !important;
        background-color: #FFF
    }

        #slideshow DIV IMG {
            height: auto !important;
            display: block;
            border: 0;
            margin-bottom: 10px
        }
/*
.breadcrumbs {
    position: absolute;
    color: #b5b5b5 !important;
    font-size: 12px
}*/
.breadcrumbs {
    position: absolute;
    color: #b5b5b5 !important;
    font-size: 12px;
    /*top: 52px;*/
    z-index:1;
}



    .breadcrumbs a {
        color: #b5b5b5
    }

        .breadcrumbs a:last-child {
            color: #000000
        }

    .breadcrumbs i:last-of-type {
        color: #000
    }

.MiniBasketSectionFrame {
    background-size: cover;
    height: 100%;
    background-image: none;
    border: 1px solid red;
    background-color: #303d49;
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 4px !important
}

    .MiniBasketSectionFrame h1 {
        font-family: lucida grande,lucida sans unicode;
        color: #fff
    }

.footerHeading {
    /*text-shadow: 1px 1px 0 #777;*/
    display: block;
    margin-bottom: 20px
}
    /*
    .footerHeading:after {
        background-color: attr(data-after);
        position: absolute;
        z-index: 1;
        content: "";
        left: 33px;
        top: 33px;
        height: 5px;
        width: 55px;
        -webkit-transform: skewX(45deg);
        -moz-transform: skewX(45deg);
        -ms-transform: skewX(45deg);
        transform: skewX(45deg)
    }
    */
    .footerHeading .parallelogram {
        width: 55px;
        height: 5px;
        transform: skew(45deg);
        background-color: #ed1c24;
        margin-top: 2px;
        margin-left: 3px;
        margin-bottom: -7px;
    }

.footerRow .col-md:first-of-type {
    border-left: none
}

.footerRow .col-md {
    border-left: 1px solid #495057;
    padding-left: 30px;
    padding-top: 10px
}

.dd {
    font-weight: 400 !important;
    font-size: 14px !important
}

    .dd .ddTitle {
        border: 1px solid #c3c3c3 !important;
        border-radius: 4px !important;
        padding: 6px 8px !important
    }

        .dd .ddTitle span.arrow {
            margin-top: 3px !important
        }

    .dd .ddChild {
        border-radius: 0 0 4px 4px !important;
        overflow: hidden !important;
        border: 1px solid #c3c3c3 !important
    }


.borderedBox .col-md-6 {
    width: 50%;
    display: inline-block;
}

.cCheck {
    font-size: 11px;
    line-height: 11px
}

    .cCheck > span {
        float: left;
        display: block;
        width: calc(100% - 24px);
        line-height: 15px;
    }

    .cCheck > input {
        float: left;
        height: 20px;
        display: block;
        margin: 0;
        width: 16px;
        margin-right: 8px;
    }


.SelectionArea .col-form-label {
    display: none
}


/*#region UniqueFilter */
.UniqueFilter .ComboBoxResultsFrame {
    width: 100%;
    max-width: none !important;
}

.UniqueFilter .FilterCol {
    width: calc(100% - 100px);
    /* display: inline-block; */
    float: left;
    /* margin-left: 15px; */
}

.UniqueFilter .Row {
    position: relative;
    margin-bottom: 10px;
}

    .UniqueFilter .Row:not(:first-of-type) {
        padding-top: 10px;
        border-top: 1px solid #f0f0f0;
    }

        .UniqueFilter .Row:not(:first-of-type) .Group p {
            /*font-size: 12px;*/
        }

        .UniqueFilter .Row:not(:first-of-type) .Group .ComboBoxTextBox,
        .UniqueFilter .Row:not(:first-of-type) .Group .ComboBoxResult,
        .UniqueFilter .Row:not(:first-of-type) .Group .Option {
            font-size: 11px !important;
        }

    .UniqueFilter .Row:last-of-type {
        margin-bottom: 48px;
    }

    .UniqueFilter .Row .Group {
        display: inline-block;
        /*max-width: 201px; daje*/
        margin-bottom: 10px;
        float: left; /*daje*/
        max-width: 16%;
    }

        .UniqueFilter .Row .Group .ComboBoxFrame {
            /*margin-right: 23px !important;*/
            margin-right: 10px !important; /*daje*/
        }

        .UniqueFilter .Row .Group input {
            width: 100%;
        }

    .UniqueFilter .Row:first-of-type .Group input {
        font-size: 12pt;
        padding: 8px 12px !important;
    }

    .UniqueFilter .Row:not(:first-of-type) .Group input {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }

    .UniqueFilter .Row:not(:first-of-type) .Group .ComboBoxFrame {
        margin-right: 12px !important;
    }

    .UniqueFilter .Row:not(:first-of-type) .Group:last-of-type .ComboBoxFrame {
        margin-right: -3px !important;
    }

    .UniqueFilter .Row .Group.List {
        width: auto;
        margin-right: 12px !important;
    }

        .UniqueFilter .Row .Group.List .ComboBoxFrame {
            display: none;
        }

    .UniqueFilter .Row .Group p {
        margin-bottom: 5px;
        /*daje*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .UniqueFilter .Row .Group .Option {
        display: inline-block;
        padding: 7px 12px 6px 12px;
        font-size: 14px;
        border: 1px solid #ced4da;
        border-right: 0;
        cursor: pointer;
    }

        .UniqueFilter .Row .Group .Option:first-of-type {
            border-radius: 4px 0 0 4px !important;
        }

        .UniqueFilter .Row .Group .Option:last-of-type {
            border-radius: 0 4px 4px 0 !important;
            border-right: 1px solid #dee2e6;
        }

            .UniqueFilter .Row .Group .Option:last-of-type:first-of-type {
                border-radius: 4px 4px 4px 4px !important;
                border-right: 1px solid #dee2e6;
            }

        .UniqueFilter .Row .Group .Option.Active {
            background-color: #dee2e6;
        }

        .UniqueFilter .Row .Group .Option.hidden {
            color: #a7a7a7;
            cursor: default;
        }

.ComboBoxResult.hidden {
    display: none !important;
}

.UniqueFilter .SearchButton {
    position: static;
    right: 0;
    top: 30px;
    background-color: rgba(40, 167, 69, 1);
    border: 0;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px !important;
    width: 102px !important;
    font-size: 12pt !important;
    padding: 8px 12px !important;
}

.UniqueFilter .ClearButton {
    position: relative;
    right: 0;
    top: -5px;
    background-color: transparent;
    text-decoration: underline;
    border: 0;
    color: #808080;
    cursor: pointer;
    font-size: 12px !important;
    padding: 0;
    margin: 0
}

.UniqueFilter .FastSearch {
    border-radius: 4px !important;
    border: 1px solid #ced4da;
    /*width: 176px !important; daje*/
    box-sizing: border-box;
    font-size: 12pt !important;
    padding: 8px 12px !important;
    height: 38px !important
}

.UniqueFilter .Row .Group {
    /*margin-right: 2px;daje*/
    margin-right: 23px;
}

.UniqueFilter .Row2 .Group {
    /*margin-right: 2px;daje*/
    margin-right: 6px;
}

.unique-filter-row {
    padding-top: unset !important;
    border-top: unset !important;
}
/*#endregion*/



.SearchRegNoBoxInput {
    background-color: transparent;
    color: #000;
    text-transform: uppercase;
}

    .SearchRegNoBoxInput:-webkit-autofill, .SearchRegNoBoxInput:-webkit-autofill:focus, .SearchRegNoBoxInput:-webkit-autofill:hover, .SearchRegNoBoxInput:-webkit-autofill:active {
        -webkit-transition-delay: 99999s
    }

    .SearchRegNoBoxInput:focus {
        text-transform: uppercase;
    }

.pnlSearchRegActive {
    background-color: #fafafa;
    border: 1px solid #eee !important;
    border-bottom: 1px solid #fafafa !important;
    z-index: 1;
    border-right: none !important
}

.SearchRegNoBox {
    text-align: right;
    margin: 11px 11px 5px
}

.pr-5 {
    padding-right: 15px !important
}

.BuyNow, .sendoffer {
    text-align: right
}

    .BuyNow a:hover, .BuyNow a:active, .sendoffer a:hover, .sendoffer a:active {
        background-color: rgba(40,187,69,1);
        color: #fff;
        border-color: transparent
    }

    .BuyNow a, .sendoffer a {
        background-color: rgba(40,167,69,1);
        color: #fff;
        border-color: transparent;
        font-size: 24px;
        text-transform: uppercase;
        padding: 10px 15px
    }

    .BuyNow .btnNdi, .sendoffer .btnNdi {
        width: 100%;
    }

.BuyMore {
    color: black;
    font-size: 24px;
    padding: 10px 15px;
    width: 100%;
    margin-top: 10px;
}

.SelectionArea .form-group {
    margin-bottom: 0;
    padding: 0 !important
}

.ndi20 {
    max-width: 20%;
    /*max-width: calc(20% - 15px) !important;*/
    float: left
}

.ndi80 {
    max-width: 80% !important
    /*max-width: calc(80% - 15px) !important;*/
}

.BasketH2 {
    font-weight: 300;
    font-size: 23px;
    margin-bottom: 16px;
    font-family: tt_supermolot_neueextrabold;
}

.col-md-3.pr-5, .col-md-5.pr-5 {
    font-size: 14px;
}

.BasketSubheader {
    display: inline-block;
    text-indent: 5px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 1px
}

.borderedBox {
    margin: 0;
    padding: 15px;
    border: 1px solid #efefef
}

    .borderedBox::after {
        display: block;
        clear: both;
        content: ""
    }

.BasketColoredDiv .SectionDeliveryMethod select {
    position: static;
    width: 100%;
}

.orderTotals .list-group-item {
    position: relative;
    display: block;
    padding: 1.25rem .85rem;
    margin-bottom: -1px;
    background-color: #fbfbfb;
    font-size: 14px;
    border: 1px solid #efefef;
    font-weight: 400
}


.ndiDeliveryAddressAlt {
    margin-bottom: 0 !important;
}

.vatTxt {
    font-weight: 300;
    font-size: 12px;
    color: #babcbd !important;
    display: block;
    white-space: normal;
    line-height: normal;
}

.vatTxtQuickCheckout {
    font-weight: 300;
    font-size: 12px;
    color: #babcbd !important;
    white-space: normal;
    line-height: normal;
}

.productInfoMisc .col-4.px-1.py-1, .productInfoMisc .col.px-1.py-1 {
    padding-top: 18px !important;
    line-height: 20px
}

.productInfoMisc .AddToBasketButton {
    /*border-radius: 5px !important;*/
    padding: 7px 12px !important;
    font-size: 12pt !important;
    display: block !important
}

.productInfoMisc .AddToBasket.col.artCols.py-1.px-1 {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
    display: block !important
}

.productInfoMisc .Gross > span:first-of-type {
    display: inline-block;
    margin-bottom: 2px
}

.list-group-item.itemTotal {
    border-bottom: 2px solid #efefef !important;
    border-top: 2px solid #efefef !important
}

.d-inline-grid {
    display: inline-grid
}

a.closebtn {
    margin-left: 10px
}

.openLink {
    padding: 8px !important;
    width: calc(100% - 20px)
}



.overlay-content {
    padding-left: 10px;
    padding-right: 10px
}

.overlay a {
    font-size: 16px;
    border-left: none !important;
    border-right: none !important;
    padding-left: 0 !important;
    overflow: hidden;
    white-space: nowrap;
}

div[id$="PanelPager1"] {
    margin-top: 15px
}

.orderlineInfo {
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    padding-left: 18px
}



.netpriceTotalExVat {
    text-align: right;
    padding-right: 5px;
    white-space: nowrap
}

    .netpriceTotalExVat > span {
        font-size: 10px;
        font-weight: 600
    }

.removeItemFromBasket {
    position: absolute;
    right: 5px;
    top: -15px;
    font-size: 20px;
    color: red;
    text-decoration: none;
    padding-top: 4px;
    z-index: 99999999 !important
}

.removeBomItemsFromBasket {
    position: absolute;
    right: 5px;
    top: -3px;
    font-size: 20px;
    color: red;
    text-decoration: none;
    padding-top: 4px;
    z-index: 99999999 !important
}

/*i.fa.fa-caret-right.fa-fw {
    position: absolute;
    left: calc(100vw - 25px);
    top: 10px
}*/





.CustomerInfoWrap {
    font-size: 14px;
    font-weight: 300
}

[role=form] {
    font-size: 14px;
    font-weight: 300
}

fieldset {
    font-size: 14px;
    font-weight: 300
}



.netpriceTotalExVat {
    padding-top: 6px
}


.form-row {
    display: block
}


.netpriceTotalExVat > span {
    font-weight: 400
}

.netpriceTotalExVat {
    padding-right: 14px
}

#Section4aec43ca_ccfa_44a9_bfcb_13ec28616af5_ButtonEmptyButton, #Sectiona18ec52a_65fa_4e63_99a0_5bcb7db74880_ButtonEmptyButton, #Sectionaeebd66e_7f21_4260_a228_e0bde093e4a5_ButtonEmptyButton, #Section207bb578_8943_40ee_a154_e59ba2087a08_ButtonEmptyButton {
    font-size: 12px;
    margin-top: 10px;
    background-color: white !important;
    border: 1px solid #dedbdb !important
}
.postpone-delivery-btn {
    margin-top: 10px;
    background-color: white !important;
    border: 1px solid #dedbdb !important;
    text-align: left;
}

#Sectionad18af33_2e5f_4047_a3e5_ab92b61e02f3_ButtonEmptyButton, #Section73b21168_70fc_4669_bb41_6907e318d0b3_ButtonEmptyButton {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    font-size: 20px;
    border: 1px solid #dedbdb !important
}

#Section7e8b30cf_2b0f_42b5_b1cd_0e496c6adaff_TextBoxRequisitionNumber {
    width: 100%;
    height: 35px
}



.cc-window.cc-banner {
    background-color: white !important;
    padding-left: 10px !important;
    font-size: 11px;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #1a1a1a !important;
    padding: 0
}

.cc-btn {
    margin: 7px;
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    background-color: #dc3545 !important
}

.Level2 {
    margin-left: 0 !important
}

.UniqueFilter.Generic .Row .Group {
    width: 196px !important
}

.UniqueFilter .ButtonCol {
    width: 100px;
    display: block;
    float: left;
    margin-top: 5px;
}



.headerTextBlock {
    white-space: nowrap;
    padding-top: 5px;
    line-height: 3;
}


.ClearButton {
    position: absolute;
    right: 0;
    top: 4px;
    background-color: transparent;
    text-decoration: underline;
    border: 0;
    color: #808080;
    cursor: pointer;
    font-size: 12px !important;
    padding: 0;
    margin: 0;
}

.CollapseButton {
    background-color: transparent;
    text-decoration: underline;
    border: 0;
    color: #808080;
    cursor: pointer;
    font-size: 12px !important;
    padding: 0;
    margin: 0;
    float: left;
    margin-top: -10px;
}


/*#region BASKET*/
.BasketColoredDiv {
    background-color: #fbfbfb;
    border: 1px solid #efefef;
    padding: 10px;
    margin: 0 0 15px 0
}

.BasketEmpty {
    text-align: right;
    padding-right: 0
}

    .BasketEmpty .btnNdi {
        color: #6c757d;
        border-color: #6c757d
    }

        .BasketEmpty .btnNdi:not(:disabled):not(.disabled).active, .BasketEmpty .btnNdi:not(:disabled):not(.disabled):active, .show > .BasketEmpty .btnNdi.dropdown-toggle {
            color: #fff;
            background-color: #6c757d;
            border-color: #6c757d
        }

        .BasketEmpty .btnNdi:hover {
            color: #fff;
            background-color: #6c757d;
            border-color: #6c757d
        }
/*#endregion*/


span[id$="LabelCustomerInfoHeader"] {
    font-size: 24px;
    font-weight: 300;
}

.orderTotals {
    line-height: 22px;
}

.productInfo {
    padding-left: 22px;
}

.SelectionArea {
    margin-right: 10px;
}

.selection-area-mr {
    margin-right: 10px;
}

.selection-price-list {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.price-list-dropdown {
    width: unset !important;
}

.filters-clear-search {
    margin-top: 24px;
}

.NotMainArticle {
    background-color: #ffffff;
    margin: 0 !important;
    box-shadow: none;
    position: relative;
    padding: 0 !important;
    border: 1px solid #eee;
    border-bottom: none;
    width: 100%;
    text-indent: 5px;
    font-size: 16px;
    font-weight: 300;
    background-color: #fbfbfb;
}

.FrasOrderLine {
    /*    padding-bottom: 14px;
    padding-top: 14px;*/
    font-size: 12px;
    font-style: italic;
    color: #95908d;
    padding: 5px 13px 5px 13px;
}

.logoDiv {
    max-width: 165px;
}

.pagerText {
    width: 35px;
    height: 25px;
    text-align: center;
}

.removeItemFromBasket {
    padding-top: 4px;
    z-index: 10000 !important;
}

.removeBomItemsFromBasket {
    padding-top: 4px;
    z-index: 10000 !important;
}

.SelectionAreaDropDownList {
    position: relative;
    display: block;
    max-width: none !important;
    width: 100%;
}

.selectedCarWrap {
    width: calc(100% - 620px);
    display: inline-block;
    line-height: 16px;
    /*white-space: nowrap;*/
}

div#Section7e575e95_0850_48f3_a0ae_b39b43f02ecf_PanelPager1 {
    margin-bottom: 20px;
}

.ChangeStep2a, .ChangeStep2b, .ChangeStep3 {
    color: #ed1c24;
    font-size: 12px;
    position: relative;
    display: block;
    margin-bottom: -30px;
    position: relative;
    top: -5px;
}

.fiFI .ChangeStep2a::after, .fiFI .ChangeStep2b::after {
    content: "Vaihda vannemalli";
}

.daDK .ChangeStep2a::after, .daDK .ChangeStep2b::after {
    content: "Skift fælg";
}

.nnNO .ChangeStep2a::after, .nnNO .ChangeStep2b::after {
    content: "Skift fælg";
}

.svSE .ChangeStep2a::after, .svSE .ChangeStep2b::after {
    content: "Skift fælg";
}

.ChangeStep3::after {
    content: "";
}

.deliveryCheckbox {
    display: none;
}

.Button.NetPrice {
    position: absolute;
    left: 14px;
    top: 4px;
    cursor: pointer;
    border: 1px solid #ced4da;
    border-radius: 4px !important;
    width: 54px !important;
    font-size: 11pt !important;
    padding: 6px 11px !important;
    text-align: center;
    z-index: 998987;
}

    .Button.NetPrice.Active {
        color: #ffffff;
        background-color: rgba(40, 167, 69, 1);
        border: 1px solid rgba(40, 167, 69, 1);
    }

.Basket .Button.NetPrice {
    top: -2px;
    left: auto;
    right: 15px;
}

.SectionDeliveryMethod .col-form-label {
    position: absolute;
    left: 145px;
    top: -25px;
    display: block;
    font-size: 12px;
    color: #000000;
}

.SectionDeliveryMethod select {
    border: 1px solid #ced4da;
    border-radius: 4px !important;
    font-size: 11pt !important;
    padding: 6px 11px !important;
    position: absolute;
    width: 130px;
    left: 145px;
    top: 3px;
    z-index: 998987;
}


.SelectionPriceList .col-form-label {
    position: absolute;
    left: -3px;
    top: -42px;
    display: block;
    font-size: 12px;
    color: #000000;
}

.SelectionPriceList select {
    border: 1px solid #ced4da;
    border-radius: 4px !important;
    font-size: 11pt !important;
    padding: 6px 11px !important;
    position: absolute;
    width: 130px;
    left: -4px;
    top: -14px;
    z-index: 998987;
}


.BasketColoredDiv .SectionDeliveryMethod.HideTitle .col-form-label, .BasketColoredDiv .SelectionPriceList.HideTitle .col-form-label {
    display: none;
}

.BasketColoredDiv .col-form-label {
    display: none;
}
/* ftilbehørssider */
.ndi80 .Button.NetPrice {
    left: -11px;
}

.ndi80 .SectionDeliveryMethod .col-form-label {
    left: -13px;
    top: -26px;
}

.ndi80 .SectionDeliveryMethod select {
    left: -13px;
}

.alert {
    z-index: 99999999 !important;
}

.SingleRow.grid {
    display: block;
    white-space: normal;
    height: 96px;
}

.Level2 {
    top: 40px !important;
}

.largeBtn > .btnNdi {
    background-color: rgba(40,167,69,1);
    color: #fff;
    border-color: transparent;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.btnAlternativerDeliveryAddress {
    font-size: 12px;
    margin-top: 10px;
    background-color: white !important;
    border: 1px solid #dedbdb !important;
}

#SiteHeader_regnoPanel {
    padding-bottom: 0 !important
}

    #SiteHeader_regnoPanel .selectedCarWrap {
        position: relative;
        top: -5px;
        left: 62px;
    }

    #SiteHeader_regnoPanel .float-right .CarText {
        position: relative;
        display: inline-block;
        top: 2px;
    }

        #SiteHeader_regnoPanel .float-right .CarText a {
            position: relative;
            display: inline-block;
            top: -2px;
        }

.IsIE .productInfoMisc .stockNdiList {
    min-width: 50px;
}

.overlay.lvl0 {
    z-index: 999999999999 !important;
}

.panelSearchReg, .pnlSearchRegActive {
    margin-bottom: -6px;
    position: relative;
    border: 1px solid transparent;
    top: -5px;
    right: -22px !important;
}

.DeliveryAddressAltSectionFrame .card-body {
    border: 0;
}

.DeliveryAddressAltSectionFrame .Textbox {
    border: 1px solid #ced4da;
    border-radius: 4px !important;
}

.DeliveryAddressAltSectionFrame .form-row .col-12 {
    padding-top: 52px;
}

/*#region Modals*/
.modal {
    z-index: 10000001;
}

.modal-backdrop {
    z-index: 10000000;
}

.modalPopupLarge {
    position: absolute !important;
    top: 253.188px;
    border: 0;
    width: 100%;
    max-width: 1140px;
    /*background-color: #fff;*/
    padding: 0 20px;
    margin: 0 auto;
}

    .modalPopupLarge .First, .modalPopupLarge .Second, .modalPopupLarge .Third, .modalPopupLarge .Fourth {
        border: none;
        padding: 2px 5px;
        line-height: 8px;
        background-color: transparent;
        width: auto;
    }

    .modalPopupLarge .CloseButton {
        position: absolute;
        right: 20px;
        top: 200px;
    }

.modalBackground {
    display: none !important;
}

.modalImageBox {
    padding: 30px;
    box-sizing: border-box;
    width: 45%;
    border: 1px solid #ececec;
    float: left;
}

.modalInfoBox {
    box-sizing: border-box;
    padding: 0 0 0 30px;
    width: 55%;
    float: left;
}

.modal-backdrop {
    height: auto;
    bottom: 0px;
}
/*#endregion*/


/* #region NDI Basket*/
.NDIBasket {
    border: 0px solid #efefef;
    border-bottom: none
}

    .NDIBasket .row.d-flex.flex-row-reverse.bd-highlight.my-2.py-2.border-bottom {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        border-bottom: none !important
    }

    .NDIBasket .quantity {
        font-size: 10px;
        font-weight: 400;
        line-height: 17px
    }

    .NDIBasket .OrderLinesQuantity {
        border-radius: 4px !important;
        text-align: center;
        width: 65px;
        margin-top: 20px
    }

    .NDIBasket .Product {
        position: relative;
        width: 100%;
        border-bottom: 0 solid #efefef;
        height: initial !important;
        min-height: 106px !important;
    }

    .NDIBasket .First, .NDIBasket .Second, .NDIBasket .Third, .NDIBasket .Fourth {
        margin: 0;
        border: 1px solid #d0d0d0;
        padding: 5px 10px 5px 8px;
        background-color: #ececec;
        width: 25%;
        float: left;
        text-align: center
    }

        .NDIBasket .First div, .NDIBasket .Second div, .NDIBasket .Third div, .NDIBasket .Fourth div {
            display: inline-block
        }

    .NDIBasket .productInfo > .row {
        padding-top: 10px;
    }

    .NDIBasket .SimplePrice {
        display: block;
        font-size: 70%
    }

        .NDIBasket .SimplePrice div {
            display: inline
        }

    .NDIBasket .btn-primary.disabled, .NDIBasket .btn-primary:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .NDIBasket .stockSubheader {
        font-size: 13px;
        color: #28a745
    }

    .NDIBasket .stockHeader {
        font-size: 16px;
        font-weight: 300
    }

    .NDIBasket .seeMore {
        font-weight: 300;
        font-size: 12px;
        color: #ed1c24 !important
    }

    .NDIBasket .Gross {
        font-size: 16px;
        font-weight: 300
    }

    .NDIBasket .calcedPrice {
        font-size: 18px !important;
        font-weight: normal
    }

    .NDIBasket .vatTxt {
        font-weight: 300;
        font-size: 12px;
        color: #babcbd !important;
    }

    .NDIBasket input.OrderLinesQuantity::-webkit-outer-spin-button, .NDIBasket input.OrderLinesQuantity::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .NDIBasket input.OrderLinesQuantity[type=number] {
        -moz-appearance: textfield; /* Firefox */
    }

    .NDIBasket .orderlineInfo {
        white-space: normal;
        overflow: hidden;
        padding-left: 13px;
    }

    .NDIBasket .imgDetails {
        margin-right: 5px !important;
        display: inline-block;
        line-height: 12px;
        font-size: 12px;
        margin-top: 12px;
    }

        .NDIBasket .imgDetails img {
            margin-top: -10px
        }

    .NDIBasket .discount {
    }

    .NDIBasket .grossExVat {
    }

    .NDIBasket .grossInclVat {
    }

    .NDIBasket .grossTotal {
    }

    .NDIBasket .netpriceExVat {
    }

    .NDIBasket .netpriceTotalExVat {
        padding-right: 7px;
    }

/*.NDIBasket .imgDetails{display: inline-block;    margin-right: 10px;}*/
.NDIBasketList {
    margin-bottom: 30px;
}

.ArticleListNDI.NDIBasketList .prima, .ArticleListNDI.NDIBasketList .exceptional, .ArticleListNDI.NDIBasketList .lowcost {
    display: none !important
}

.ArticleListNDI.NDIBasketList .productInfo {
    padding-left: 0 !important
}
/* #endregion */


/*#region Stock*/
.stockDeliveryText {
    display: none;
}

.modalPopupLarge .stockIndicatorBox {
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 4px;
    padding-top: 1px;
    display: none;
}

.stockIndicatorBox {
    width: 13px;
    height: 13px;
    background-color: #95908d;
    line-height: 10px;
    display: none;
}

    .stockIndicatorBox.red {
        background-color: #ff0000;
        display: inline-block;
    }

    .stockIndicatorBox.orange {
        background-color: #ff6a00;
        display: inline-block;
    }

    .stockIndicatorBox.green {
        background-color: #28a745;
        display: inline-block;
    }

    .stockIndicatorBox.blue {
        background-color: #03a9f4;
        display: inline-block;
    }

    .stockIndicatorBox.yellow {
        background-color: #ffeb3b;
        display: inline-block;
    }
/*#endregion*/

/*#region Brands*/


.divBrandImg {
    width: 88px;
    height: 14px;
    margin-bottom: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: 75px;
    background-position: 0 0;
}

.divAxItemID {
    color: #95908d;
    font-size: 10px;
    font-weight: 300;
    float: left;
    width: 262px;
    line-height: 1;
    height: 19px;
}

.divAxItemIDMisc {
    color: #95908d;
    font-size: 10px;
    font-weight: 300;
    float: left;
    width: 262px;
    line-height: 1;
    height: 10px;
    position: absolute;
    bottom: 0;
    margin-bottom: 14px;
    top: 6px;
}

.miscCss {
    padding-top: 22px !important
}

.alliance {
    background-image: url(https://sds.dk/images/brands/alliance.png);
}

.nexen {
    background-image: url(https://sds.dk/images/brands/nexen.png);
}

.marshal {
    background-image: url(https://sds.dk/images/brands/marshal.png);
}

h2 span.Row0 {
    width: 100%;
    font-weight: bold;
    font-size: 22px;
}

h2 span.Row1 {
    width: 100%;
    font-size: 16px;
    color: #aaa;
}

h2 span.Row2 {
    /*display: none;*/
}
/*#endregion */


/*
.priceAsCode, .priceAsCodeVendor {
    font-size: 10px;
    position: relative;
    float: right;
}*/
.priceAsCode, .priceAsCodeVendor {
    font-size: 10px;
    position: relative;
    /* float: right; */
    top: 0;
    right: 0;
}

    .priceAsCode span, .priceAsCodeVendor span {
        top: 18px;
        left: -100px;
        display: block;
        position: absolute;
        width: 100%;
        white-space: nowrap;
    }

    .priceAsCodeVendor span {
        top: 22px;
    }

.priceAsCodeGrid {
    position: absolute;
    font-size: 70%;
    text-align: right;
    right: 0px;
    top: 0px;
}

.priceAsCodeModal {
    text-align: left;
    line-height: 16px;
    text-indent: 8px;
}

    .priceAsCodeModal span {
        font-size: 10px;
    }

.overlayButton {
    position: absolute;
    width: 102px;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    border-radius: 4px !important;
}

.overlayButtonGrid {
    position: absolute;
    width: 48%;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    border-radius: 4px !important;
    right: 0;
    top: 15px;
    z-index: 100000;
}

.overlayButtonModal {
    position: absolute;
    width: 120px;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 auto;
    padding: 11px;
    text-align: center;
    border-radius: 4px !important;
    right: 0;
    bottom: 25px;
}

.overlayButtonModalVendor {
    position: absolute;
    width: 120px;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 auto;
    padding: 11px;
    text-align: center;
    border-radius: 4px !important;
    right: 0;
    bottom: 2px;
}

.overlayButtonLogin {
    padding: 13px;
    text-align: center;
    top: 8px;
    z-index: 100000;
}

.togglePrices {
    text-decoration: underline;
    color: #409cd5;
}

.divGrossNet {
    /*top: -60px;
    position: absolute;
    top: 20px;
    left: 165px;*/
    font-size: 11px;
    z-index: 1;
}

.moreinfo {
    color: #ff003a;
    font-size: 80%;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0;
}

/*Announcement PopUp 
*********************************************************************/
.announcementLabelHeadline {
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    font-size: large;
}

.announcementLabelMessage {
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
}

.announcementPopup {
    background-color: #FFFFFF; /*#ffffdd;*/
    width: auto;
    height: auto;
    /*width: 300px;*/
    /*max-width: 800px;*/
    box-shadow: 10px 10px 50px -15px rgba(0,0,0,0.75);
    z-index: 1000001 !important;
    border-radius: 6px !important;
    overflow: hidden;
}

    .announcementPopup input[type="button"] {
        width: 100px;
    }

.announcementPopupHeader {
    border-width: 8px;
    border-style: solid;
    border-color: White;
}

.modalAnnouncementBackground {
    background-color: #CCCCCC;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000000 !important;
}

.announcementButton {
    border: none;
    display: none;
}

.Slideshow {
    position: relative;
    user-select: none;
}

    /*.Slideshow .Images {
        margin-bottom: 10px;
    }*/

    .Slideshow .Images img {
        display: none;
    }

        .Slideshow .Images img:first-of-type {
            display: block;
        }

    .Slideshow .NumberOfImages {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 25px;
    }

    .Slideshow .Button.Disabled {
        background-color: #485158;
        opacity: 0.4;
    }

    .Slideshow .Button {
        background-color: #28a745;
        display: inline-block;
        color: #ffffff;
        cursor: pointer;
        margin: 20px;
        border-radius: 4px !important;
        padding: 8px 12px !important;
        font-size: 12pt !important;
    }

        .Slideshow .Button.Next {
            margin-left: 0;
        }

        .Slideshow .Button.Close {
            position: absolute;
            right: 0px;
        }

            .Slideshow .Button.Close.Cross {
                float: right;
                font-size: 1.5rem !important;
                font-weight: 700;
                line-height: 1;
                color: #000;
                text-shadow: 0 1px 0 #fff;
                opacity: .5;
                top: 0;
                background-color: transparent;
            }


.InsufficientStockAvailablePopup {
    background-color: #FFFFFF; /*#ffffdd;*/
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding-right: 0px;
    width: auto;
    height: auto;
    width: 600px;
}

.InsufficientStockAvailablePopupHeader {
    background-color: #51585e;
    border-width: 8px;
    border-style: solid;
    border-color: White;
    padding: 0px;
    width: auto;
    height: auto;
    color: White;
    font-weight: bold;
    height: 35px;
}

.LongDeliveryTimePopup {
    background-color: #FFFFFF; /*#ffffdd;*/
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding-right: 0px;
    width: auto;
    height: auto;
    width: 600px;
}

.LongDeliveryTimePopupHeader {
    background-color: #51585e;
    border-width: 8px;
    border-style: solid;
    border-color: White;
    padding: 0px;
    width: auto;
    height: auto;
    color: White;
    font-weight: bold;
    height: 35px;
}


.OrderDraftPopup {
    background-color: #FFFFFF; /*#ffffdd;*/
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding-right: 0px;
    width: auto;
    height: auto;
    width: 300px;
}

    .OrderDraftPopup td {
        color: red;
        font-weight: bolder;
    }

.OrderDraftPopupHeader {
    background-color: #51585e;
    border-width: 8px;
    border-style: solid;
    border-color: White;
    padding: 0px;
    width: auto;
    height: auto;
    color: White;
    font-weight: bold;
    height: 35px;
}


.notLoggedIn .SectionDeliveryMethod {
    display: none;
}

.notLoggedIn .SectionNetPrice {
    display: none;
}

.notLoggedIn .modalPopupLarge a.btn.btn-outline-secondary.float-right {
    top: 3px !important;
    right: 5px !important;
}

.notLoggedIn .notl {
    display: block;
}

.LoggedIn .notl {
    display: none;
}

.notLoggedIn .log {
    display: none;
}

.LoggedIn .log {
    display: block;
}

.text-black {
    color: #000;
}

#parallelogram {
    width: 50px;
    height: 6px;
    transform: skew(45deg);
    background: #ed1c24;
    margin-top: -4px;
    margin-left: 4px;
    margin-bottom: 0;
}

#loginPopup .modal {
    padding-right: 17px;
    display: block;
    align-items: center;
}

#loginPopup .modal-dialog {
    max-width: 1100px;
    top: 0;
    bottom: 0;
    margin-top: 10%;
}

#loginPopup .modal-header {
    border-bottom: none;
}

#loginPopup .modal-footer {
    border-top: none;
}

#loginPopup .modal-content {
    background-image: url(https://files.ndias.com/Imagev2.aspx?id=c48bbec5-a4f8-43a8-9a71-41229415ea75);
    background-size: cover;
    border: 1px solid #fff;
    min-height: 462px;
}

#loginPopup a.back {
    font-size: 14px;
    text-decoration: underline;
}

.form-control-n {
    border-radius: 4px !important;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.HeaderFrame .form-control-n {
    font-family: 'tt_supermolot_neue_expandedMd';
}
.HeaderFrame {
    font-family: 'tt_supermolot_neue_expandedMd';
}
.bootstrapNotify {
    max-width: 760px;
}

.AttentionBar {
    /*height: 64px;*/
}

    .AttentionBar .Messages {
        /*position: fixed;*/
        left: 0;
        top: 0;
        right: 0;
        background-color: #ed1c24;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        z-index: 999999;
        box-shadow: 0 0 10px 5px #ed1c244f;
    }

        .AttentionBar .Messages .Message {
            padding: 20px;
            display: inline-block;
        }

            .AttentionBar .Messages .Message div:nth-of-type(2) {
                text-align: left;
                position: relative;
            }

            .AttentionBar .Messages .Message .ForceManual {
                display: inline-block;
                font-size: 12px;
            }

                .AttentionBar .Messages .Message .ForceManual input {
                    margin-right: 5px;
                    position: relative;
                    top: 2px;
                }

            .AttentionBar .Messages .Message.TestEnvironment {
                display: block;
            }

    .AttentionBar a {
        color: #ffffff;
        background-color: rgba(255, 255, 255, .3);
        border-radius: 4px !important;
        padding: 5px 12px !important;
        text-decoration: none;
    }

    .AttentionBar .Revert {
        position: absolute;
        right: 0;
        top: 2px;
        font-size: 12px;
    }



.SiteSearch.SearchResults .Debtors {
    padding: 20px;
    width: 100%;
}

    .SiteSearch.SearchResults .Debtors .List {
        display: table;
        font-size: 12px;
        width: 100%;
    }

        .SiteSearch.SearchResults .Debtors .List div {
            display: table-row;
        }

            .SiteSearch.SearchResults .Debtors .List div:first-of-type {
                font-weight: bold;
            }

                .SiteSearch.SearchResults .Debtors .List div:first-of-type span {
                    border-top: 0;
                }

            .SiteSearch.SearchResults .Debtors .List div span {
                display: table-cell;
                padding: 2px;
                border-top: 1px solid #cccccc;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                padding-left: 20px;
            }

                .SiteSearch.SearchResults .Debtors .List div span:first-of-type {
                    padding-left: 0;
                }

                .SiteSearch.SearchResults .Debtors .List div span:nth-of-type(2) {
                    max-width: 250px;
                }

                .SiteSearch.SearchResults .Debtors .List div span:nth-of-type(3) {
                    max-width: 150px;
                }


        .SiteSearch.SearchResults .Debtors .List input {
            display: inline-block;
            padding: 5px 12px 5px 12px;
            cursor: pointer;
            border-radius: 4px !important;
            background-color: rgba(40, 167, 69, 1);
            border: 0;
            color: #ffffff;
        }



.ArticleListButtons {
    position: relative;
}

    .ArticleListButtons .ListViewButton {
        display: none;
    }

#Sectiond11e21db_baa0_4b81_80af_78d3656411ac_linkButtonArticleListView {
    display: inline-block;
    position: absolute;
    top: -62px;
    right: 0;
    width: 100px;
}

#Sectione9181c58_09e7_4931_801e_8dd20c3de3f6_linkButtonArticleListView {
    display: inline-block;
    position: absolute;
    top: -113px;
    right: 0;
    width: 100px;
}

#Section882123c1_ba1f_4179_89c2_4f0078171fe8_linkButtonArticleListView {
    display: inline-block;
    position: absolute;
    top: -89px;
    right: 0;
    width: 100px;
}

#Section571da204_4be8_4797_9f94_fbe25de47907_linkButtonArticleListView {
    display: inline-block;
}



.NoResize {
    resize: none;
}

.ValidationError {
    border-color: red;
    color: red;
}

#SiteHeader_sCarInfoVariant {
}

    #SiteHeader_sCarInfoVariant div {
        display: inline-block;
        float: left;
    }

        #SiteHeader_sCarInfoVariant div span {
            padding-right: 10px;
        }

            #SiteHeader_sCarInfoVariant div span:first-of-type {
                font-size: 80%;
                color: rgba(0, 0, 0, 0.8);
                padding-right: 4px;
            }

}

.genericCheckmark {
    display: block;
    position: relative;
}

    .genericCheckmark input {
        width: 20px;
        height: 20px;
        left: -20px;
        position: absolute;
        top: -7px;
    }

.Tyres .Group.sorting {
    position: absolute;
    top: 82px;
    right: -3px;
}

    .Tyres .Group.sorting p {
        display: none;
    }

.Tyres .sorting .ComboBoxFrame, .Tyres .sorting input.ComboBoxTextBox {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ArticleListNDI .Group.sorting {
    position: absolute;
    top: 82px;
    right: -3px;
    top: -27px;
    right: -20px;
}

    .ArticleListNDI .Group.sorting p {
        display: none;
    }

.ArticleListNDI .sorting .ComboBoxFrame, .Tyres .sorting input.ComboBoxTextBox {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.col-sm-12.d-block.d-sm-block.d-md-block.d-lg-block.d-xl-block.standard {
    margin-top: 14px;
}

.popupTitle {
    margin-bottom: 8px;
    margin-top: 20px;
    font-size: large;
    font-weight: bolder;
}


.svSE .Button.NetPrice {
    width: 94px !important;
    left: -24px;
}

.nnNO .Tyres .Group.sorting {
    position: absolute;
    top: 132px;
    right: -3px;
}

.nnNO .Generic .Group.sorting {
    position: absolute;
    right: -23px;
    bottom: -80px;
    text-align: right;
}

    .nnNO .Generic .Group.sorting .ComboBoxFrame {
        margin-right: 0 !important;
    }

.Generic .Group.sorting p {
    display: none;
}

.Generic .Group.sorting .ComboBoxTextBox {
    font-size: 11px !important;
}

.fiFI .Tyres .Group.sorting {
    position: absolute;
    top: 106px;
    right: -3px;
}

.fiFI .Generic .Group.sorting {
    position: absolute;
    right: -23px;
    bottom: -80px;
    text-align: right;
}

    .fiFI .Generic .Group.sorting .ComboBoxFrame {
        margin-right: 0 !important;
    }

.svSE .UniqueFilter.Generic .Row .Group.sorting {
    position: absolute;
    bottom: -80px;
    right: -33px;
}


.svSE .Group.sorting p {
    display: none;
}


.notesBtn {
    position: absolute;
    right: 0;
    top: 30px;
}

.modalPopup {
    width: 100%;
    height: 100%;
    top: 0 !important;
    background-color: rgba(51, 51, 51, 0.27);
    z-index: 999999 !important;
}

    .modalPopup table {
        width: 400px;
        margin: 0 auto;
        position: fixed;
        top: 45%;
        left: 50%;
        transform: translateX(-50%);
        background: #FFF;
    }

        .modalPopup table td {
            padding: 10px;
        }



span.labelQuantity {
    border-radius: 4px !important;
    text-align: center;
    width: 65px;
    margin-top: 20px;
    display: block;
    border: 1px solid #ddd;
    background-color: #eee;
    height: calc(2.5rem + 2px);
    font-family: 'Open Sans',sans-serif;
    padding: 12px .75rem 0 .75rem;
    font-size: 1rem;
}

.daDK .Generic .Group.sorting {
    position: absolute;
    right: -23px;
    bottom: -80px;
    text-align: right;
}

    .daDK .Generic .Group.sorting .ComboBoxFrame {
        margin-right: 0 !important;
    }

.divDeliveryText {
    /*font-size: 15px;
        color: #212529;*/
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    font-size: 15px;
    border-color: transparent;
    border-radius: 4px !important;
    padding: .25rem .5rem;
    line-height: 1.5;
}

    .divDeliveryText.green {
        background-color: rgba(40,167,69,1);
        color: #fff;
    }

    .divDeliveryText.yellow {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #000;
    }


.grid .infoDeliveryDate, .productInfoMisc .infoDeliveryDate {
    min-width: 136px;
    display: block;
    min-height: 41px;
}

    .grid .infoDeliveryDate .stockHeader, .productInfoMisc .infoDeliveryDate .stockHeader {
        white-space: nowrap;
        margin-right: 0px;
        font-size: 14px;
        font-weight: 300;
        color: #212529;
    }

    .grid .infoDeliveryDate .divDeliveryText, .productInfoMisc .infoDeliveryDate .divDeliveryText {
        font-size: 13px;
        color: #212529;
    }

    .grid .infoDeliveryDate .divDeliveryText, .productInfoMisc .infoDeliveryDate .divDeliveryText {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        border: 1px solid transparent;
        font-size: 13px;
        border-color: transparent;
        border-radius: 4px !important;
        padding: 2px .5rem;
        line-height: 1.5;
    }

        .grid .infoDeliveryDate .divDeliveryText.green, .productInfoMisc .infoDeliveryDate .divDeliveryText.green {
            background-color: rgba(40,167,69,1);
            color: #fff;
        }

        .grid .infoDeliveryDate .divDeliveryText.yellow, .productInfoMisc .infoDeliveryDate .divDeliveryText.yellow {
            background-color: #ffc107;
            border-color: #ffc107;
            color: #000;
        }

.standard .infoDeliveryDate {
    min-width: 150px;
    display: block;
    min-height: 46px;
}

    .standard .infoDeliveryDate .stockHeader {
        white-space: nowrap;
        margin-right: 0px;
        font-size: 16px;
        font-weight: 300;
        color: #212529;
    }

    .standard .infoDeliveryDate .divDeliveryText {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        border: 1px solid transparent;
        font-size: 15px;
        border-color: transparent;
        border-radius: 4px !important;
        padding: 2px .5rem;
        line-height: 1.5;
    }

        .standard .infoDeliveryDate .divDeliveryText.green {
            background-color: rgba(40,167,69,1);
            color: #fff;
        }

        .standard .infoDeliveryDate .divDeliveryText.yellow {
            background-color: #ffc107;
            border-color: #ffc107;
            color: #000;
        }

.stockDeliveryInfo {
    white-space: nowrap;
}

.border.p-2 {
    height: 100%;
    padding-bottom: 10px !important;
}


.browserWarning {
    display: none;
}

.IsIE .browserWarning {
    display: block;
    padding: 10px;
    font-size: 12px;
    background-color: rgba(255, 193, 7, 1);
}

    .IsIE .browserWarning a {
        font-weight: bold;
        color: #000;
    }

.loginNewCustomer {
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    height: 50px;
    padding-top: 84px;
}

.nnNO .loginNewCustomer {
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    height: 50px;
    padding-top: 100px;
    line-height: 35px;
}


.nnNO .Button.NetPrice {
    right: 25px;
    left: initial !important;
    width: 134px !important;
}

.ndieuBackground {
    width: 1140px;
    height: 400px;
    overflow: auto;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -35px;
}
.ndieuHeaderLargeText {
    width: 500px;
    height: 80px;
    font-size: 30px;
    color: #FFFFFF;
    font-family: tt_supermolot_neue_expandedBd;
    padding-top: 124px;
    padding-left: 108px;
    text-shadow: 0px 0px 10px #000;
    text-transform: uppercase;
}
.ndieuHeaderNormalText {
    width: 430px;
    height: 110px;
    color: #FFFFFF;
    font-size: 13px;
    font-family: TTSupermolotNeue-Regular;
    padding-left: 108px;
    padding-top: 100px;
    text-shadow: 0px 0px 10px #000;
}
.ndieuHeaderTitle {
    font-size: 24px;
    font-family: tt_supermolot_neue_expandedBd;
    color: #38404A;
    padding-left: 96px;
    padding-top: 50px;
    text-transform: uppercase;
}
.ndieuHeaderFirst {
    width: 720px;
    height: 336px;
}
.ndieuHeaderSecond {
    width: 720px;
    height: 74px;
}

.ndieuHeaderThird {
    width: 720px;
    height: 60px;
}

.ndieuHeaderFourth {
    padding-left: 96px;
    padding-top: 25px;
}

.ndieuHeaderFifth {
    width: 38px;
    height: 4px;
    transform: skew(45deg);
    background: #c20012;
}

.ndieuHeaderSixth {
    width: 720px;
    height: 586px;
}

.ndieuHeaderSeventh {
    width: 622px;
    height: 586px;
    padding-left: 96px;
    font-size: 16px;
    color: #38404A;
    font-family: TTSupermolotNeue-Regular;
    line-height: 2;
}

.ndieuHeaderHero {
    width: 387px;
    height: 420px;
    background-color: #e2e1e0;
    margin-top: -80px;
}

.ndieuHeaderHeroFirst {
    width: 387px;
    height: 36px;
}

.ndieuHeaderHeroImage {
    width: 300px;
    height: 63px;
    margin-left: 42px;
}

.ndieuBreadTextTitle {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #38404A;
    font-family: tt_supermolot_neue_expandedBd;
    font-size: 24px;
}

.ndieuBreadTextFirst {
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ndieuBreadTextSecond {
    width: 38px;
    height: 4px;
    transform: skew(45deg);
    background: #c20012;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ndieuGridLR {
    width: 353px;
    min-height: 306px;
    max-height: 350px;
    background-color: #F5F5F5;
}

.ndieuGridLRImage {
    width: 353px;
    height: 185px;
    background: no-repeat;
    background-size: cover;
}

.ndieuGridCenter {
    width: 354px;
    min-height: 306px;
    max-height: 350px;
    background-color: #F5F5F5;
}

.ndieuGridCenterImage {
    width: 354px;
    height: 185px;
    background: no-repeat;
    background-size: cover;
}

.ndieuGridTitle {
    padding-left: 16px;
    padding-top: 22px;
    color: #38404A;
    font-family: TTSupermolotNeue-Bold;
    font-size: 16px;
}

.ndieuGridBreadText {
    padding-left: 16px;
    padding-top: 10px;
    color: #38404A;
    font-family: TTSupermolotNeue-Regular;
    font-size: 13px;
}

.ndieuGridText {
    padding-left: 16px;
    padding-top: 22px;
    color: #E3000F;
    font-family: TTSupermolotNeue-Bold;
    font-size: 14px;
}

.ndieuGridLinkText {
    width: 202px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E3000F;
    font-family: TTSupermolotNeue-Bold;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
}

.ndieuRedFactsTitle {
    color: #E3000F;
    font-family: TTSupermolotNeue-Bold;
    font-size: 20px;
    margin-left: 44px;
    margin-bottom: -20px;
}
ol.ndieuFactsRed {
    margin-left: 42px;
    display: block;
    padding: 15px 0 0 40px;
    list-style: none;
    overflow: hidden;
    counter-reset: numList;
    margin-bottom: -20px;
}
ol.ndieuFactsRed li {
    margin-top: 20px;
    margin-right: 52px;
    float: left;
    position: relative;
}
    ol.ndieuFactsRed li:before {
        counter-increment: numList;
        content: counter(numList);
        float: left;
        position: absolute;
        left: -38px;
        top: 4px;
        font-family: TTSupermolotNeue-Medium;
        font-size: 16px;
        text-align: center;
        color: #fff;
        line-height: 18px;
        width: 18px;
        height: 18px;
        background: #E3000F;
        -moz-border-radius: 999px;
        border-radius: 999px;
    }
.ndieuhrline hr {
    width:80%;
    border-top: 2px solid #A6ADB4;
}
.ndieuDetailLeft {
    width: 20%;
    display: inline-block;
}
.ndieuDetailImage {
    margin-left: 130px;
    width: 37px;
    height: 39px;
    background: no-repeat;
    background-size: cover;
}
.ndieuDetailCenter {
    width: 50%;
    display: inline-block;
}
.ndieuDetailDownloadTitle {
    width: 50%;
    color: #38404A;
    font-family: TTSupermolotNeue-Bold;
    font-size: 16px;
}
.ndieuDetailBreadText {
    color: #38404A;
    font-family: TTSupermolotNeue-Regular;
    font-size: 13px;
}
.ndieuDetailRight {
    width: 29%;
    display: inline-block;
}
.ndieuDetailRightText {
    text-align: right;
    margin-right: 117px;
    padding-left: 16px;
    padding-top: 22px;
    color: #E3000F;
    font-family: TTSupermolotNeue-Regular;
    font-size: 16px;
}
.ndieuPictureFlow {
    width: 19%;
    display: inline-block;
}
.drnText {
    background-color: #ed1c24;
    color: #fff;
    font-size: 14px;
    padding: 2px 5px;
}
.drnLink {
    padding: 2px 5px;
}


.CarText {
    height: max-content;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    align-content: flex-start;
    flex-wrap: wrap;
}

    .CarText a {
        padding: 8px 6px 8px 6px;
        color: #000;
        text-decoration: none;
        border-radius: 2px !important;
        font-size: 12.8px;
        vertical-align: top;
    }

        .CarText a:hover {
            box-shadow: inset 0px 0px 20px 2px #dadada, 0px 0px 2px #dddddd;
        }

        .CarText a.active {
            box-shadow: inset 0px 0px 20px 2px #dadada, 0px 0px 2px #dddddd;
        }

        .CarText a div {
            padding-top: 8px;
        }

    .CarText img {
        margin-bottom: 5px;
    }

.CarInfoHeader {
    font-size: 27px;
    font-family: 'tt_supermolot_neueextrabold';
}

.CarInfoSubheader {
    font-size: 20px;
    font-family: 'tt_supermolot_neue_expandedMd';
    font-weight: bold;
}

.CarInfoBody {
    font-family: 'tt_supermolot_neue_expandedMd';
}

.infoSign {
    font-size: 0.66em;
    display: inline-block;
    margin: -3px 4px 0 4px;
}

.readmoreLink {
    background-color: #fff;
    display: inline-block;
    color: #212529;
    border: 1px solid #f0f0f0;
    font-size: 7pt;
    font-weight: 400;
    margin-top: 13px;
    padding: 5px 10px 4px 10px;
    border-radius: 5px !important;
    font-family: tt_supermolot_neue_expandedBd;
}

#pagelock {
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.btnSearchModel {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
    background-color: #fff;
    color: #28a745;
    border: 2px solid #28a745;
    font-size: 10pt;
    font-weight: 400;
    display: block;
    padding: 5px 10px;
    border-radius: 5px !important;
    font-family: tt_supermolot_neue_expandedBd;
}

    .btnSearchModel:hover {
        color: #fff;
        background-color: #28a745;
    }

.IsIE .modal-backdrop {
    z-index: auto;
}

#pagelock {
    display: none;
}

.siteheaderModalClose {
    color: #212529;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    font-size: 10pt;
    margin-top: 13px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px !important;
    font-family: tt_supermolot_neue_expandedRg;
}

.siteheaderModalButtonGreen {
    line-height: normal !important;
    font-size: 15px;
    font-family: tt_supermolot_neue_expandedBd;
    padding: 12px 22px;
    margin-top: -8px;
}

.carinfoTable {
    font-size: 8pt;
}

.changeCar {
    color: #fff;
    font-size: 9pt;
    font-weight: 400;
    margin-top: 0;
    display: inline-block;
    padding: 5px 10px;
    background-color: #ff003a;
    border-radius: 5px !important;
    font-family: tt_supermolot_neue_expandedBd;
    border: 2px solid;
    border-collapse: collapse;
    padding: 3px 10px;
}

    .changeCar:hover {
        color: #ff003a !important;
        background: #fff !important;
        text-decoration: none;
        border: 2px solid;
        transition: .2s all;
    }

.changeCarSm {
    font-size: 7pt;
    padding: 4px 10px;
}

.carinfo tr td:first-of-type {
    width: 35%;
    word-break: break-word;
}

.SearchRegNoBoxInput {
    font-family: 'tt_supermolot_neue_expandedMd' !important;
    font-size: 15px !important;
    font-weight: 700;
}

.SearchRegNoBox {
    margin: 6px 0 5px 0px;
}

    .SearchRegNoBox.inactivebox {
        margin: 6px 0 5px -10px;
    }

.CarText a {
    width: 80px;
}

.headerTextBlock .brk {
    display: none;
}

.SiteHeaderpnlLink {
    /*position: absolute;
    right: 150px;
    top: 9px;*/
    position: absolute;
    left: 150px;
    top: 9px;
    white-space: nowrap;
    z-index:100;
}

#modalMoreInfo .modal-body {
    padding: 0;
}

    #modalMoreInfo .modal-body table {
        margin-bottom: 0px;
    }

#modalMoreInfo .modal-footer .siteheaderModalClose {
    margin: 0;
}

.carinfo tr td:first-of-type {
    padding-left: 10px;
}

.SearchRegActive {
   /* position: absolute;
    top: 25px;
    right: 160px;
    width: 300px;*/
}

.SearchRegNoBoxInputModal::placeholder, .SearchRegNoBoxInput::placeholder {
    font-size: 11px;
    text-transform: none;
    font-weight: 400;
}


.navrow {
    padding: 0 15px 10px;
}
/*
.BasketQuantity {
    right: 26px;
}*/

.topLinks {
    padding-right: 20px;
}






.ndi80 .SelectionPriceList select {
    left: -114px;
}

.ndi80 .SelectionPriceList .col-form-label {
    left: -103px;
}

.nnNO .ndi80 .Button.NetPrice {
    right: 125px;
}
.page-link {
    color: #212f3d;
}
    .page-link:hover {
        color: #212f3d;
    }
.aspNetDisabled.page-link {
    background-color: #ed1c24;
}

.btnSaveDraft {
    margin: 14px 0 25px 0;
    height: 32px;
}

a.openLink {
    width: 90%;
}

a.openSubmenu {
    margin-right: 13px;
}

.cc-bottom {
    bottom: 0;
}

.BackgroundLeft, .BackgroundRight {
    width: calc(50% - 570px);
    z-index: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.BackgroundRight {
    width: calc(50% - 570px);
    left: auto;
    right: 0;
    background-position: bottom left;
}

.FooterFrame {
    position: relative;
    z-index: 99;
}

.col-md-4.AltA:nth-of-type(1) {
    width: 353px;
}

.row .col-md-4.AltA {
    max-width: 354px;
    min-width: 353px;
    margin-right: 20px;
}

.col-md-4.AltA:nth-of-type(3) {
    margin-right: 0;
    width: 353px;
}

.modal-quick-checkout-content-container {
    max-width: 1110px;
    top: 50%;
    left: -8px;
    margin-top: -488px;
}

.quick-checkout-product-amount-warning {
    border-color: red !important;
    box-shadow: none !important;
    border-width: 2px !important;
}

.input-quantity-quick-checkout:disabled {
    background: white;
    color: black;
}

.hidden {
    display: none;
}

#loader-container {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000000a6;
    z-index: 10000000000000000000000;
    min-height: 100vh;
    min-width: 100%;
}

#loader {
    position: fixed;
    top: 46%;
    left: 46%;
    border: 16px solid #f3f3f3;
    border-radius: 50% !important;
    border-top: 16px solid rgba(40, 167, 69, 1);
    width: 120px;
    height: 120px;
    z-index: 99999999;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.table-my-orders .table td, .table th {
    font-size: 13px;
}

/* Responsive table-layout for my orders page */
@media only screen and (max-width: 900px) {
    .table-my-orders table, .table-my-orders thead, .table-my-orders tbody, .table-my-orders th, .table-my-orders td, .table-my-orders tr {
        display: block;
    }
        .table-my-orders thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .table-my-orders td {
        position: relative;
        min-height: 30px;
        padding-top: 34px !important;
    }

        .table-my-orders td:before {
            position: absolute;
            top: 8px;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
        }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(1):before {
        content: "Ordrenr.:";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(2):before {
        content: "PDF";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(3):before {
        content: "T&T";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(4):before {
        content: "Fak.Nr:";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(5):before {
        content: "Ordre kode";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(6):before {
        content: "Type:";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(7):before {
        content: "Rekv.nr.";
    }

    .table-my-orders tr:nth-child(odd) td:nth-of-type(8):before {
        content: "Oprettelses dato";
    }
}