/* Minification failed. Returning unminified contents.
(6476,12): run-time error CSS1030: Expected identifier, found '.'
(6476,19): run-time error CSS1031: Expected selector, found ')'
(6476,19): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.modal {
    display: none;
    justify-content: center;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.modal-content {
    background-color: white;
    border-radius: 8px;
    width: 700px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-top: 10em;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
    padding: 16px;
    font-weight: bold;
}

    .modal-header h2 {
        font-size: 18px;
    }


.close-button {
    color: #000;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}

.modal-body {
    margin-top: 20px;
    padding-right: 32px;
    padding-left: 32px;
}

.modal-item-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 1em;
}

.modal-item-container:not(:last-child) {
    border-bottom: 1px solid #eee;
}

    .modal-item-container img {
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

.modal-item-description {
    flex: 1;
    margin-left: 16px;
}

.add-button {
    background: #e53935;
    background-color: #e53935;
    color: white;
    border: none;
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 5px;
}

    .add-button:hover {
        background-color: #d32f2f;
    }

.flex-basket-items {
    margin: 25px;
}

    .flex-basket-items > .flex-title {
        font-weight: 700;
        font-size: 10pt;
        margin-bottom: 10px;
    }

.flex-basket-total .flex-items .flex-title {
    margin-bottom: 0px;
}

.flex-basket-items .flex-title > span {
    color: #e02222;
}

.flex-basket-items .flex-items {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 11pt;
}

    .flex-basket-items .flex-items .delivery-time {
        display: block;
        padding: 9px;
        font-size: 10pt;
        font-style: italic;
    }

    .flex-basket-items .flex-items .flex-header, .flex-basket-items .flex-items .flex-item, .flex-basket-items .flex-items .flex-item-details {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .flex-basket-items .flex-items .flex-item-details {
        display: block;
    }

    .flex-basket-items .flex-items .flex-header > span {
        /*display: table-cell;*/
        font-weight: 300;
        font-size: 9pt;
        padding: 9px;
        background: #e4e4e4;
        text-align: left;
        text-shadow: 0px 1px 1px white;
        border-right: 1px solid #d8d8d8;
    }

        .flex-basket-items .flex-items .flex-header > span.flex-name {
            border-right: 0px;
        }

        .flex-basket-items .flex-items .flex-header > span:last-child {
            border-right: 0px;
        }

.flex-basket-items .flex-items .item-info-line {
    display: flex;
    justify-content: space-between;
    padding: 12px;
}

    .flex-basket-items .flex-items .item-info-line .delivery-time-text {
        width: 200%
    }

    .flex-basket-items .flex-items .item-info-line .item-info-editable {
        text-align: right;
        width: 100%;
    }

.flex-basket-items .flex-items .item-info-line .item-info-editable:hover {
    cursor: pointer;
}

.flex-basket-items .flex-items .item-info-line i {
    padding: 5px;
}


    .flex-basket-items .flex-items .flex-item {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .flex-basket-items .flex-items .flex-item.flex-state-onstock {
            background: #d4edda; /*#d9fed0*/
        }

        .flex-basket-items .flex-items .flex-item.flex-state-outstock {
            background: #f8d7da; /*#ffd1d1*/
        }

        .flex-basket-items .flex-items .flex-item.flex-state-partly {
            background: #cce5ff; /*#c4f8ff*/
        }

        .flex-basket-items .flex-items .flex-item.flex-state-toorder {
            background: #fff3cd; /*#fffcc4*/
        }

        .flex-basket-items .flex-items .flex-item > span {
            /*display: inline-block;*/
            font-size: 10pt;
            border-right: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            padding: 9px;
            vertical-align: top;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .flex-basket-items .flex-items .flex-item .flex-weight-total {
            /*font-weight: 900;*/
            font-size: 14pt;
            width: 180px;
            white-space: nowrap;
        }

    .flex-basket-items .flex-items .flex-header .flex-weight-total {
        /*display: table-cell;*/
        white-space: nowrap;
        width: 182px;
    }

    .flex-basket-items .flex-items .flex-item > span > .flex-label {
        display: none;
    }

    .flex-basket-items .flex-items .flex-item.flex-with-details > span {
        border-bottom: 1px dashed #ebebeb;
    }

    .flex-basket-items .flex-items .flex-item-details > span.flex-return-informations {
        display: block;
        font-size: 9pt;
        border-bottom: 1px dashed #ebebeb;
        padding: 9px;
        padding-left: 31px;
        vertical-align: top;
        color: #e02222;
        background: url("/Plugins/FlexView/Images/FlexReturnInformationsIcon.png") left 9px center no-repeat;
        background-size: 14px;
    }

    .flex-basket-items .flex-items .flex-item-details > .delivery-time {
        display: block;
        font-size: 9pt;
        border-bottom: 1px dashed #ebebeb;
        padding: 9px;
        padding-left: 31px;
        vertical-align: top;
    }

        .flex-basket-items .flex-items .flex-item-details > .delivery-time.green {
            background: url("/Plugins/FlexView/Images/Svg/FlexDeliveryTimesGreenIcon.png") left 8px center no-repeat;
            background-size: 14px;
        }

        .flex-basket-items .flex-items .flex-item-details > .delivery-time.yellow {
            background: url("/Plugins/FlexView/Images/Svg/FlexDeliveryTimesYellowIcon.png") left 8px center no-repeat;
            background-size: 14px;
        }

        .flex-basket-items .flex-items .flex-item-details > .delivery-time.orange {
            background: url("/Plugins/FlexView/Images/Svg/FlexDeliveryTimesOrangeIcon.png") left 8px center no-repeat;
            background-size: 14px;
        }

        .flex-basket-items .flex-items .flex-item-details > .delivery-time.red {
            background: url("/Plugins/FlexView/Images/Svg/FlexDeliveryTimesRedIcon.png") left 8px center no-repeat;
            background-size: 14px;
        }

        .flex-basket-items .flex-items .flex-item-details > .delivery-time .title {
            font-weight: 600;
        }

    .flex-basket-items .flex-items .flex-item-details > div.flex-surcharges {
        display: block;
        font-size: 9pt;
        font-weight: 600;
        border-bottom: 1px dashed #ebebeb;
        padding: 9px;
        padding-left: 31px;
        vertical-align: top;
        color: black;
        background: url("/Plugins/FlexView/Images/FlexDeliveryTimesSurchargeIcon.png") 9px 13px no-repeat;
        background-size: 14px;
    }

        .flex-basket-items .flex-items .flex-item-details > div > span {
            display: block;
            font-weight: 300;
        }

    .flex-basket-items .flex-items .flex-item-details > *:last-child {
        border-bottom: 1px solid #ebebeb;
    }

    .flex-basket-items .flex-items .flex-item-details > div .flex-surcharge {
        color: #488d34;
    }

.flex-basket-items .flex-surcharge.item .name {
    display: inline-block;
    width: 697px;
}

.flex-basket-items.flex-order-recap .flex-surcharge.item .name {
    width: 817px;
}

.flex-basket-items .flex-items .flex-item-details > div .flex-surcharge.item {
    font-size: 10pt;
}

.flex-basket-items .flex-items .flex-item-details > div .flex-surcharge .flex-surcharge-price {
    color: black;
}

.flex-basket-items .flex-surcharge.item .flex-surcharge-price .price {
    display: inline-block;
    width: 79px;
    font-weight: 600;
}

.flex-basket-items.flex-order-recap .flex-surcharge.item .flex-surcharge-price .price {
    width: 76px;
}

.flex-basket-items .flex-items .flex-item > span:last-child {
    border-right: 0px;
}

.flex-basket-items .flex-items span.flex-selector {
    width: 15px;
}

.flex-basket-items .flex-items .flex-item > span .flex-checkbox {
    width: 13px;
    height: 13px;
    background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left 0px no-repeat;
}

    .flex-basket-items .flex-items .flex-item > span .flex-checkbox:hover {
        background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left -13px no-repeat;
    }

    .flex-basket-items .flex-items .flex-item > span .flex-checkbox.flex-selected {
        background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left -26px no-repeat;
    }

        .flex-basket-items .flex-items .flex-item > span .flex-checkbox.flex-selected:hover {
            background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left -39px no-repeat;
        }

.flex-basket-items .flex-items .flex-item > span.flex-code {
    font-weight: 700;
    color: #2766d9;
}

    .flex-basket-items .flex-items .flex-item > span.flex-code a {
        color: #2766d9;
        text-decoration: none;
    }

        .flex-basket-items .flex-items .flex-item > span.flex-code a:hover {
            text-decoration: underline;
        }

.flex-basket-items .flex-items span.flex-code {
    width: 88px;
    flex-grow: 1;
}

.flex-basket-items .flex-items .flex-item > span.flex-manufacturer {
    font-weight: 700;
}

.flex-basket-items .flex-items span.flex-manufacturer {
    width: 120px;
}

.flex-basket-items .flex-items .flex-item > span.flex-name {
    border-right: 0px;
}

.flex-basket-items .flex-items span.flex-name {
    width: 160px;
}

.flex-basket-items .flex-items .flex-item > span.flex-spz {
    padding-top: 6px;
    padding-bottom: 6px;
}

.flex-basket-items .flex-items span.flex-spz {
    width: 90px;
    overflow: visible;
}

.flex-basket-items .flex-items span.flex-to-delivery {
    width: 32px;
}

.flex-basket-items .flex-items span.flex-to-order {
    width: 55px;
}

.flex-basket-items .flex-items span.points {
    width: 25px;
}

.flex-basket-items .flex-items span.flex-discount {
    width: 28px;
}

.flex-basket-items .flex-items .flex-item > span.flex-price-per-piece {
    font-weight: 600;
}

.flex-basket-items .flex-items span.flex-price-per-piece {
    width: 60px;
}

.flex-basket-items .flex-items span.flex-price-per-piece-with-vat {
    width: 60px;
}

.flex-basket-items .flex-items .flex-item > span.flex-price-total {
    font-weight: 600;
}

.flex-basket-items .flex-items span.flex-price-total {
    width: 60px;
}

.flex-basket-items .flex-items span.flex-weight {
    width: 50px;
}

.flex-basket-items .flex-items span.flex-price-total-with-vat {
    width: 60px;
}

.flex-basket-items .flex-items .flex-item > span.flex-amount {
    padding-top: 6px;
    padding-bottom: 6px;
    white-space: nowrap;
}

.flex-basket-items .flex-items span.flex-amount {
    width: 102px;
}

.flex-basket-items.flex-order-recap .flex-items .flex-header > span.flex-name {
    border-right: 1px solid #ebebeb;
}

.flex-basket-items.flex-order-recap .flex-items .flex-item > span.flex-name {
    border-right: 1px solid #ebebeb;
}

.flex-basket-items.flex-order-recap .flex-items span.flex-code {
    width: 120px;
    flex-grow: initial;
}

.flex-basket-items.flex-order-recap .flex-items span.flex-name {
    width: 88px;
    flex-grow: 1;
}

.flex-basket-items.flex-order-recap .flex-items .flex-item > span.flex-amount {
    padding: 9px;
    white-space: normal;
}

.flex-basket-items.flex-order-recap .flex-items span.flex-amount {
    width: 78px;
}

.flex-basket-items.flex-order-recap .flex-items .flex-item > span.flex-code {
    color: black;
}

.flex-basket-items .flex-items .flex-item .flex-drop-down dt span.flex-drop-down-link {
    font-size: 9pt;
    padding: 3px;
    padding-left: 6px;
    padding-right: 22px;
    min-width: 60px;
}

.flex-basket-items .flex-items .flex-item .flex-drop-down dd ul li span.flex-drop-down-link {
    font-size: 9pt;
    padding: 3px;
    padding-left: 6px;
    padding-right: 22px;
}

.flex-basket-items .flex-items .flex-item .flex-remove-from-basket {
    font-size: 0px;
    text-align: left;
    display: block;
}

    .flex-basket-items .flex-items .flex-item .flex-remove-from-basket input[type="text"] {
        margin: 0px;
        padding: 0px;
        font-weight: 600;
        line-height: 16pt;
        vertical-align: top;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border: 1px solid #cdcdcd;
        background: #f9f9f9;
        font-size: 11pt;
        padding-left: 5px;
        padding-right: 5px;
        width: 40px;
        height: 23px;
    }

    .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-remove-from-basket-button {
        cursor: pointer;
        margin: 0px;
        padding: 5px;
        font-size: 0pt;
        width: 28px;
        border-radius: 0px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border: 1px solid #ca1f1f;
        height: 25px;
        vertical-align: top;
        background: url("/Plugins/FlexView/Images/FlexRemoveIcon.png") center 6px no-repeat, linear-gradient(#e02222, #ca1f1f);
    }

        .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-remove-from-basket-button:hover {
            background: url("/Plugins/FlexView/Images/FlexRemoveIcon.png") center 6px no-repeat, linear-gradient(#2766d9, #235cc4);
            border: 1px solid #235cc4;
        }

    .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-spinner {
        display: inline-block;
        width: 24px;
    }

        .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-spinner .flex-spinner-increment-button {
            cursor: pointer;
            display: block;
            height: 11px;
            background: #eeeeee url("/Plugins/FlexView/Images/FlexSpinnerIncrement.png") center center no-repeat;
            border: 1px solid #cdcdcd;
            border-left: 0px;
            border-right: 0px;
        }

        .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-spinner .flex-spinner-decrement-button {
            cursor: pointer;
            display: block;
            height: 11px;
            background: #eeeeee url("/Plugins/FlexView/Images/FlexSpinnerDecrement.png") center center no-repeat;
            border: 1px solid #cdcdcd;
            border-top: 0px;
            border-left: 0px;
            border-right: 0px;
        }

.flex-basket-items .flex-empty-basket-form {
    background: #fafafb;
    padding: 20px;
    text-align: center;
    font-weight: 600;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-title {
    color: #2766D9;
    text-align: right;
    font-size: 14pt;
    font-weight: 300;
}

.flex-basket-items .flex-basket-total.flex-items span.flex-title-enabled-weight {
    width: 100%;
}

.flex-basket-items .flex-basket-total.flex-items span.flex-title {
    width: 100%;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-without-vat {
    white-space: nowrap;
    font-size: 14pt;
    font-weight: 600;
}
.flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-without-vat.preferred{
    font-weight: 700;
}

.flex-basket-items .flex-basket-total.flex-items span.flex-without-vat {
    width: 230px;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-with-vat {
    white-space: nowrap;
    font-size: 14pt;
    font-weight: 600;
}
.flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-with-vat.preferred{
    font-weight: 700;
}

.flex-basket-items .flex-basket-total.flex-items span.flex-with-vat {
    width: 230px;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item.flex-transport > span.flex-title {
    color: black;
    font-size: 11pt;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item.flex-transport > span.flex-without-vat {
    font-size: 11pt;
}

.flex-basket-items .flex-basket-total.flex-items .flex-item.flex-transport > span.flex-with-vat {
    font-size: 11pt;
}

.flex-quick-basket-add {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
}

    .flex-quick-basket-add > span {
        display: inline-block;
        color: #2766D9;
        margin-right: 10px;
    }

    .flex-quick-basket-add input[type="text"] {
        font-weight: 300;
        font-size: 10pt;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .flex-quick-basket-add input[type="button"] {
        cursor: pointer;
        font-size: 10pt;
        color: white;
        text-decoration: none;
        border: 1px solid black;
        border-radius: 3px;
        background: linear-gradient(#676767, #505050);
        padding: 3px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .flex-quick-basket-add > .flex-progress {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }

.flex-basket-import > span {
    display: block;
    color: #2766D9;
    margin-right: 10px;
}

.flex-basket-import .flex-basket-import-form {
    border: 1px solid #e0e0e0;
    padding: 10px;
    padding-left: 15px;
    margin-top: 10px;
}

    .flex-basket-import .flex-basket-import-form > span {
        display: inline-block;
        font-size: 10pt;
        margin-right: 5px;
    }

.flex-basket-import .flex-drop-down {
    margin-right: 20px;
}

    .flex-basket-import .flex-drop-down dt span.flex-drop-down-link {
        font-size: 10pt;
        width: auto;
        min-width: 220px;
    }

    .flex-basket-import .flex-drop-down dd ul li span.flex-drop-down-link {
        font-size: 10pt;
    }

.flex-basket-import .flex-file-upload input[type="button"] {
    cursor: pointer;
    font-size: 10pt;
    color: black;
    text-decoration: none;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    background: linear-gradient(#e4e4e4, #d7d7d7);
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
}

.flex-basket-import .flex-file-upload span {
    font-size: 10pt;
    font-weight: 600;
}

.flex-basket-import .flex-basket-import-form .flex-file-upload-button {
    float: right;
}

    .flex-basket-import .flex-basket-import-form .flex-file-upload-button > input[type="button"] {
        cursor: pointer;
        font-size: 10pt;
        color: white;
        text-decoration: none;
        border: 1px solid black;
        border-radius: 3px;
        background: url("/Plugins/FlexView/Images/FlexUploadIcon.png") no-repeat, linear-gradient(#676767, #505050);
        background-position: left 10px center;
        padding: 3px;
        padding-left: 26px;
        padding-right: 8px;
        vertical-align: middle;
    }

    .flex-basket-import .flex-basket-import-form .flex-file-upload-button > .flex-progress {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

.flex-basket-import .flex-basket-import-sample {
    font-size: 9pt;
    margin-top: 12px;
    margin-left: 1px;
}

    .flex-basket-import .flex-basket-import-sample a {
        color: black;
    }

.flex-basket-import-result > span {
    display: block;
    color: #2766D9;
    margin-right: 10px;
    margin-top: 25px;
}

.flex-basket-import-result .flex-basket-import-item {
    display: inline-block;
    font-size: 9pt;
    border-right: 1px solid #d2d2d2;
    padding-right: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

    .flex-basket-import-result .flex-basket-import-item:last-child {
        border-right: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

    .flex-basket-import-result .flex-basket-import-item span {
        display: inline-block;
        padding: 1px;
    }

    .flex-basket-import-result .flex-basket-import-item .flex-manufacturer {
        font-weight: 600;
    }

    .flex-basket-import-result .flex-basket-import-item.flex-fail {
        padding-right: 10px;
        margin-right: 5px;
    }

        .flex-basket-import-result .flex-basket-import-item.flex-fail span {
            background: #ffe4e4;
        }

        .flex-basket-import-result .flex-basket-import-item.flex-fail .flex-code {
            padding-left: 5px;
        }

        .flex-basket-import-result .flex-basket-import-item.flex-fail .flex-amount {
            background: #ffe4e4 url("/Plugins/FlexView/Images/FlexImportFailIcon.png") no-repeat;
            background-position: right 5px center;
            padding-right: 20px;
        }

    .flex-basket-import-result .flex-basket-import-item.flex-minimum-order-fail {
        padding-right: 10px;
        margin-right: 5px;
    }

        .flex-basket-import-result .flex-basket-import-item.flex-minimum-order-fail span {
            background: #fde6be;
        }

        .flex-basket-import-result .flex-basket-import-item.flex-minimum-order-fail .flex-code {
            padding-left: 5px;
        }

        .flex-basket-import-result .flex-basket-import-item.flex-minimum-order-fail .flex-amount {
            background: #fde6be url("/Plugins/FlexView/Images/FlexImportFailIcon.png") no-repeat;
            background-position: right 5px center;
            padding-right: 20px;
        }

.flex-basket-controls {
    margin: 25px;
    text-align: right;
}

    .flex-basket-controls .print-offer {
        display: inline-block;
        background: url("/Plugins/FlexView/Images/FlexPrintBasketIcon.png") no-repeat, linear-gradient(#676767, #505050);
        background-position: left 25px center;
        font-size: 11pt;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        padding: 12px;
        padding-left: 58px;
        padding-right: 26px;
        border: 0px;
        float: left;
    }

    .flex-basket-controls .flex-clear-basket {
        display: inline-block;
        background: url("/Plugins/FlexView/Images/FlexClearBasketIcon.png") no-repeat, linear-gradient(#666666, #525252);
        background-position: left 26px center;
        font-size: 11pt;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        padding: 12px;
        padding-left: 58px;
        padding-right: 26px;
        border: 0px;
    }

    .flex-basket-controls .flex-create-order {
        font-size: 11pt;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        padding: 12px;
        padding-left: 26px;
        padding-right: 58px;
        background: url("/Plugins/FlexView/Images/FlexCreateOrderIcon.png") no-repeat, linear-gradient(#e02222, #cb1f1f);
        background-position: right 26px center;
    }

.flex-order-process .flex-basket .show-retail-prices-controls {
    text-align: right;
}

    .flex-order-process .flex-basket .show-retail-prices-controls .checkmark {
        top: 2px;
        right: 0px;
        left: auto;
    }

    .flex-order-process .flex-basket .show-retail-prices-controls .flex-checkbox {
        width: 13px;
        height: 13px;
        background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left 0 no-repeat;
        margin-top: 3px;
        float: right;
    }

        .flex-order-process .flex-basket .show-retail-prices-controls .flex-checkbox:hover {
            background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left -13px no-repeat;
        }

        .flex-order-process .flex-basket .show-retail-prices-controls .flex-checkbox.flex-selected {
            background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left -26px no-repeat;
        }

            .flex-order-process .flex-basket .show-retail-prices-controls .flex-checkbox.flex-selected:hover {
                background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left -39px no-repeat;
            }

    .flex-order-process .flex-basket .show-retail-prices-controls .flex-checkbox-toogle-text {
        font-size: 10pt;
        padding: 0 20px 0 0;
    }

.flex-order-process .flex-registration-step-1 {
    display: none;
}

.flex-order-process .flex-registration-step-2 {
    display: none;
}





.flex-order-process .flex-order-controls {
    margin: 25px;
    text-align: right;
}

    .flex-order-process .flex-order-controls .flex-continue-in-order {
        font-size: 11pt;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        padding: 12px;
        padding-left: 26px;
        padding-right: 58px;
        background: url("/Plugins/FlexView/Images/FlexCreateOrderIcon.png") no-repeat, linear-gradient(#e02222, #cb1f1f);
        background-position: right 26px center;
    }

    .flex-order-process .flex-order-controls .flex-back-to-basket {
        display: inline-block;
        background: url("/Plugins/FlexView/Images/FlexBackToBasketIcon.png") no-repeat, linear-gradient(#666666, #525252);
        background-position: left 26px center;
        font-size: 11pt;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        padding: 12px;
        padding-left: 58px;
        padding-right: 26px;
    }

.flex-order-process .flex-tabs {
    border-bottom: 1px solid #eaeaea;
    margin: 25px;
    padding-left: 20px;
    font-size: 0px;
}

    .flex-order-process .flex-tabs a {
        display: inline-block;
        color: #2766d9;
        border: 1px solid #eaeaea;
        background: linear-gradient(#fafcff, #eef5ff);
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10pt;
        padding: 10px;
        padding-left: 18px;
        padding-right: 18px;
        margin-bottom: -1px;
        margin-right: 5px;
    }

    .flex-order-process .flex-tabs > span {
        display: inline-block;
        border: 1px solid #eaeaea;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10pt;
        padding: 10px;
        padding-left: 18px;
        padding-right: 18px;
        margin-bottom: -1px;
        margin-right: 5px;
        color: black;
        background: white;
        border-bottom: 1px solid white;
    }

        .flex-order-process .flex-tabs > span > span {
            display: inline-block;
            color: white;
            font-weight: 300;
            background: #e02222;
            border-radius: 99px;
            width: 26px;
            height: 22px;
            padding-top: 3px;
            vertical-align: middle;
            margin-right: 8px;
            text-align: center;
        }

        .flex-order-process .flex-tabs > span.flex-disabled {
            color: #7f7f7f;
            font-weight: 300;
            border-bottom: 1px solid #eaeaea;
            background: #f4f4f4;
        }

            .flex-order-process .flex-tabs > span.flex-disabled > span {
                background: #afafaf;
                border-radius: 99px;
            }

    .flex-order-process .flex-tabs > a > span {
        display: inline-block;
        color: white;
        font-weight: 300;
        background: #bcc5d7;
        border-radius: 99px;
        width: 26px;
        height: 24px;
        padding-top: 2px;
        vertical-align: middle;
        margin-right: 8px;
        text-align: center;
    }




.flex-order-process .flex-quick-items-add-title {
    font-weight: 700;
    margin-top: 40px;
    display: block;
    font-size: 15pt;
    margin-left: 25px;
    padding: 2px;
}

.flex-order-process .flex-quick-items {
    display: block;
    font-size: 15pt;
    padding-left: 25px;
}

    .flex-order-process .flex-quick-items:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f56e";
        padding: 0 4px 0 0;
        color: #525252;
    }

.flex-order-process .flex-form {
    margin: 25px;
    margin-top: 0;
}


.flex-last-items {
    margin: 25px;
}

    .flex-last-items .flex-last-items-header {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: #f5f9fe;
        border: 1px solid #DFE9FF;
        position: relative;
    }

    .flex-last-items .flex-title {
        flex: 6;
        -webkit-flex: 6;
        -ms-flex: 6;
        font-weight: 400;
        font-size: 14pt;
        margin-bottom: 0px;
        border-bottom: 0px;
        padding: 20px;
    }

    .flex-last-items .flex-items-count {
        flex: 0 0 85px;
        -webkit-flex: 0 0 85px;
        -ms-flex: 0 0 85px;
        position: relative;
    }

        .flex-last-items .flex-items-count > span {
            background: #2766D9;
            width: 45px;
            height: 26px;
            color: #FFF;
            text-align: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            border-radius: 13px;
            line-height: 26px;
        }


    .flex-last-items .flex-title:before {
        content: url(/Plugins/FlexView/Images/FlexHistoryProductIcon.png);
        position: relative;
        top: 4px;
        padding-right: 10px;
    }

    .flex-last-items .flex-title > span {
        color: #2766D9;
        position: absolute;
        top: 50%;
        transform: translate(0px,-50%);
    }

    .flex-last-items .flex-items {
        display: block;
        width: auto;
        margin-bottom: 30px;
        padding: 20px;
        font-size: 0pt;
        border: 1px solid #DFE9FF;
        border-top: 0px;
        position: relative;
        padding-bottom: 68px;
    }

    .flex-last-items .flex-show-more-button {
        display: block;
        text-transform: uppercase;
        background: linear-gradient(#676767, #505050);
        font-size: 10pt;
        position: absolute;
        right: 20px;
        margin-top: 20px;
        color: white;
        text-decoration: none;
        border: 1px solid black;
        border-radius: 3px;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .flex-last-items .flex-items .flex-header, .flex-last-items .flex-items .flex-item, .flex-last-items .flex-items .flex-item-details {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .flex-last-items .flex-items .flex-header > span {
            flex: 4;
            -webkit-flex: 4;
            -ms-flex: 4;
            font-weight: 300;
            font-size: 9pt;
            padding: 9px;
            background: #e4e4e4;
            text-align: left;
            text-shadow: 0px 1px 1px white;
            border-right: 1px solid #d8d8d8;
        }

            .flex-last-items .flex-items .flex-header > span:last-child {
                flex: 0 0 90px;
                -webkit-flex: 0 0 90px;
                -ms-flex: 0 0 90px;
                text-align: center;
            }

        .flex-last-items .flex-items .flex-item > span {
            flex: 4;
            -webkit-flex: 4;
            -ms-flex: 4;
            font-size: 10pt;
            font-weight: 700;
            border-right: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            padding: 9px;
            vertical-align: top;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .flex-last-items .flex-items .flex-item > span:last-child {
                flex: 0 0 90px;
                -webkit-flex: 0 0 90px;
                -ms-flex: 0 0 90px;
                text-align: center;
            }

            .flex-last-items .flex-items .flex-item > span:nth-last-child(2), .flex-last-items .flex-items .flex-item > span:nth-last-child(1) {
                font-weight: 400;
            }

        .flex-last-items .flex-items .flex-item:nth-last-child(3) {
            opacity: 0.6;
        }

        .flex-last-items .flex-items .flex-item:nth-last-child(2) {
            opacity: 0.3;
        }

    .flex-last-items .flex-items span.flex-code {
        width: 160px;
        border-left: 1px solid #ebebeb;
    }

    .flex-last-items .flex-items span.flex-manufacturer {
        width: 160px;
    }

    .flex-last-items .flex-items span.flex-name {
        width: 160px;
    }

    .flex-last-items .flex-items span.flex-amount {
        width: 160px;
    }

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 25px;
}

    .progress-bar .progress-bar-title-price {
        font-weight: bold;
    }

    .progress-bar .progress-bar-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        align-items: center;
        width: 500px;
    }

        .progress-bar .progress-bar-content .progress {
            background: rgba(0,0,0,0.19);
            justify-content: flex-start;
            border-radius: 10px;
            align-items: center;
            position: relative;
            padding: 0 3px;
            display: flex;
            height: 13px;
            width: 200%;
        }

            .progress-bar .progress-bar-content .progress .progress-value {
                box-shadow: 0 10px 20px -10px #fff;
                border-radius: 10px;
                background: linear-gradient(to right, #00ad00, #00ad00 50%, #00c700, #00c700 80%, #00e600, #00e600 100%);
                height: 7px;
                width: 0;
            }

    .progress-bar .allowedShipping {
        font-size: 12px;
    }

        .progress-bar .allowedShipping > span {
            font-weight: bold;
        }

.flex-order-form > .flex-form.flex-order-form-login {
    background: #FCF8E2;
    border: 1px solid #F7F1D4;
}

.flex-order-form .agreements {
    display: inline-block;
    float: right;
}

    .flex-order-form .agreements .checkmark {
        top: 2px;
        left: 0px;
    }

.flex-order-process .flex-form, .flex-order-form div > .flex-form {
    background: white;
    border: 1px solid #ebebeb;
    border-top: 0;
}

.flex-order-process .flex-basket .flex-form {
    background: white;
    border: 1px solid #ebebeb;
    margin-top: 20px;
}

.flex-order-process .flex-basket .flex-spz .flex-drop-down dt {
    width: 90px;
}

.flex-basket-items .flex-items .flex-item .flex-spz .flex-drop-down dt span.flex-drop-down-link {
    width: 90px;
}

.flex-order-form .flex-form input[type="text"], .flex-order-form .flex-form input[type="password"], .flex-order-form .flex-form input[type="email"], .flex-order-form .flex-form input[type="tel"], .flex-order-form .flex-form input[type="time"] {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    width: 260px;
}


.flex-order-process > .flex-order-form > .flex-title, .flex-order-form div > .flex-title {
    font-size: 14pt;
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
    display: block;
    padding: 10px;
    background: #F7FAFF;
    border: 1px solid #e7edfb;
}

    .flex-order-process > .flex-order-form > .flex-title.flex-order-form-title, .flex-order-form div > .flex-title.flex-order-form-title {
        font-size: 16pt;
        text-align: left;
        display: block;
        padding: 10px;
        font-weight: 700;
        background-color: transparent;
        border: 0;
    }

    .flex-order-process > .flex-order-form > .flex-title.flex-order-form-sub-title, .flex-order-form div > .flex-title.flex-order-form-sub-title {
        font-size: 12pt;
        text-align: left;
        display: inline-block;
        padding: 10px;
        padding-top: 0px;
        padding-bottom: 20px;
        background-color: transparent;
        border: 0;
    }


.flex-order-form .flex-first-order-method {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
}

    .flex-order-form .flex-first-order-method input[type="button"] {
        color: black;
        font-size: 11pt;
        padding: 15px;
        padding-left: 40px;
        padding-right: 40px;
        background: transparent;
        font-weight: 700;
        margin-right: 10px;
    }

.flex-order-form .flex-transports-payments-wrapper ul.flex-radio-buttons li {
    display: block;
    padding-left: 15px;
}

.flex-order-form div.flex-transport-methods-wrapper > .flex-title, .flex-order-form div.flex-transport-methods-wrapper > .flex-form {
    margin-right: 0px;
}

.flex-order-form .flex-transport-methods-wrapper, .flex-order-form .flex-payment-methods-wrapper {
    width: 590px;
    display: inline-block;
    vertical-align: top;
}

.flex-order-form div.flex-payment-methods-wrapper > .flex-title, .flex-order-form div.flex-payment-methods-wrapper > .flex-form {
    margin-right: 0px;
}

.flex-order-form div.flex-payment-methods-wrapper > .flex-form {
    padding: 0px;
}

    .flex-order-form div.flex-payment-methods-wrapper > .flex-form .flex-row {
        padding: 20px;
        margin-bottom: 0px;
    }

.flex-order-recap > .flex-title {
    font-size: 14pt;
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
    display: block;
    padding: 10px;
    background: #F7FAFF;
    border: 1px solid #e7edfb;
}

.flex-order-recap > .flex-tabs {
    margin-bottom: 25px;
}

.flex-order-recap .flex-form .flex-row {
    margin-bottom: 15px;
}

    .flex-order-recap .flex-form .flex-row:last-child {
        margin-bottom: 0px;
    }

    .flex-order-recap .flex-form .flex-row > span {
        display: inline-block;
        font-size: 10pt;
        padding-right: 10px;
        padding-top: 5px;
        width: 180px;
        vertical-align: top;
    }

        .flex-order-recap .flex-form .flex-row > span.flex-value-long {
            width: 400px;
        }

    .flex-order-recap .flex-form .flex-row > .flex-name {
        font-weight: 600;
        text-align: right;
        width: 280px;
    }

    .flex-order-recap .flex-form .flex-row > .flex-value-wide {
        width: 810px;
    }

.flex-order-form > .flex-lost-password {
    display: inline-block;
    color: #e02222;
    font-size: 10pt;
    text-decoration: none;
    background: url("/Plugins/FlexView/Images/LostPasswordIcon.png") left center no-repeat;
    padding: 0 24px 0 24px;
    float: right;
    margin: 2px 10px 0 25px;
}

    .flex-order-form > .flex-lost-password:hover {
        text-decoration: underline;
    }

.flex-order-form .flex-form .flex-row {
    margin-bottom: 15px;
}

    .flex-order-form .flex-form .flex-row:last-child {
        margin-bottom: 0px;
    }

    .flex-order-form .flex-form .flex-row > span {
        display: inline-block;
        font-size: 10pt;
        text-align: right;
        padding-right: 10px;
        padding-top: 5px;
    }

.flex-order-form .flex-transport-methods-wrapper .transport-group-description-note > span {
    color: red;
    text-align: left;
}


.flex-order-form .flex-form .flex-row .flex-multi-box > span {
    font-size: 10pt;
}

.flex-order-form .flex-form .flex-row > span.flex-username {
    width: 200px;
}

.flex-order-form .flex-form .flex-row > span.flex-password {
    width: 60px;
}

.flex-order-form .flex-form .flex-row > input[type="button"] {
    background: linear-gradient(#565656, #4f4f4f);
    border: 1px solid #404040;
    text-transform: uppercase;
    margin-left: 20px;
    width: 120px;
}

.flex-order-form .flex-form .flex-row .login-controls input[type="button"] {
    background: linear-gradient(#565656, #4f4f4f);
    border: 1px solid #404040;
    text-transform: uppercase;
    margin-left: 20px;
    width: 120px;
    vertical-align: middle;
}

    .flex-order-form .flex-form .flex-row .login-controls input[type="button"].google-login-button {
        width: 31px;
        margin-left: 2px;
        background: #4f4f4f url("/Plugins/FlexView/Images/Svg/GoogleSignInIcon.svg") center center no-repeat;
        background-size: 12px;
        vertical-align: middle;
    }

.flex-order-form .flex-form .flex-row > * {
    vertical-align: top;
}

.flex-order-form .flex-form .flex-row .flex-login-error {
    display: block;
    color: #e02222;
    text-align: center;
}

.flex-order-form .flex-form .flex-row > span.flex-company-name {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-first-name {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-last-name {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.region {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-street {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-city {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-zip-code {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > #OrderFormZIPCode {
    width: 90px;
}

.flex-order-form .flex-form .flex-row > span.flex-state {
    width: 320px;
}

.flex-order-form .flex-form .flex-row .flex-drop-down dt span.flex-drop-down-link {
    width: 276px;
}

.flex-order-form .flex-form .flex-row > span.flex-ic {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-dic {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > #OrderFormICDPHWrapper span.flex-icdph {
    display: inline-block;
    font-size: 10pt;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    width: 150px;
}

.flex-order-form .flex-form .flex-row.icdph {
    margin-left: 148px;
}


.flex-order-form .flex-form .flex-register-informations {
    display: none;
}

.flex-order-form .flex-register-informations .flex-form .flex-row > input[type="button"] {
    background: linear-gradient(#565656, #4f4f4f);
    border: 1px solid #404040;
    text-transform: uppercase;
    margin-left: 243px;
    width: 277px;
}

.flex-order-form .flex-form .flex-row > span.flex-register-username {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-register-login {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-register-password {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-email {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-note {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-register-order-password-confirm {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-register-password-confirm {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-phone {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-send-register-order-password {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-send-confirmation-email {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-products-not-on-stock {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-custom-order-number {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-order-type {
    width: 230px;
}

.flex-order-form .flex-form .flex-row span.flex-order-priority {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > div {
    display: inline-block;
}

    .flex-order-form .flex-form .flex-row > div > .flex-row {
        display: block;
        margin-bottom: 5px;
    }

        .flex-order-form .flex-form .flex-row > div > .flex-row:last-child {
            margin-bottom: 0px;
        }

        .flex-order-form .flex-form .flex-row > div > .flex-row > span {
            padding-top: 2px;
        }

            .flex-order-form .flex-form .flex-row > div > .flex-row > span.flex-checkbox-toogle-text {
                display: block;
                text-align: left;
                padding-top: 0px;
            }

        .flex-order-form .flex-form .flex-row > div > .flex-row > .flex-checkbox {
            vertical-align: middle;
        }

.flex-order-form div.flex-payment-methods-wrapper .flex-form .flex-row.flex-transport-surcharges-container {
    border-top: 1px solid #ebebeb;
    padding: 0px;
}

.flex-order-form .flex-transport-methods-wrapper .flex-form .flex-row .flex-zasilkovna-branch {
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-transport-methods-wrapper .flex-form .flex-row li {
    padding-left: 2px;
}

.flex-order-form .flex-transport-methods-wrapper .flex-form .flex-row .flex-drop-down .flex-text {
    font-weight: 700;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container div {
    display: block;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container .flex-value {
    float: right;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container .flex-items {
    padding: 20px;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container .flex-total {
    border-top: 1px solid #ebebeb;
    padding: 20px;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container div:first-of-type {
    border-top: 0px;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container .flex-total .flex-value {
    font-weight: 600;
}

.flex-order-form .flex-form .flex-row.flex-transport-surcharges-container .flex-item {
    margin-top: 10px;
}

    .flex-order-form .flex-form .flex-row.flex-transport-surcharges-container .flex-item:first-of-type {
        margin-top: 0px;
    }
.flex-order-form .flex-form .flex-row > span.flex-stock {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > textarea {
    width: 706px;
    height: 100px;
    resize: vertical;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.flex-order-form .flex-form .flex-row > spanflex-expedition-type,
.flex-order-form .flex-form .flex-row > span.products-not-on-stock,
.flex-order-form .flex-form .flex-row > span.flex-final-document-type,
.flex-order-form .flex-form .flex-row > span.flex-payment,
.flex-order-form .flex-form .flex-row > span.flex-send-confirmation-email,
.flex-order-form .flex-form .flex-row > span.flex-transport-zasilkovna,
.flex-order-form .flex-form .flex-row > span.flex-transport-method {
    width: 230px;
}

.flex-order-form .flex-form .flex-row .flex-separate-on-single-document {
    padding-left: 265px;
}

.flex-order-form .flex-delivery-informations {
    display: none;
}

.flex-order-form .flex-zasilkovna-branch {
    display: none;
}

.flex-order-form .flex-personal-pick-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-balikovna-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-dpd-branch {
    display: none;
    padding-left: 75px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-package-to-post-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-ppl-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-gls-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-wedo-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-paczkomat-branch {
    display: none;
    padding-left: 78px;
    padding-bottom: 5px;
    font-size: 9pt;
}

.flex-order-form .flex-transport-methods-container a.locked {
    color: black;
    text-decoration: none;
    font-weight: 500;
}

.flex-order-form .flex-transport-methods-container div.transport-method-description {
    display: none;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 78px;
}


.flex-order-form .flex-transport-methods-wrapper .flex-form .flex-row #FormPersonalPick li {
    padding-left: 2px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-branches {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-name {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-first-name-last-name {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-street {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-city {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-zip-code {
    width: 230px;
}

.flex-order-form .flex-form .flex-row > #OrderFormDeliveryZIPCode {
    width: 97px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-state {
    width: 313px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-phone {
    width: 150px;
}

.flex-order-form .flex-form .flex-row > span.flex-delivery-email {
    width: 230px;
}




.purchase-rewards-title {
    display: block;
    font-size: 15pt;
    margin-left: 25px;
    padding: 2px;
    font-weight: 700;
}

    .purchase-rewards-title:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f06b";
        padding: 0 13px 0 0;
        color: #525252;
    }

.conditional-items .items {
    margin: 20px 25px 20px 25px;
}

    .conditional-items .items > .item {
        background: #f4f4f4;
        margin-bottom: 5px;
        overflow: visible;
    }

        .conditional-items .items > .item.available {
            background: #f4fbf2;
        }

        .conditional-items .items > .item.partial-available {
            background: #faf2e3;
        }

        .conditional-items .items > .item .title .icon {
            display: inline-block;
            background: #e81b1b;
            padding: 3px 6px 3px 6px;
            border-radius: 99px;
        }

            .conditional-items .items > .item .title .icon:before {
                font-family: "Font Awesome 5 Pro";
                font-weight: 900;
                content: "\f068";
                color: white;
            }

        .conditional-items .items > .item.partial-available .title .icon {
            background: #f8a304;
        }

            .conditional-items .items > .item.partial-available .title .icon:before {
                font-family: "Font Awesome 5 Pro";
                font-weight: 900;
                content: "\f042";
                color: white;
            }

        .conditional-items .items > .item.available .title .icon {
            background: #20a926;
        }

        .conditional-items .items > .item.available .title .icon:before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            content: "\f00c";
            color: white;
        }

.conditional-items .title .toogle-details {
    background: white;
    display: inline-block;
    padding: 3px 7px 3px 7px;
}

    .conditional-items .title .toogle-details:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f067";
        color: black;
    }

.conditional-items .title.selected .toogle-details:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    color: black;
}

.conditional-items > .items > .item > .title {
    cursor: pointer;
    padding: 15px;
}

.conditional-items .title .name {
    display: inline-block;
    font-size: 13pt;
    font-weight: 500;
    margin-left: 6px;
}

.conditional-items .title .informations {
    float: right;
}

    .conditional-items .title .informations > span {
        display: inline-block;
    }

.conditional-items .title .flex-checkbox {
    margin-top: -2px;
    float: right;
}

.conditional-items .title .flex-checkbox-toogle-text {
    display: inline-block;
    margin-top: -4px;
    padding-left: 0;
    padding-right: 10px;
    font-weight: 600;
}

.conditional-items .title .valid-to span {
    font-weight: 600;
}

.conditional-items .title .available span {
    font-weight: 600;
}

.conditional-items .title .drawn span {
    font-weight: 600;
}

.conditional-items .title .informations > span {
    margin-right: 25px;
}

.conditional-items .details {
    margin: 0 15px 0 15px;
    padding: 0 0 15px 0;
}

    .conditional-items .details a {
        color: black;
    }

        .conditional-items .details a:hover {
            text-decoration: none;
        }

.conditional-items .on-purchase, .conditional-items .get {
    background: rgba(255, 255, 255, 0.8);
    font-size: 10pt;
    padding: 8px 12px 12px 12px;
    line-height: 16pt;
}

.conditional-items .on-purchase {
    margin-bottom: 2px;
}

    .conditional-items .on-purchase .title, .conditional-items .get .title {
        font-weight: 700;
        display: block;
    }

    .conditional-items .on-purchase .item, .conditional-items .get .item {
        display: block;
    }

        .conditional-items .on-purchase .item .amount {
            float: right;
        }

        .conditional-items .get .item .price {
            float: right;
        }

.promo-codes .title {
    display: block;
    font-size: 15pt;
    margin: 25px;
    font-weight: 700;
}

.promo-codes input[type="button"] {
    padding: 6px 12px;
    vertical-align: top;
}

    .promo-codes .title:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f02c";
        padding: 0 10px 0 0;
        color: #525252;
    }

.promo-codes .content {
    border: 1px solid #ebebeb;
    margin: 20px 25px 25px 25px;
    padding: 20px;
    display: block;
    width: auto;
}

.promo-codes input[type="text"],
.import-export-items input[type="text"] {
    width: 400px;
    font-size: 12pt;
    box-sizing: border-box;
}

.promo-codes .progress {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.promo-codes .used-codes .code {
    display: inline-block;
    padding: 6px 6px 6px 10px;
    border: 1px dashed #20a926;
    background: #f4fbf2;
    margin: 15px 10px 0 0;
    font-weight: 600;
}

.promo-codes .used-codes input[type="button"] {
    border: 0;
    background: #20a926;
    color: white;
    font-weight: 700;
    padding: 1px 6px;
    margin-left: 6px;
    vertical-align: top;
}

    .promo-codes .used-codes input[type="button"]:hover {
        background: black;
    }

.flex-order-recap .conditional-items .column.title {
    width: 59%;
}

.modal-branches {
    position: fixed;
    display: none;
    border: 1px solid #d3d3d3;
    background: #fafafb;
    padding: 40px;
    z-index: 99999;
}

    .modal-branches .title {
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 12pt;
    }

    .modal-branches .close-button {
        background: transparent url("/Plugins/FlexView/Images/FlexPopupCloseButtonIcon.png") center center no-repeat;
        width: 30px;
        height: 30px;
        border: 0;
        position: absolute;
        top: 36px;
        right: 36px;
    }

    .modal-branches .container {
        display: flex;
    }

    .modal-branches .list {
        overflow: auto;
        width: 300px;
        height: 350px;
        border: 1px solid #ebebeb;
    }

    .modal-branches .map {
        width: 500px;
        height: 400px;
        margin: 0 0 0 20px;
        border: 1px solid #ebebeb;
    }

    .modal-branches .branches input {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 20px;
    }

    .modal-branches .table .column .address {
        display: block;
        font-size: 9pt;
    }

    .row .delivery-information {
        display: block;
        font-size: 9pt;
        padding-bottom: 8px;
        padding-left: 8px;
        margin-top: -10px;
    }

    .row .delivery-information .address{
        display: block;
        font-size: 9pt;
    }

    .row .delivery-information-button{
        height: 12px;
        width: 12px;
        position: relative;
        bottom: 40px;
        left: 260px;
        background: transparent url("/Plugins/FlexView/Images/Svg/ArrowDownGraySolid.svg") center center no-repeat;
    }

    .row .delivery-information-button-clicked{
        height: 12px;
        width: 12px;
        position: relative;
        bottom: 40px;
        left: 260px;
        background: transparent url("/Plugins/FlexView/Images/Svg/ArrowUpGraySolid.svg") center center no-repeat;
    }

#dpd-pickup-widget {
    width: 1100px;
    height: 650px;
    margin: -65px -20px -20px -20px;
}

.item-info-editable .icon:before {
    font-family: "Font Awesome 5 Pro";
    content: "\2b";
    font-weight: 900;
    padding-right: 4px;
    font-size: 18px;
    color: black;
}

.item-info-editable .icon.edit:before {
    content: "\f304";
    font-weight: 600;
    font-size: 13px;
    padding-right: 2px;
}
    
/* Mobile version */
@media only screen and (max-width: 989px) {
    .promo-codes input[type="text"], #AddToBasketByCodeText {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .modal-branches .close-button {
        top: 5px;
        right: 5px;
    }

    .promo-codes input[type="button"],
    .price.flex-file-upload-button > input[type="button"],
    #FileTypeExport_FlexDropDown,
    #FileTypeExport_FlexDropDown > dt > span,
    #FileType_FlexDropDown,
    #FileType_FlexDropDown > dt > span,
    #AddToBasketByCodeButton {
        display: block;
        width: 100%;
    }

    .promo-codes input[type="button"] {
        text-transform: uppercase;
        padding: 8px 20px;
        font-size: 11pt;
        background-color: #585858;
    }

    .promo-codes .content {
        position: relative;
        border: 0;
        margin: 0 30px 60px 30px;
        padding: 0;
    }

    .promo-codes .progress {
        margin: 0;
        position: absolute!important;
        top: 26px;
        right: 26px;
    }

    .conditional-items .title .informations {
        float: none;
        display: block;
        margin: 5px 0 0 37px;
    }

    .conditional-items .title .informations > span {
        display: block;
        margin-top: 5px;
    }

        .conditional-items .title .informations .available, .conditional-items .title .informations .drawn {
            display: inline-block;
        }

    .conditional-items .on-purchase .item .amount, .conditional-items .get .item .price {
        float: none;
        display: block;
    }

    .modal-branches .list {
        width: 100%;
    }

    .modal-branches .map {
        display: none;
    }

    #dpd-pickup-widget {
        width: calc(100% + 40px);
        height: 500px;
        margin: -20px;
    }
}

.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.table:last-of-type {
    margin-bottom: 0;
}

    .table .header, .table .row {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #ebebeb;
        text-decoration: none;
        color: black;
    }

    .table .header {
        font-weight: 400;      
        background: #fcfcfc;
    }

        .table .header .column {
            font-size: 11pt;
            font-weight: 700;
        }

        .table .header .highlight {
            font-size: 13pt;
            font-weight: 700;
            color: #000000;
        }

    .table a.row:hover {
        background: #e02222;
    }

    .table a.row:hover .column {
        color: white;
    }

    .table a.row:hover .delivery-information {
        color: white;
    }

    .table a.row:hover .delivery-information-button {
        background: transparent url("/Plugins/FlexView/Images/Svg/ArrowDownWhiteSolid.svg") center center no-repeat;
    }

    .table a.row:hover .delivery-information-button-clicked {
        background: transparent url("/Plugins/FlexView/Images/Svg/ArrowUpWhiteSolid.svg") center center no-repeat;
    }

    .table .column {
        display: table-cell;
        padding: 8px;
        
        font-size: 10pt;
    }

        .table .row .highlight {
            color: #e02222;
        }



    .modal-branches .branches .table .header, .table .row {
        display: block;
    }
/* Mobile device */
@keyframes flex-toast-show-mobile {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 1690px) {
    .flex-custom-modal-popup .flex-custom-popup-container:not([data-is-visible-on-mobile="true"]) {
        display: none !important;
    }

    .flex-custom-modal-popup .flex-custom-popup:not([data-is-visible-on-mobile="true"]) {
        display: none !important;
    }
}


@media only screen and (max-width: 989px) {

    .flex-product-hazard-information {
        padding: 5px 10px;
    }

    /*.container-wrapper {
        display: block;
    }

    .content-container {
        width: auto;
    }*/

    .flex-panel-wide .flex-menu ul {
        display: none;
    }

    .side-container {
        display: none;
    }

    .flex-reclamation-process .input-dates .date-from,
    .flex-reclamation-process .input-dates .date-to,
    .flex-informations .input-dates .date-from,
    .flex-informations .input-dates .date-to {
        flex: 0 50%;
    }

    .flex-orders-list .table .table-item.issued,
    .flex-orders-list .table .table-item.type {
        display: none;
    }

    .flex-orders-list .order-container .mobile-info {
        display: block !important;
        padding-top: 15px;
    }

        .flex-orders-list .order-container .mobile-info ul {
            display: flex;
            gap: 35px;
            padding: 0;
            margin: 0;
            list-style-position: inside;
        }

    .flex-orders-list .order-container .footer-mobile ul {
        margin: 0;
    }

    ul li::marker {
        margin-right: 10px;
    }

    .input-with-icon {
        min-width: 160px;
    }

    .flex-billing-informations .flex-multi-box {
        padding-left: 0;
    }

    .flex-checkbox-common {
        padding-left: 10px;
    }

    .checkmark {
        left: 0;
    }

    .flex-registration-form .checkmark-order-billing {
        left: 0px;
        top: 1px;
    }

    .flex-order-process .flex-basket .show-retail-prices-controls .checkmark {
        top: 1px;
        left: 175px;
    }

    .products .flex-filter .flex-extended .flex-manufacturers .flex-content .flex-checkbox-toogle-text {
        padding-left: 15px;
    }

    .flex-basket-items .flex-checkbox-common-border {
        border: none;
    }

    .flex-basket-items .checkmark {
        top: 2px
    }

    .flex-terms-conditions .flex-form .flex-row {
        padding-left: 0;
    }

    *[data-flex-mobile-hide="true"] {
        display: none !important;
    }

    *[data-flex-mobile-only="true"] {
        display: block;
    }

    *[attr-text]:before {
        content: attr(attr-text);
    }

    *[attr-text-after]:after {
        content: attr(attr-text-after);
    }

    .flex-surcharge-container-product-detail {
        position: relative;
        float: right;
        right: 90px;
        top: -53px;
    }

    .flex-dock-left {
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .flex-dock-right {
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        text-align: right;
        margin-right: 10px;
        /*  display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;*/
    }


    .flex-bottom-margin-delimiter {
    }

    .flex-dock-right {
        right: 0;
    }


    .flex-screen-detection {
        float: right;
    }

    .flex-smart-search, .flex-panel-wide {
        padding: 10px;
    }

        .flex-smart-search .flex-smart-search-input {
            width: 100%;
        }

    .flex-breadcrumb-bar a::after {
        display: none;
    }

    .flex-carousel-actions {
        width: 100%;
    }

    .flex-text-actions {
        width: 100%;
    }

    .flex-content-container .content {
        width: 100%;
    }

    .flex-content-container .promo-codes .content {
        width: auto;
    }

    .flex-selected-categories {
        width: 100%;
    }

    .flex-custom-article {
        width: 100%;
    }

    .flex-slideshow-container .content {
        width: 100%;
    }

    .flex-reverse-tecdoc-tree-container .content {
        width: 100%;
    }

    .flex-main-menu .flex-menu {
        width: 100%;
    }

    .flex-table {
        width: 100%;
    }

    .flex-container {
        width: 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .flex-slider {
        width: 100%;
    }

    /* .flex-container.flex-header-container {
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .flex-container.flex-main-menu {
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .flex-container.flex-small-bottom-delimiter.flex-breadcrumb-bar-container {
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }*/
    .flex-bottom-delimiter {
        margin-bottom: 10px !important;
    }

    /* .flex-container.flex-bottom-delimiter.flex-text-actions-container {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }*/

    /*.flex-container.flex-bottom-delimiter.flex-actions-container {
        -ms-flex: 0;
        -webkit-flex: 0;
        flex: 0;
    }*/

    /* .flex-container.flex-bottom-delimiter.flex-slideshow-container {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .flex-container.flex-bottom-delimiter.flex-selected-categories-container {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }*/

    .flex-main-content {
        overflow: auto;
    }

    .flex-perex {
        padding: 0 10px;
        width: inherit;
    }

    .flex-menu ul li {
        border-right: 0px;
        display: block;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
    }

        .flex-menu ul li a, .flex-menu ul li span {
            padding-top: 16px;
            padding-bottom: 16px;
        }

        .flex-menu ul li ul {
            position: relative;
            border-bottom: 1px solid black;
            padding-top: 0px;
            top: 0px;
        }

            .flex-menu ul li ul li a {
                text-align: center;
            }

    .flex-menu .flex-menu-button {
    }

    .flex-top-panel-container .flex-menu ul.flex-menu-compact {
        margin-top: 63px !important;
        max-height: none;
        white-space: normal;
        width: 100%;
        height: 100%;
    }

    ul.flex-radio-buttons li .flex-radio {
        width: 20px;
    }

    .flex-top-panel-container .flex-menu .flex-close-menu-button {
        background-color: rgb(244, 244, 244) !important;
    }

    .flex-panel-wide .flex-redirect-to-older-version-button {
        display: none;
    }

    .flex-panel-wide .flex-menu {
        display: inline-block;
        vertical-align: middle;
        width: 39px;
    }

        .flex-panel-wide .flex-menu .flex-menu-button {
            margin: 0px;
        }

    .flex-main-menu .flex-menu {
        position: relative;
        margin-bottom: 5px;
    }

        .flex-main-menu .flex-menu ul {
            display: none;
        }

            .flex-main-menu .flex-menu ul li ul {
            }

        .flex-main-menu .flex-menu .flex-menu-button {
            padding-top: 16px;
            padding-bottom: 16px;
            color: white;
            display: block;
            text-decoration: none;
            font-weight: 700;
            font-size: 10pt;
            text-transform: uppercase;
            padding: 20px;
            box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
            background: #e02222;
        }


        .flex-main-menu .flex-menu .flex-close-menu-button {
            display: block;
            width: 28px;
            height: 28px;
            background: url("/Plugins/FlexView/Images/FlexDownArrowMobileIcon.png") center center no-repeat;
            position: absolute;
            top: 16px;
            right: 14px;
            background-size: 20px;
        }

            .flex-main-menu .flex-menu .flex-close-menu-button.selected {
                display: block;
                width: 28px;
                height: 28px;
                background: url("/Plugins/FlexView/Images/FlexUpArrowMobileIcon.png") center center no-repeat;
                position: absolute;
                top: 16px;
                background-size: 20px;
            }

        .flex-main-menu .flex-menu ul.flex-menu-compact {
            background: white;
            margin: 0px;
            position: absolute;
            z-index: 9997;
            left: 0px;
            top: 58px;
            padding-top: 0px;
            padding-bottom: 0px;
            border-bottom: 1px solid #cccccc;
        }

            .flex-main-menu .flex-menu ul.flex-menu-compact li {
                display: block;
            }

    .flex-menu ul.flex-menu-compact li span, .flex-menu ul.flex-menu-compact li a {
        text-align: left;
        padding: 13px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .flex-top-panel-container .flex-menu ul.flex-menu-compact li a, .flex-menu ul.flex-menu-compact li span {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .flex-main-menu .flex-menu ul.flex-menu-compact li a {
        padding: 13px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .flex-main-menu .flex-menu ul.flex-menu-compact li ul {
        position: relative;
        border: 0px;
        display: block;
        padding-bottom: 0px;
    }

    /*.flex-main-menu .flex-menu ul.flex-menu-compact li ul li a, .flex-main-menu .flex-menu ul.flex-menu-compact li ul li span {
            padding-left: 40px;
        }*/

    .flex-main-menu .flex-menu ul.flex-menu-compact li a.flex-selected {
        background-color: #e02222;
        text-decoration: underline;
    }

    .flex-main-menu .flex-menu ul.flex-menu-compact li span.flex-selected {
        background-color: #e02222;
        text-decoration: underline;
    }

    .flex-main-menu .flex-menu ul.flex-menu-compact li ul li a.flex-selected {
        background-color: #e02222;
        text-decoration: underline;
    }

    .flex-basket-mobile-button {
        display: inline-block;
        vertical-align: middle;
    }

    .flex-main-menu .flex-menu ul li span {
        cursor: default;
    }

    .flex-basket-full {
        width: 39px;
        background-image: url("/Plugins/FlexView/Images/FlexBasketMobileIconFull.png");
    }

    .flex-logo {
        display: block;
        margin: 30px auto;
    }

    .flex-search {
        margin-bottom: 30px;
    }

        .flex-search .flex-search-input input[type="text"] {
            width: 220px;
            border-radius: 5px;
        }

        .flex-search span {
            padding-left: 0px;
        }

    .flex-login-mobile-button {
        display: inline-block;
        vertical-align: middle;
        width: 39px;
    }

    .flex-login-form {
        display: none;
    }

    .flex-panel-wide .flex-dashboard-button {
        display: none;
    }

    .flex-user-menu {
        display: none !important;
    }

    .flex-header-table {
        display: block;
        height: auto;
    }

        .flex-header-table .column-1 {
            display: block;
            width: auto;
        }

        .flex-header-table .column-2 {
            display: block;
        }

    .flex-basket-summary {
        display: none;
    }

    .flex-logo-mobile {
        display: block;
        margin-left: 10px;
    }

    .flex-logo {
        display: none;
    }

    .flex-header-table .flex-search {
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .flex-toast-info {
        top: 0px;
        left: 0px;
        right: 0px;
        animation: flex-toast-show-mobile 0.6s ease-in-out;
        border: 0px;
        border-bottom: 1px solid #d7e1fd;
        text-align: center;
    }

    .flex-toast-error {
        top: 0px;
        left: 0px;
        right: 0px;
        animation: flex-toast-show-mobile 0.6s ease-in-out;
        border: 0px;
        border-bottom: 1px solid #f8c7c7;
        text-align: center;
    }

    .flex-compare-bar {
        display: none;
    }

    .flex-overdue-invoices-modal-popup {
        display: none;
    }

    .flex-footer-wide {
    }

        .flex-footer-wide .flex-container {
            width: auto;
        }

        .flex-footer-wide .flex-footer-main-menu {
            width: 100%;
            margin-bottom: 30px;
        }

        .flex-footer-wide .flex-title {
            margin-bottom: 0px;
            display: inline-block;
        }

        .flex-footer-wide .flex-footer-main-menu .flex-footer-main-menu-box {
            display: none;
        }

        .flex-footer-wide .flex-footer-main-menu .flex-footer-legal-info {
            width: 100%;
        }

            .flex-footer-wide .flex-footer-main-menu .flex-footer-legal-info > span.flex-legal-info {
                margin-bottom: 10px;
            }


        .flex-footer-wide .flex-footer-other-links-menu {
            width: 100%;
        }

        .flex-footer-wide .flex-footer-other-links > span {
            margin: 0 0 10px 0;
        }

        .flex-footer-wide .flex-footer-other-links {
            margin-bottom: 30px;
        }

        .flex-footer-wide .flex-footer-custom-menu {
            width: 100%;
            margin-bottom: 30px;
        }

            .flex-footer-wide .flex-footer-custom-menu > span {
                margin-bottom: 10px;
            }

        .flex-footer-wide .flex-footer-user-menu {
            width: 100%;
            margin-bottom: 30px;
        }

            .flex-footer-wide .flex-footer-user-menu > span {
                margin-bottom: 10px;
            }

        .flex-footer-wide .flex-footer-recommended-links {
            display: block;
            text-align: left;
            margin-right: 0px;
            margin-bottom: 30px;
            width: 100%;
        }

            .flex-footer-wide .flex-footer-recommended-links > span {
                margin-bottom: 10px;
            }

        .flex-footer-wide ul li {
            background: none;
            padding-left: 0px;
            padding-top: 6px;
            line-height: 20pt;
        }

            .flex-footer-wide ul li:first-child {
                background: none;
            }

    .flex-quick-contacts {
        float: none;
        text-align: left;
        width: 100%;
    }

        .flex-quick-contacts .flex-branch .flex-vat-number .flex-title {
            margin: 0;
        }

    .flex-footer-wide.flex-highlight.flex-social-container .flex-container {
        padding: 0px;
    }

    .flex-footer-wide.flex-highlight .flex-newsletter {
        display: block;
        text-align: left;
    }

        .flex-footer-wide.flex-highlight .flex-newsletter span {
            margin-right: 0px;
            margin-bottom: 10px;
        }

        .flex-footer-wide.flex-highlight .flex-newsletter .flex-progress {
            display: none;
        }

        .flex-footer-wide.flex-highlight .flex-newsletter input[type="text"] {
            width: 100%;
            padding-right: 0px;
            box-sizing: border-box;
        }

    .flex-footer-wide.flex-highlight .flex-social-links {
        float: left;
    }

    .flex-footer-wide.flex-license #EETInformationLabel {
        margin-top: 10px;
        text-align: left;
    }

    .flex-footer-wide.flex-license {
        text-align: left;
    }
        .flex-footer-wide.flex-license a.flex-nextis-logo {
            display: block;
            width: 138px;
        }

        .flex-footer-wide.flex-license .flex-nextis-credentials {
            display: block;
        }

        .flex-footer-wide.flex-license a {
            margin-right: 0px;
        }

            .flex-footer-wide.flex-license a.flex-tecalliance-logo,
            .flex-footer-wide.flex-license a.tecrmi {
                background-repeat: no-repeat;
                width: 140px;
                height: 40px;
            }

        .flex-footer-wide.flex-license #TecDocDisclaimerLabel {
            display: block;
            text-align: left;
            float: none;
            width: auto;
            line-height: 12pt;
        }

    .flex-breadcrumb-bar {
        display: inline-block;
        background: none;
        border: 0px;
    }

        .flex-breadcrumb-bar a:first-of-type {
            font-size: 10pt;
            background: none;
            width: auto;
        }

            .flex-breadcrumb-bar a:first-of-type:hover {
                background: none;
            }

        .flex-breadcrumb-bar > span {
            display: none;
        }

        .flex-breadcrumb-bar a {
            display: none;
        }

            .flex-breadcrumb-bar a:last-of-type {
                display: block;
                max-width: none;
                border-right: 0px;
                padding-left: 30px;
                background: url("/Plugins/FlexView/Images/BreadcrumbsBackMobileIcon.png") no-repeat;
                background-position: left 10px center;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .flex-breadcrumb-bar a:last-of-type:hover {
                    background: url("/Plugins/FlexView/Images/BreadcrumbsBackMobileIconHover.png") no-repeat;
                    background-position: left 10px center;
                }

    .flex-small-bottom-delimiter {
        margin-bottom: 0px !important;
    }

    .bottom-separator {
        right: 0;
    }

    .tecdoc-numbers, .tecdoc-engines {
        padding: 0 15px 0 5px;
    }

    .flex-product-detail .replacement-view .tecdoc-numbers {
        padding: unset;
    }

    .flex-product-detail .flex-general .flex-informations .flex-stocks .flex-items-count.flex-out-of-stock,
    .flex-item.replacement-view .flex-col2 .flex-stocks .flex-items-count.flex-out-of-stock {
        margin-right: unset;
    }

    .tecdoc-warnings {
        padding-left: 15px;
    }


    .flex-tecdoc .flex-header .flex-search {
        display: none;
    }

    .flex-tecdoc .flex-header {
        color: black;
        border: 0px;
    }

    .flex-tecdoc .flex-tecdoc-models .flex-filter .anchors h3 {
        margin-top: 0;
    }

    .flex-tecdoc h1, .flex-universal-parts h1, .flex-service-data h1 {
        width: inherit;
        padding: 0 10px;
    }

    .flex-row-add-to-license-plate {
        display: block;
    }

    .flex-add-to-license-plate {
        position: relative;
        top: -115px;
        width: fit-content;
        margin: 0 auto;
        float: right;
    }

    .flex-tecdoc .flex-header .flex-title {
        font-size: 11pt;
        font-weight: 300;
    }

    .flex-tecdoc .flex-vehicles-list {
        padding: 10px;
    }

        .flex-tecdoc .flex-vehicles-list .flex-item-container {
            margin-right: 0px;
        }

        .flex-tecdoc .flex-vehicles-list .flex-title {
            display: flex;
            flex-wrap: wrap;
            padding: 0px;
            margin: 0px;
        }

            .flex-tecdoc .flex-vehicles-list .flex-title span {
                flex: 0 0 33%;
            }

        .flex-tecdoc .flex-vehicles-list .flex-item-container .flex-item {
            display: flex;
            flex-wrap: wrap;
            padding: 4px;
            margin: 10px 0;
            border-bottom: 0px;
        }

            .flex-tecdoc .flex-vehicles-list .flex-item-container .flex-item:nth-of-type(2n) {
                background: #ebebeb;
            }

        .flex-tecdoc .flex-vehicles-list .flex-item span {
            flex: 0 0 33%;
        }

    .flex-tecdoc-manufacturers, .flex-tecdoc-models, .flex-tecdoc-engines, .flex-tecdoc-construction-groups, .flex-tecdoc-vehicles {
        border: 0px;
    }

    .flex-tecdoc .flex-vehicles-list .flex-title .flex-name {
        font-weight: 600;
    }

    .flex-tecdoc .flex-vehicles-list .flex-item-container .flex-item .flex-name {
        font-weight: 600;
    }

    .flex-tecdoc .flex-vehicles-list .flex-title .flex-engine {
        font-weight: 600;
    }

    .flex-tecdoc .flex-vehicles-list .flex-item-container .flex-item .flex-engine {
        font-weight: 600;
    }

    .flex-tecdoc .flex-vehicles-list .flex-title .flex-power {
        font-weight: 600;
    }

    .flex-tecdoc .flex-vehicles-list .flex-item-container .flex-item .flex-power {
        font-weight: 600;
    }

    .flex-tecdoc .flex-tecdoc-models .flex-filter {
        padding: 0px;
        margin: 0 10px;
    }

        .flex-tecdoc .flex-tecdoc-models .flex-filter span {
            display: none;
        }

    .flex-tecdoc .flex-tecdoc-models input {
        display: none;
    }

    .flex-tecdoc .flex-manufacturers-list .flex-manufacturer-name-list {
        column-count: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }

    .flex-tecdoc .flex-tecdoc-models .flex-filter .anchors ul {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .flex-tecdoc .flex-tecdoc-models .flex-filter .anchors li {
        margin: 5px 0;
    }

    .flex-tecdoc .flex-models-list {
        padding: 0px;
    }

        .flex-tecdoc .flex-models-list .flex-item-container .flex-item {
            display: block;
            width: auto;
            margin-right: 0px;
        }

            .flex-tecdoc .flex-models-list .flex-item-container .flex-item .flex-date {
                display: block;
                float: none;
            }

        .flex-tecdoc .flex-models-list .flex-title {
            margin-right: 0px;
        }

        .flex-tecdoc .flex-models-list .flex-item-container {
            margin: 0px;
        }

    .flex-tecdoc .flex-engines-list {
        padding: 0px;
    }

    .flex-tecdoc .flex-manufacturers-list {
        padding: 20px 10px;
    }

        .flex-tecdoc .flex-manufacturers-list .flex-item-container .flex-item-compact {
            margin-right: 0px;
            width: auto;
            display: block;
        }

    .flex-content-container {
        display: block;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

        .flex-content-container .flex-content {
            display: block;
        }

    .flex-tecdoc .flex-manufacturers-list a.flex-item {
        display: block;
        width: auto;
        margin: 0 auto;
    }


        .flex-tecdoc .flex-manufacturers-list a.flex-item.more-box {
            padding: 30px 30px 26px 30px;
        }


    .flex-tecdoc .flex-manufacturers-list .flex-title {
        margin-right: 0px;
    }

    .flex-groups-container {
        padding-top: 10px;
    }

        .flex-groups-container .flex-nodes {
            padding: 0px;
        }

        .flex-groups-container .flex-shortcuts {
            display: none;
        }

    .flex-universal-parts .flex-header .flex-search {
        display: none;
    }

    .flex-universal-parts .flex-header {
        border: 0px;
        /*background: #ce171f;*/
        padding: 0px;
    }

    .flex-universal-parts h1 {
        padding: 10px 10px 5px 10px;
    }

    .flex-universal-parts .flex-header .flex-title {
        font-size: 11pt;
        font-weight: 300;
    }

    .flex-laximo-manufacturers .flex-header .flex-search {
        display: none;
    }

    .flex-laximo-manufacturers .flex-header {
        color: white;
        border: 0px;
        background: #ce171f;
        padding: 10px;
    }

        .flex-laximo-manufacturers .flex-header .flex-title {
            font-size: 11pt;
            font-weight: 300;
        }

    .flex-laximo-manufacturers, .flex-laximo-vehicles, .flex-laximo-models, .flex-laximo-vehicle-detail, .flex-laximo-unit-groups, .flex-laximo-unit, .flex-order-process, .flex-articles, .flex-registration, .flex-reclamation-process, .flex-return-process {
        border: 0px solid #e7e6e7;
    }

    .flex-laximo .flex-manufacturers-list {
        padding: 20px;
    }

    .flex-laximo-models .flex-header .flex-search {
        display: none;
    }

    .flex-laximo-models .flex-header {
        color: white;
        border: 0px;
        /*background: #ce171f;*/
        padding: 10px;
    }

        .flex-laximo-models .flex-header .flex-title {
            font-size: 11pt;
            font-weight: 300;
        }

    .flex-laximo .flex-models-list {
        padding: 10px;
        margin: 0px;
    }

        .flex-laximo .flex-models-list table {
            width: 100%;
        }

            .flex-laximo .flex-models-list table tr td:first-of-type {
                width: 1%;
            }

            .flex-laximo .flex-models-list table tr td.flex-clear-value {
                width: 1%;
            }

        .flex-laximo .flex-models-list .flex-drop-down {
            width: 100%;
            box-sizing: border-box;
        }

    .flex-drop-down dt {
        display: block;
    }

    .flex-laximo .flex-models-list .flex-drop-down dt span.flex-drop-down-link {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    .flex-laximo .flex-models-list .flex-button {
        width: 100%;
        box-sizing: border-box;
    }

    .flex-laximo .flex-models-list input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }

    .flex-laximo .products .products-list {
        width: 100%;
    }

    .flex-content-container .flex-content .flex-login-form {
        display: block;
        margin-right: 0px;
    }

        .flex-content-container .flex-content .flex-login-form .flex-form input {
            width: 100%;
            display: block;
            box-sizing: border-box;
        }

            .flex-content-container .flex-content .flex-login-form .flex-form input[type="text"] {
                margin-bottom: 10px;
                padding: 5px 3px;
            }

            .flex-content-container .flex-content .flex-login-form .flex-form input[type="password"] {
                margin-bottom: 10px;
                padding: 5px 3px;
            }

            .flex-content-container .flex-content .flex-login-form .flex-form input[type="button"] {
                margin-top: 20px;
                margin-bottom: 20px;
                padding-top: 12px;
                padding-bottom: 12px;
                font-size: 11pt;
            }

        .flex-content-container .flex-content .flex-login-form .flex-form span {
            display: block;
            margin-bottom: 10px;
        }

        .flex-content-container .flex-content .flex-login-form .flex-header {
            color: white;
            border: 0px;
            background: #ce171f;
            padding: 10px;
        }

            .flex-content-container .flex-content .flex-login-form .flex-header .flex-title {
                font-size: 11pt;
                font-weight: 300;
            }

        .flex-content-container .flex-content .flex-login-form .flex-form a {
            display: block;
            font-size: 10pt;
            text-decoration: none;
            padding: 2px;
            padding-left: 24px;
            margin-top: 3px;
            margin-left: 2px;
        }

            .flex-content-container .flex-content .flex-login-form .flex-form a:hover {
                text-decoration: underline;
            }

        .flex-content-container .flex-content .flex-login-form .flex-form span.flex-login-form-lost-password-button {
            cursor: pointer;
            color: #e02222;
            background: url("/Plugins/FlexView/Images/LostPasswordIcon.png") left center no-repeat;
            margin-top: 12px;
            display: block;
            font-size: 10pt;
            text-decoration: none;
            padding: 2px;
            padding-top: 1px;
            padding-left: 24px;
            margin-left: 2px;
        }

            .flex-content-container .flex-content .flex-login-form .flex-form span.flex-login-form-lost-password-button:hover {
                text-decoration: underline;
            }

        .flex-content-container .flex-content .flex-login-form .flex-form a.flex-login-form-new-registration-button {
            color: #27669d;
            background: url("/Plugins/FlexView/Images/RegisterIcon.png") 1px center no-repeat;
        }

        .flex-content-container .flex-content .flex-login-form .flex-form span.flex-back-to-login-button {
            cursor: pointer;
            color: #e02222;
            background: url("/Plugins/FlexView/Images/BackToLoginIcon.png") left center no-repeat;
            margin-top: 12px;
            display: block;
            font-size: 10pt;
            text-decoration: none;
            padding: 2px;
            padding-top: 1px;
            padding-left: 24px;
            margin-left: 2px;
        }

            .flex-content-container .flex-content .flex-login-form .flex-form span.flex-back-to-login-button:hover {
                text-decoration: underline;
            }

        .flex-content-container .flex-content .flex-login-form > .flex-wrapper {
            overflow: hidden;
            box-sizing: border-box;
            white-space: nowrap;
            font-size: 0pt;
        }

        .flex-content-container .flex-content .flex-login-form .flex-wrapper .flex-form {
            font-size: 11pt;
            box-sizing: border-box;
            display: inline-block;
            width: 100%;
            vertical-align: top;
            padding: 10px;
        }

    .flex-login-form .flex-error-label {
        white-space: normal;
    }

    .flex-custom-modal-popup .flex-custom-popup-container:not([data-is-visible-on-mobile="true"]) {
        display: none !important;
    }

    .flex-custom-modal-popup .flex-custom-popup:not([data-is-visible-on-mobile="true"]) {
        display: none !important;
    }

    .flex-cookies-statement .flex-container {
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-cookies-statement .flex-text-part {
        padding-left: 5px;
        padding-right: 5px;
        -moz-order: 1;
        -webkit-order: 1;
        order: 1;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
    }

    .flex-cookies-statement .flex-button-part {
        display: block;
        padding: 5px;
        -moz-order: 2;
        -webkit-order: 2;
        order: 2;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
    }

        .flex-cookies-statement .flex-button-part input[type="button"] {
            float: none;
            width: 100%;
            display: block;
            margin: 0 auto;
        }

    .flex-container.flex-content-container.flex-bottom-delimiter {
        width: 100%;
    }

    .flex-container.flex-top-panel-container .flex-dock-left {
        /* margin-left: 10px;*/
    }

    .flex-container.flex-top-panel-container .flex-dock-right {
        /*margin-right: 10px;*/
    }

    .flex-content-container .flex-content .flex-menu .flex-header {
        color: black;
        border: 0px;
        /*background: #ce171f;*/
        padding: 10px;
    }

        .flex-content-container .flex-content .flex-menu .flex-header .flex-title {
            font-size: 11pt;
            font-weight: 300;
        }

    .flex-content-container .flex-content .flex-menu .flex-form {
        padding: 0px;
    }

    .flex-content-container .flex-content .flex-menu ul li {
        background: white;
        box-shadow: none;
        border-bottom: 1px solid #eaeaea;
        text-transform: none;
    }

        .flex-content-container .flex-content .flex-menu ul li a {
            text-transform: none;
            text-align: left;
            color: black;
            font-weight: 300;
            padding: 8px;
            /*background: url("/Plugins/FlexView/Images/FlexTreeCollapsedBulletLvl1.png") no-repeat;*/
            background-position: left 10px top 15px;
            padding-left: 25px;
        }

    .flex-registration .flex-form {
        padding: 20px 10px;
        margin: 10px 0;
    }

    .flex-registration-form .flex-form .flex-row > span {
        display: block;
        text-align: left;
        padding: 0px;
        margin-bottom: 6px;
    }

    .flex-registration-form .flex-form input[type="text"], .flex-registration-form .flex-form .flex-row > #RegistrationFormZIPCode, .flex-registration-form .flex-form input[type="email"], .flex-registration-form .flex-form input[type="tel"], .flex-registration-form .flex-form input[type="password"] {
        width: 100%;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .flex-registration-form .flex-form .flex-row .flex-drop-down dt span.flex-drop-down-link {
        width: 100%;
    }

    .flex-registration-form .phone-wrapper .flex-phone, .flex-registration-form .phone-wrapper .flex-delivery-phone {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0;
        margin-bottom: 6px;
    }

    .flex-registration-form .phone-wrapper {
        width: 100%;
    }

    .phone-wrapper #RegistrationFormPhone, .phone-wrapper #OrderFormDeliveryPhone {
        margin-top: 6px;
        width: 100%;
    }

    .flex-form .phone-wrapper .flex-drop-down {
        width: 130px;
    }

    .flex-registration-form .flex-form .flex-row .flex-multi-box.billing-info {
        margin-left: 0px;
        padding-left: 0px;
    }

    .flex-registration-form .flex-form .flex-row > div > .flex-row {
        margin-left: 0px;
    }

        .flex-registration-form .flex-form .flex-row > div > .flex-row > span.flex-checkbox-toogle-text {
            display: inline-block;
            margin-left: 25px;
        }

    .flex-side-bar {
        display: none;
    }

    .flex-registration-form .flex-form .flex-row > .flex-terms-and-conditions-panel, .flex-order-form .flex-form .flex-row > .flex-terms-and-conditions-panel {
        width: auto;
    }

    .flex-content .flex-informations {
        padding: 0px;
    }

    div.flex-content-container {
        padding: 0px;
        border: 0px;
    }

    .flex-half-collapsed-box .flex-item {
        display: block;
    }

    .flex-informations .flex-filter-bar input[type="text"].flex-name {
        width: 160px;
    }

    .flex-form .flex-drop-down dt span.flex-drop-down-link {
        width: 100%;
        color: black;
        box-sizing: border-box;
        display: block;
    }

    .flex-form .flex-drop-down {
        width: 100%;
        box-sizing: border-box;
    }

    .flex-form input[type="text"], .flex-form input[type="password"] {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }



    .flex-informations span.flex-title:first-of-type {
        margin-top: 0px;
    }

    .flex-basket-items {
        margin: 0px;
        padding-bottom: 15px;
        padding-top: 5px;
    }

        .flex-basket-items .flex-items {
            font-size: 11pt;
        }

            .flex-basket-items .flex-items:nth-last-child(2) {
                margin-bottom: 0px;
            }

            .flex-basket-items .flex-items .flex-header {
                display: none;
            }

        .flex-basket-items > .flex-title {
            margin-top: 10px;
            margin-left: 10px;
        }

        .flex-basket-items .flex-items .flex-item {
            display: block;
            margin-bottom: 0px;
            padding: 10px 10px;
            border-top: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
        }

            .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-spinner {
                display: none;
            }

            .flex-basket-items .flex-items .flex-item > span {
                border: 0px;
                padding: 0px;
                white-space: normal;
            }

    .flex-last-items {
        display: none;
    }

    .flex-basket-items .flex-items .flex-item > span.flex-name {
        display: block;
        font-size: 12pt;
        font-weight: 700;
        width: auto;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .flex-basket-items .flex-items .flex-item > span.flex-code a {
        margin-left: 25px;
        margin-right: 8px;
    }

    .flex-basket-items .flex-items .flex-item > span .flex-checkbox {
        width: 13px;
        height: 13px;
        /*background: url("/Plugins/FlexView/Images/FlexCheckboxSmallIcons.png") left 0px no-repeat;*/
        margin-top: 3px;
    }

    .flex-basket-items .flex-items .flex-item > span.flex-amount {
        margin-top: 14px;
        padding: 0px;
    }

    .flex-basket-items .flex-items .flex-item-details > span.flex-return-informations {
        border: 0px;
        padding: 0px 0px 0px 40px;
        background: url("/Plugins/FlexView/Images/FlexReturnInformationsIcon.png") left 10px center no-repeat;
    }

    .flex-basket-items .flex-items .flex-item-details > :last-child {
        border: 0px;
    }

    .flex-basket-items .flex-items .flex-item.flex-with-details > span {
        border: 0px;
    }

    .flex-basket-items .flex-items .flex-item > span > .flex-label {
        display: inline-block;
        margin-right: 8px;
    }

    .flex-mobile-basket-item-even {
        background: #fbfbfb;
    }

    .flex-mobile-basket-item-content {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .flex-mobile-basket-item-information {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        display: inline-block;
        margin-bottom: 15px;
    }

    .flex-basket-items .flex-items .flex-mobile-basket-item-content .flex-discount {
        display: inline-block;
        width: auto;
        background: #2766D9;
        color: white;
        padding: 1px 5px !important;
        border-radius: 3px;
        font-size: 9pt;
    }

    .flex-basket-items .flex-items .flex-mobile-basket-item-price {
    }

    .flex-basket-items .flex-items .flex-mobile-basket-item-content span.flex-price-total {
        font-weight: 700;
        display: block;
        width: auto;
    }

    .flex-basket-items .flex-items .flex-mobile-basket-item-content span.flex-price-total-with-vat {
        display: block;
        width: auto;
        font-weight: 600;
    }

    .flex-basket-items .flex-items .flex-mobile-basket-item-price {
        margin-right: 10px;
    }

    .flex-basket-items .flex-items .flex-mobile-basket-item-content .flex-amount {
        width: 89px;
    }

        .flex-basket-items .flex-items .flex-mobile-basket-item-content .flex-amount .flex-basket-spinner {
            margin-top: 2px;
        }

    .flex-basket-items .flex-items .flex-item .flex-remove-from-basket input[type="text"] {
        width: 40px;
        height: 35px;
    }

    .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-remove-from-basket-button {
        height: 37px;
        width: 37px;
        background-position: center center;
    }

        .flex-basket-items .flex-items .flex-item .flex-remove-from-basket .flex-remove-from-basket-button:hover {
            background-position: center center;
        }

    .flex-basket-items .flex-items .flex-mobile-basket-item-content .flex-item-details {
        margin-top: 15px;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .flex-basket-items .flex-items .flex-surcharge {
        font-size: 10pt;
    }

    .flex-basket-items .flex-items .flex-item-details > div .flex-surcharge .flex-surcharge-price .price {
        font-weight: 600;
    }

    .flex-basket-items .flex-items .flex-item-details > div {
        background: url(/Plugins/FlexView/Images/FlexDeliveryTimesSurchargeIcon.png) left 10px center no-repeat;
        padding-left: 40px;
    }

    .flex-basket .flex-items .delivery-time {
        padding-left: 10px;
    }

    .promo-codes .title {
        margin: 15px !important;
    }

    .purchase-rewards-title,
    .flex-order-process .flex-quick-items-add-title {
        margin-left: 15px !important;
    }

    .conditional-items .items {
        margin: 15px !important;
    }

    .flex-order-form div.flex-payment-methods-wrapper > .flex-form .flex-row {
        padding: 0;
    }

    .flex-order-form .flex-form .flex-checkbox {
        position: relative;
        top: 3px;
    }

    .flex-order-form .flex-form .flex-row > #OrderFormICDPHWrapper span.flex-icdph {
        width: auto;
    }

    .flex-order-form .flex-form .flex-row > #OrderFormICDPHWrapper {
        width: 100%;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

        .flex-order-form .flex-form .flex-row > #OrderFormICDPHWrapper #OrderFormICDPH {
            width: 100%;
        }

    .flex-order-form .flex-form .flex-row.icdph {
        margin-left: 0px;
    }

    .flex-registration-form .flex-form .flex-row.icdph {
        margin-left: 0px;
    }

    .flex-registration-form .flex-form #IsPayerOfVAT_FlexCheckboxToogleText {
        margin-left: 23px;
    }

    .flex-registration-form .flex-form .flex-row > #RegistrationFormIC {
        width: 100%;
    }

    .flex-registration-form .flex-form .flex-row > #RegistrationFormICDPH {
        width: 100%;
    }

    .flex-basket-items .flex-surcharge.item .name {
        width: 100%;
    }

    .flex-basket-items.flex-order-recap .flex-surcharge.item .name {
        width: 100%;
    }

    .flex-basket-items .flex-surcharge.item .flex-surcharge-price .price {
        width: 100%;
    }

    .flex-basket-items.flex-order-recap .flex-surcharge.item .flex-surcharge-price .price {
        width: 100%;
    }

    .flex-basket-total.flex-items {
        background: #F5F9FF;
    }

    .flex-order-process .flex-tabs {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border: 0px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #E0E0E1;
    }

        .flex-order-process .flex-tabs > span.flex-disabled {
            border-bottom: 1px solid #E0E0E1;
        }

        .flex-order-process .flex-tabs > span, .flex-order-process .flex-tabs > a {
            color: white;
            border: 0px;
            background: #ce171f;
            padding: 10px;
            margin: 0px;
            flex-basis: 100%;
            border-right: 1px solid #a60209;
        }

            .flex-order-process .flex-tabs > span:last-child, .flex-order-process .flex-tabs > a:last-child {
                border-right: 0px;
            }

        .flex-order-process .flex-tabs > span {
            color: black;
            background: white;
            border-right: 1px solid #E0E0E1;
        }

            .flex-order-process .flex-tabs > span > span {
                display: none;
            }

        .flex-order-process .flex-tabs > a > span {
            display: none;
        }

    .flex-basket-selector {
        display: block;
        float: none;
        padding: 8px;
        padding-top: 0px;
    }

        .flex-basket-selector .flex-drop-down dt span.flex-drop-down-link {
            width: 100%;
            color: black;
            box-sizing: border-box;
            display: block;
        }

        .flex-basket-selector .flex-drop-down {
            width: 100%;
        }

        .flex-basket-selector .flex-add-new-basket #BasketAddNewBasket {
            width: 140px;
        }

    .flex-order-process .flex-basket .flex-form {
        margin: 0px;
        margin-top: 0px;
        padding: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }

    .flex-quick-basket-add {
        border-bottom: 0px;
    }

    .flex-quick-basket-add-input {
        display: inline-flex;
        width: 100%;
    }

    .flex-quick-basket-add > span {
        display: block;
        margin-bottom: 8px;
    }

    .flex-quick-basket-add input[type="button"] {
        height: 35px;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .flex-quick-basket-add input[type="text"] {
        height: 35px;
        -ms-flex: 80% 0 0;
        -webkit-flex: 80% 0 0;
        flex: 80% 0 0;
        margin-right: 5px;
    }

    .flex-quick-basket-add {
        padding-bottom: 5px;
    }

    .flex-basket-import .flex-basket-import-form .flex-file-upload-button {
        float: none;
        display: block;
    }

        .flex-basket-import .flex-basket-import-form .flex-file-upload-button > .flex-progress {
            display: none;
        }

    .flex-basket-import .flex-basket-import-form > span {
        display: block;
        margin-bottom: 8px;
    }

    .flex-basket-import .flex-drop-down {
        margin: 0px;
        margin-bottom: 8px;
    }

    .flex-basket-import .flex-file-upload {
        margin-bottom: 8px;
    }

    .flex-basket-controls {
        padding-bottom: 25px;
        margin-left: 10px;
        margin-right: 10px;
    }

        .flex-basket-controls .flex-clear-basket {
            display: block;
            width: 100%;
            text-align: left;
            padding-left: 10px;
            margin-bottom: 8px;
            background-position: right 26px center;
        }

        .flex-basket-controls .flex-create-order {
            display: block;
            text-align: left;
            padding-left: 10px;
        }


    .flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-title {
        display: block;
        width: auto;
        text-align: left;
        margin-bottom: 0px;
    }

    .flex-basket-items .flex-items .flex-item .flex-price > .flex-price-total {
        font-weight: 600;
    }

    .flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-without-vat {
        display: block;
        font-size: 13pt;
        width: auto;
    }

    .flex-basket-items .flex-basket-total.flex-items .flex-item > span.flex-with-vat {
        display: block;
        font-size: 13pt;
        width: auto;
    }

    .flex-order-form .flex-form .flex-checkbox-toogle-text {
        margin-left: 15px;
        padding-left: 5px;
    }

    .flex-order-form .flex-form .flex-row > span {
        display: block;
        text-align: left;
        padding: 0px;
        margin-bottom: 6px;
    }

    .flex-order-form .flex-form .flex-row .flex-separate-on-single-document {
        padding: 3px 0;
    }

    .flex-order-form .flex-drop-down,
    .flex-order-form .flex-form input[type="text"],
    .flex-order-form .flex-form input[type="password"],
    .flex-order-form .flex-form input[type="email"],
    .flex-order-form .flex-form input[type="tel"] {
        width: 100%;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .flex-order-form .flex-form .flex-row {
        margin-bottom: 0px;
        width: 100%;
    }

    .flex-order-process > .flex-order-form > .flex-title, .flex-order-form div > .flex-title, .flex-order-recap > .flex-title {
        margin-top: 25px;
        margin-left: 0px;
        margin-right: 0px;
        border-left: 0px;
        border-right: 0px;
    }

    .flex-order-form .flex-form, .flex-order-process .flex-form, .flex-order-form div > .flex-form {
        margin-left: 0px;
        margin-right: 0px;
        border-left: 0px;
        border-right: 0px;
        padding: 20px 10px;
    }

        .flex-order-form .flex-form .flex-row .flex-drop-down dt span.flex-drop-down-link {
            width: 100%;
            color: black;
            box-sizing: border-box;
            display: block;
        }

        .flex-order-form .flex-form .flex-row .flex-drop-down {
            width: 100%;
            box-sizing: border-box;
        }

        .flex-order-form .flex-form .flex-row > div > .flex-row {
            margin-left: 0px;
        }

            .flex-order-form .flex-form .flex-row > div > .flex-row > span.flex-checkbox-toogle-text {
                display: inline-block;
                margin-left: 25px;
            }

        .flex-order-form .flex-form .flex-row > textarea {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }

    .flex-order-process .flex-order-controls {
        padding-bottom: 25px;
        margin-left: 10px;
        margin-right: 10px;
    }

        .flex-order-process .flex-order-controls .flex-back-to-basket {
            display: block;
            text-align: left;
            padding-left: 10px;
            margin-bottom: 8px;
            background-position: right 26px center;
        }

        .flex-order-process .flex-order-controls .flex-continue-in-order {
            display: block;
            text-align: left;
            padding-left: 10px;
        }

    .flex-order-form .flex-form .flex-checkbox-toogle-text#IsPayerOfVAT_FlexCheckboxToogleText {
        width: auto;
        margin-left: 25px;
    }

    .flex-order-recap .flex-form .flex-row > .flex-value-wide {
        width: 100%;
    }

    .flex-order-recap .flex-form .flex-row > .flex-name {
        text-align: left;
        font-size: 11pt;
        width: 100%;
    }

    .flex-catalog-search h1 {
        margin: 0 10px;
    }

    .flex-item .flex-prices .flex-price {
        font-size: 11pt;
    }

    .products .flex-item.catalog-view .flex-col3 {
        border-left: none;
    }

    .products .flex-item.catalog-view .flex-col2 {
        padding: 10px 0 0 0;
    }

        .products .flex-item.catalog-view .flex-col2 > h2 {
            padding: 0 15px;
        }

        .products .flex-item.catalog-view .flex-col2 .tecdoc-warnings {
            padding: 0 15px;
        }

    .products .flex-item .flex-attributes {
        padding: 0 15px;
    }

    .products .flex-item .flex-col2 p {
        padding: 0 5px;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-price {
        font-weight: 700;
    }

    .flex-item .flex-prices .flex-price-with-vat {
        font-size: 11pt;
        font-weight: 300;
    }


    .flex-product-detail .flex-general {
        display: block;
    }

        .flex-product-detail .flex-general .flex-images {
            display: block;
            width: auto;
            padding-bottom: 40px;
        }

    .flex-product-detail {
        border: 0px;
    }

        .flex-product-detail .flex-general .flex-images .flex-preview .flex-item img {
            height: 40px;
        }

        .flex-product-detail .flex-general .flex-informations .flex-basic-params .flex-label {
            width: 24%;
        }


        .flex-product-detail .flex-general .flex-informations > .flex-title {
            padding-top: 10px;
        }

        .flex-product-detail .flex-general .flex-informations {
            display: block;
            border-left: 0px;
            width: auto;
        }

            .flex-product-detail .flex-general .flex-informations .flex-basic-params .flex-code .flex-value {
                width: 160px;
            }

        .flex-product-detail .flex-general .flex-tabs .flex-header {
            display: block;
            padding: 0px;
            border-bottom: 0px;
        }

            .flex-product-detail .flex-general .flex-tabs .flex-header .flex-tab {
                display: block;
                border: 0px;
                border-bottom: 1px solid #e7e6e7;
                border-radius: 0px;
                margin-bottom: 0px;
            }

                .flex-product-detail .flex-general .flex-tabs .flex-header .flex-tab.flex-selected {
                    border-bottom: 1px solid #e7e6e7;
                }

        .flex-product-detail .flex-general .flex-tabs .flex-content .flex-oe-numbers-list a:first-child,
        .flex-product-detail .flex-general .flex-tabs .flex-content .flex-downloads-list a:first-child {
            border-top: none;
        }

        .flex-product-detail .flex-general .flex-tabs .flex-content .flex-oe-numbers-list a:last-child,
        .flex-product-detail .flex-general .flex-tabs .flex-content .flex-downloads-list a:last-child {
            border-bottom: none;
        }

        .flex-product-detail .flex-general .flex-tabs .flex-content {
            padding: 0px;
        }

            .flex-product-detail .flex-general .flex-tabs .flex-content .flex-product-informations {
                padding: 0;
            }

                .flex-product-detail .flex-general .flex-tabs .flex-content .flex-product-informations iframe {
                    width: 100% !important;
                    height: auto !important;
                }

                .flex-product-detail .flex-general .flex-tabs .flex-content .flex-product-informations img {
                    max-width: 100%;
                    width: 100%;
                }

            .flex-product-detail .flex-general .flex-tabs .flex-content .flex-attributes tr:first-child td {
                border-top: 0px;
            }

            .flex-product-detail .flex-general .flex-tabs .flex-content .flex-attributes tr:last-child td {
                border-bottom: 0px;
            }



        .flex-product-detail .flex-item.replacement-view .flex-col1 {
            display: block;
            padding-bottom: 0px;
        }

        .flex-product-detail .flex-item.replacement-view .flex-col2 {
            display: block;
            width: auto;
            padding-bottom: 0px;
        }

        .flex-product-detail .flex-item.replacement-view .flex-col1 .flex-rank {
            margin-top: 2px;
        }

        .flex-product-detail .flex-item {
            display: block;
            text-align: left;
        }

            .flex-product-detail .flex-item.replacement-view .flex-col3 .flex-prices .flex-price {
                font-size: 14pt;
                text-align: left;
            }

            .flex-product-detail .flex-item.replacement-view .flex-col4 {
                display: block;
                width: auto;
            }

            .flex-product-detail .flex-item.replacement-view .flex-col3 {
                display: flex;
                text-align: center;
                flex-direction: row;
                justify-content: space-between;
                width: auto;
                padding-right: 15px;
            }

    .flex-add-to-basket {
        /*padding: 0 10px 0 0;*/
        text-align: right;
    }

    .flex-carousel .flex-add-to-basket {
        text-align: center;
    }

    .flex-add-to-basket input[type="text"] {
        height: 35px !important;
    }

    .flex-add-to-basket .flex-add-to-basket-button {
        height: 37px !important;
        background-position: center center !important;
        width: 47px !important;
    }

    .flex-add-to-basket .flex-remove-from-basket {
        width: 41px !important;
        height: 37px !important;
        margin-left: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }

    .flex-add-to-basket .flex-spinner {
        display: none;
        width: 65px;
    }

        .flex-add-to-basket .flex-spinner .flex-spinner-increment-button {
            display: inline-block;
            height: 35px;
            width: 32px;
            border-right: 1px solid #cdcdcd;
        }

        .flex-add-to-basket .flex-spinner .flex-spinner-decrement-button {
            display: inline-block;
            height: 35px;
            width: 32px;
            border-top: 1px solid #cdcdcd;
        }


    .flex-carousel-actions .flex-carousel .products .flex-inner-wrapper .flex-item {
        width: 100%;
        box-sizing: border-box;
    }

    .products p {
        padding: 0 10px 15px 10px;
    }



    .products .manufacturer-code {
        display: block;
    }

    .products .flex-item.list-view .flex-col1 {
        width: 100%;
    }

    .products .flex-filter .flex-extended.other-parameters {
        border-left: 0;
        border-right: 0;
    }

    .products .flex-filter .flex-extended .flex-manufacturers .flex-content > div.flex-controls,
    .products .flex-filter .flex-extended .flex-parameters .flex-content > div.flex-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        grid-gap: 5px;
    }

        .products .flex-filter .flex-extended .flex-parameters .flex-controls .flex-remove-all-filters,
        .products .flex-filter .flex-extended .flex-parameters .flex-controls .flex-filtrate,
        .products .flex-filter .flex-extended .flex-manufacturers .flex-controls .flex-remove-manufacturer-filters,
        .products .flex-filter .flex-extended .flex-manufacturers .flex-content > div.flex-controls .flex-filtrate {
            width: 100%;
        }


    .products .flex-filter .flex-extended .flex-parameters .flex-content div > .flex-title {
        display: block;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content .flex-attributes-wrapper {
        width: 100%;
        border-left: 0;
        display: inline-block;
        border: none;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content > div > .flex-attributes-wrapper > .flex-attributes {
        width: 100%;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content > div > .flex-attributes-wrapper > .flex-attribute-values-container {
        width: 100%;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content > div > .flex-attributes-wrapper > .flex-attributes > span.flex-title.flex-selected {
        border-right: 1px solid #dbe3f0;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content .flex-title {
        margin-right: 0;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content > div > .flex-attributes-wrapper > .flex-attribute-values-container > div {
        border-left: 0;
        border-right: 1px solid #dbe3f0;
        min-height: unset !important;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content > div > .flex-attributes-wrapper > .flex-attributes > span.flex-title:first-of-type {
        border-top: 1px solid #dbe3f0;
    }

    .products .flex-filter .flex-extended .flex-parameters > .flex-title .flex-tags .flex-item {
        display: none;
    }

    .products .flex-filter .flex-extended {
        grid-gap: unset;
    }

    .products .flex-filter .flex-manufacturers {
        border-radius: 0;
        border-bottom: 0;
    }

    .products .flex-filter .flex-extended .flex-parameters {
        border-radius: 0;
    }

    .products .flex-filter {
        margin-bottom: 15px;
    }

    .products .flex-item {
        display: block;
        border: 1px none #ebebeb;
        border-top-style: solid;
        margin-top: 0px;
    }

        .products .flex-item:last-child {
            border-bottom: 1px solid #dfdfdf;
        }

        .products .flex-item:last-child {
            border-bottom: 1px solid #dfdfdf;
        }

        .products .flex-item .flex-toogle-collapse-button {
            padding-bottom: 15px;
        }

    .delivery-view {
        padding: 0 15px;
    }

    .products .flex-item.flex-col2 p {
        padding: 5px 15px 0 5px !important;
    }

    .products .flex-item.list-view p {
        padding: 5px 0 0 0 !important;
    }

    .products .read-more {
        margin: 0 10px;
    }

    .products .product-description {
        margin: 0 10px;
    }

        .products .product-description .read-more {
            margin: 0px;
        }

    .products .flex-item.list-view {
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 20px 0;
    }

        .products .flex-item.list-view .item {
            padding: 5px 10px 0 0;
        }

    .products .products-list .breakdown-container,
    .flex-catalog-search .products .products-list {
        display: block !important;
        width: 100% !important;
    }

    .flex-carousel .products .products-list {
        width: 100%;
    }

    .products .flex-item:first-child {
        border: 0;
    }

    .products .flex-item.list-view .flex-col1 {
        display: flex;
        flex-direction: column;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        min-width: 0;
        border: none;
    }

    .flex-stocks div .flex-name {
        font-weight: 500;
    }

    .products .products-list .flex-stocks div .flex-items-count.flex-out-of-stock {
        margin-right: 0;
    }


    .products .flex-item.list-view .flex-col2 {
        display: block;
        -ms-flex: 100%;
        -webkit-flex: 100%;
        flex: 100%;
        border-right: 0px;
        width: auto;
        padding-bottom: 0px;
        clear: both;
        border-left: none;
    }

        .products .flex-item.list-view .flex-col2 .flex-stocks {
            width: 100%;
        }

    .products .flex-item.list-view .flex-col3 {
        display: block;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
        width: 100%;
        padding: 0px;
        padding-bottom: 15px;
        border-right: 0px;
    }

    .products .flex-item.list-view .flex-col4 {
        display: block;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0px;
        padding-bottom: 15px;
    }

    .products .flex-product-compare {
        text-align: center;
        /*-ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;*/
    }

        .products .flex-product-compare .flex-add-product-to-compare {
            margin: 10px 0;
        }

    .products .flex-item.catalog-view {
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

        .products .flex-item.catalog-view .flex-col1 {
            display: block;
            border-right: 0px;
            width: auto;
            padding: 15px 0px;
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }

            .products .flex-item.catalog-view .flex-col1 .flex-image-wrapper {
                width: auto;
            }

    .products .flex-item.list-view .flex-col1 .flex-tecdoc-numbers > span {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 0px;
        padding-right: 0px;
        border-left: 0px;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        -webkit-align-items: center;
        align-items: center;
        grid-gap: 15px;
        padding: 15px;
    }


    .products .flex-item.list-view .tecdoc-numbers {
        margin-top: 4px;
        padding: 0;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item:last-child {
        margin-bottom: 3px;
        padding-bottom: 10px;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-total-amount {
        width: auto;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0px;
        padding-top: 10px;
    }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-total-amount .flex-total-amount-text {
            display: inline-block;
        }



        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-total-amount.flex-on-the-way {
            color: #dfc303;
            font-size: 13pt;
            font-weight: bold;
            background: none left 0px top 20px;
        }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-total-amount {
        padding-left: unset;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-delivery-to-time.flex-green {
        background: none;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: unset;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-delivery-to-time.flex-yellow .flex-delivery-to-time-text {
        color: #3ba805;
        font-weight: bold;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-delivery-to-time.flex-yellow {
        background: none;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0px;
        font-weight: bold;
    }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-delivery-to-time.flex-yellow .flex-delivery-to-time-text {
            color: #dfc303;
        }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-delivery-to-time {
        background: none;
        padding-left: 0px;
    }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item span.flex-delivery-to-time.flex-red {
            background: none;
            color: #e04209;
        }


    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item > div.flex-surcharges-content {
        text-align: left;
        padding: 0px;
        width: 100%;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item .flex-prices {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item .flex-surcharges-content .flex-surcharge {
        margin: 0 10px;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item .flex-surcharges-content .flex-surcharges .flex-name {
        color: #488D34;
        font-size: 10pt;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item .flex-surcharge-icon {
        font-weight: 500;
        font-size: 10pt;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-surcharge-icon {
        background: none;
        padding: 5px 0 0 0;
        margin: 0px 10px;
    }

    .flex-products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item > div {
        padding: 0px;
    }


    .products .flex-item.catalog-view .flex-col2 {
        display: block;
        /*padding-bottom: 0px;*/
        border: 0px;
        padding: 0;
        margin: 0px;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .delivery-time-container {
            padding-bottom: 0;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-surcharges-content .flex-surcharges .flex-name {
            color: #488D34;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-surcharges-content .flex-surcharge {
            margin: 0 10px;
        }


        .products .flex-item.catalog-view .flex-col2 h2.flex-product-name {
            font-size: 12pt;
            font-weight: bold;
            margin: 0 10px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-manufacturer {
            margin: 0 10px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-description {
            margin: 0 10px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-tecdoc-numbers {
            margin: 0 10px;
        }

    .products .flex-item.list-view .flex-col1 h2.flex-product-name {
        font-size: 12pt;
        display: block;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        font-weight: bold;
        padding-right: 10px;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 15px 0;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        grid-gap: 15px;
        justify-content: left;
    }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item > span {
            padding: 5px 0 0 0;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item:last-child {
            padding-bottom: 10px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-add-to-basket .flex-add-to-basket-button {
            border-top-right-radius: 3px !important;
            border-bottom-right-radius: 3px !important;
        }

        /*.products .flex-item.catalog-view .flex-col2 .flex-delivery-times:nth-child(odd) {
        background: red;
    }*/

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item span.flex-total-amount {
            width: auto;
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
            padding: 0px;
            padding-top: 10px;
        }

            .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item span.flex-total-amount .flex-total-amount-text {
                display: inline-block;
            }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item span {
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time {
            -ms-flex: 0 0 90%;
            -webkit-flex: 0 0 90%;
            flex: 0 0 90%;
            overflow: visible;
            white-space: normal;
            font-weight: bold;
            padding: 0px;
            padding-bottom: 10px;
            margin: 0px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .total-amount-text {
            margin-left: 10px;
            display: inline-block;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .total-amount-value {
            margin: 0px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div .flex-delivery-to-time-text {
            margin: 0 10px;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time.flex-green {
            background: none;
            color: #3ba805;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time.flex-yellow {
            background: none;
            color: #dfc303;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time.flex-red {
            background: none;
            color: #e04209;
        }

        .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount {
            /*background: none;*/
            color: #e04209;
            font-size: 13pt;
            height: 26px;
            font-weight: bold;
            flex: 0 0 26px;
            display: flex;
            align-items: center;
            white-space: nowrap;
        }

    .products .flex-item.list-view .flex-col-info {
        margin: 0 10px;
    }



    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time {
        -ms-flex: 0 0 90%;
        -webkit-flex: 0 0 90%;
        flex: 0 0 90%;
        padding: 0px;
    }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time .flex-delivery-to-time-text {
            margin: 0 10px 4px 10px;
        }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time.flex-green {
            background: none;
            color: #3ba805;
            font-weight: bold;
        }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time.flex-yellow {
            background: none;
            color: #dfc303;
            font-weight: bold;
        }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-delivery-to-time.flex-red {
            background: none;
            color: #e04209;
            font-weight: bold;
        }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount {
        /* -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;*/
        /*background: none;*/
        font-weight: bold;
        color: #e04209;
        flex: 0 0 26px;
        -ms-flex: 0 0 26px;
        -webkit-flex: 0 0 26px;
        height: 26px;
        display: flex;
        align-items: center;
        padding: 1px 15px;
    }


        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount .flex-total-amount-text {
            margin-left: 10px;
        }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount.flex-on-stock > span {
            /*background: none;*/
        }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount.flex-on-the-way > span {
            /*background: none;*/
        }

        .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount.flex-on-the-way > span {
            /*background: none;*/
        }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-price {
        text-align: left;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item div.flex-price-with-vat {
        text-align: left;
        font-weight: 300;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount.flex-on-stock {
        /* background: none;*/
        font-size: 14px;
        font-weight: bold;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount.flex-on-the-way {
        /*background: none;*/
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        display: flex;
        align-items: center;
        /* background-position: left 0px top 20px;*/
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item > div.flex-add-to-basket {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item > .flex-return-info-icon {
        padding: 0px;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        margin: 0;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-prices {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-surcharges-content {
        display: none;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .products .flex-item.catalog-view .flex-col3 {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0px;
        width: auto;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .products .flex-item.catalog-view .flex-col3 .flex-remove-from-basket-container {
            width: 100%;
        }

        .products .flex-item.catalog-view .flex-col3 .remove-button-content {
            justify-content: right;
        }

        .products .flex-item.catalog-view .flex-col3 .flex-stocks {
            padding-top: 10px;
            -ms-flex: auto;
            -webkit-flex: auto;
            flex: auto;
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .products .flex-item.catalog-view .flex-col3 .flex-prices {
            text-align: center;
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .products .flex-item.catalog-view .flex-col3 .flex-stocks div {
            padding-left: 0px;
            margin: 2px 10px 0 10px;
        }

        .products .flex-item.catalog-view .flex-col3 .flex-add-to-basket {
            margin-bottom: 15px;
            text-align: center;
            -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
        }

    .products .flex-item.catalog-view .flex-col2 .flex-cashback-bonus-icon {
        -ms-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        margin-left: 12px;
        padding-left: 32px;
    }


    .products .head-content {
        border-left: 0;
        border-right: 0;
    }


    .products .flex-filter .flex-manufacturers,
    .products .flex-filter .flex-extended .flex-parameters {
        border-right: none;
        border-left: none;
    }

    .products .flex-filter .flex-drop-down {
        width: 100%;
    }

        .products .flex-filter .flex-drop-down .flex-drop-down-link {
            padding: 5px 24px 6px 8px;
            display: block;
        }

    .products .flex-filter .flex-general {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        background: none;
        padding: 10px 15px;
        border: none;
        grid-gap: 10px;
    }

        .products .flex-filter .flex-general .flex-view-modes {
            display: flex;
            grid-gap: 15px;
            justify-content: right;
        }

            .products .flex-filter .flex-general .flex-view-modes input[type="button"] {
                height: fit-content;
                width: fit-content;
            }

                .products .flex-filter .flex-general .flex-view-modes input[type="button"].flex-list-view-mode {
                    border-top-right-radius: 2px;
                    border-bottom-right-radius: 2px;
                }

                .products .flex-filter .flex-general .flex-view-modes input[type="button"].flex-tiles-view-mode {
                    display: none;
                }

    .products .flex-product-wrapper {
        border-top: 1px solid #dfdfdf;
        margin-top: 0px;
    }

        .products .flex-product-wrapper:first-child {
            border-top: 0px;
        }

    @media only screen and (min-width: 989px) and (max-width: 1240px) {
        .products .flex-product-wrapper{
            width: 100%;
        }
    }

    .flex-informations .flex-params {
        padding-left: 20px;
        padding-right: 20px;
    }

    .products .flex-filter .flex-general span.flex-sorting {
        display: block;
    }

    .products .flex-filter .flex-general .flex-sorting-container {
        display: block;
        margin-bottom: 6px;
        margin-left: 0px;
    }

    .products .flex-filter .flex-general .flex-on-stock-only-container {
        display: flex;
        margin-bottom: 6px;
        flex: 1;
        height: auto;
        line-height: normal;
        order: 3;
    }

    .products .flex-filter .flex-general span.flex-on-stock-only {
        margin-left: 10px;
        order: 2;
    }

    .products .flex-filter .flex-general #OnStockOnly_FlexCheckbox {
        order: 1;
    }

    .products .flex-filter .flex-general .flex-purchase-price-priorized {
        display: block;
        margin-bottom: 0px;
        margin-top: 7px;
        margin-left: 0px;
        -ms-flex: 0 0 70%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        line-height: normal;
        height: auto;
        order: 5;
    }

    .flex-informations .flex-switch-price-remove-basket-block {
        padding: 10px;
    }

    .remove-button-content .remove-from-basket-button {
        padding: 0 0 0 15px;
    }

    .flex-content .flex-informations .flex-purchase-price-priorized {
        padding: 0;
    }

    .remove-button-content {
        padding: 5px 15px 0 0;
    }

    /*.products .flex-filter .flex-general .flex-purchase-price-priorized .flex-checkbox-false-text, */
    /*.flex-content .flex-informations .flex-purchase-price-priorized .flex-checkbox-false-text {*/
    /*    padding-right: 5px;*/
    /*}*/

    /*.products .flex-filter .flex-general .flex-purchase-price-priorized .flex-checkbox-true-text,*/
    /*.flex-content .flex-informations .flex-purchase-price-priorized .flex-checkbox-true-text {*/
    /*    padding-left: 5px;*/
    /*}*/

    .products .flex-filter .flex-general .flex-sorting-container {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        order: 2;
    }

    .products .flex-filter .flex-general .flex-view-modes {
        font-size: 0pt;
        margin-top: 1px;
        margin-left: 0px;
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        line-height: 50px;
        text-align: right;
        order: 4;
    }

    .products .flex-filter .flex-general .flex-product-count {
        height: auto;
        line-height: normal;
        white-space: nowrap;
        margin-left: 0px;
        -ms-flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        order: 1;
    }

        .products .flex-filter .flex-general .flex-product-count .flex-product-count-value {
            vertical-align: sub;
        }


    /*MOUNTING SIDE*/

    .products .flex-filter .mounting-side .car {
        position: absolute;
        right: 86px;
    }

        .products .flex-filter .mounting-side .car .item {
            width: 43px;
            height: 25px;
            position: absolute;
            background-size: 43px !important;
        }

            .products .flex-filter .mounting-side .car .item:hover {
                cursor: pointer;
            }

        .products .flex-filter .mounting-side .car .front-right {
            background: url("/Plugins/FlexView/Images/MountingSide/pp_normal.png") center center no-repeat;
            top: 0;
            left: 0;
        }

            .products .flex-filter .mounting-side .car .front-right:hover {
                background-image: url("/Plugins/FlexView/Images/MountingSide/pp_selected.png");
            }

            .products .flex-filter .mounting-side .car .front-right.selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/pp_selected.png");
            }

            .products .flex-filter .mounting-side .car .front-right.part-selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/pp_part_selected.png");
            }

                .products .flex-filter .mounting-side .car .front-right.part-selected:hover {
                    background-image: url("/Plugins/FlexView/Images/MountingSide/pp_selected.png");
                }

            .products .flex-filter .mounting-side .car .front-right.not-selectable {
                cursor: default;
                background-image: url("/Plugins/FlexView/Images/MountingSide/pp_not_selectable.png");
            }

                .products .flex-filter .mounting-side .car .front-right.not-selectable:hover {
                    cursor: default;
                    background-image: url("/Plugins/FlexView/Images/MountingSide/pp_not_selectable.png");
                }

        .products .flex-filter .mounting-side .car .rear-right {
            background: url("/Plugins/FlexView/Images/MountingSide/pz_normal.png") center center no-repeat;
            top: 0;
            left: 43px;
        }

            .products .flex-filter .mounting-side .car .rear-right:hover {
                background-image: url("/Plugins/FlexView/Images/MountingSide/pz_selected.png");
            }

            .products .flex-filter .mounting-side .car .rear-right.selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/pz_selected.png");
            }

            .products .flex-filter .mounting-side .car .rear-right.part-selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/pz_part_selected.png");
            }

                .products .flex-filter .mounting-side .car .rear-right.part-selected:hover {
                    background-image: url("/Plugins/FlexView/Images/MountingSide/pz_selected.png");
                }

            .products .flex-filter .mounting-side .car .rear-right.not-selectable {
                cursor: default;
                background-image: url("/Plugins/FlexView/Images/MountingSide/pz_not_selectable.png");
            }

                .products .flex-filter .mounting-side .car .rear-right.not-selectable:hover {
                    cursor: default;
                    background-image: url("/Plugins/FlexView/Images/MountingSide/pz_not_selectable.png");
                }


        .products .flex-filter .mounting-side .car .front-left {
            background: url("/Plugins/FlexView/Images/MountingSide/lp_normal.png") center center no-repeat;
            left: 0;
            top: 25px;
        }

            .products .flex-filter .mounting-side .car .front-left:hover {
                background-image: url("/Plugins/FlexView/Images/MountingSide/lp_selected.png");
            }

            .products .flex-filter .mounting-side .car .front-left.selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/lp_selected.png");
            }

            .products .flex-filter .mounting-side .car .front-left.part-selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/lp_part_selected.png");
            }

                .products .flex-filter .mounting-side .car .front-left.part-selected:hover {
                    background-image: url("/Plugins/FlexView/Images/MountingSide/lp_selected.png");
                }

            .products .flex-filter .mounting-side .car .front-left.not-selectable {
                cursor: default;
                background-image: url("/Plugins/FlexView/Images/MountingSide/lp_not_selectable.png");
            }

                .products .flex-filter .mounting-side .car .front-left.not-selectable:hover {
                    cursor: default;
                    background-image: url("/Plugins/FlexView/Images/MountingSide/lp_not_selectable.png");
                }

        .products .flex-filter .mounting-side .car .rear-left {
            background: url("/Plugins/FlexView/Images/MountingSide/lz_normal.png") center center no-repeat;
            top: 25px;
            left: 43px;
        }

            .products .flex-filter .mounting-side .car .rear-left:hover {
                background-image: url("/Plugins/FlexView/Images/MountingSide/lz_selected.png");
            }

            .products .flex-filter .mounting-side .car .rear-left.selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/lz_selected.png");
            }

            .products .flex-filter .mounting-side .car .rear-left.part-selected {
                background-image: url("/Plugins/FlexView/Images/MountingSide/lz_part_selected.png");
            }

                .products .flex-filter .mounting-side .car .rear-left.part-selected:hover {
                    background-image: url("/Plugins/FlexView/Images/MountingSide/lz_selected.png");
                }

            .products .flex-filter .mounting-side .car .rear-left.not-selectable {
                cursor: default;
                background-image: url("/Plugins/FlexView/Images/MountingSide/lz_not_selectable.png");
            }

                .products .flex-filter .mounting-side .car .rear-left.not-selectable:hover {
                    cursor: default;
                    background-image: url("/Plugins/FlexView/Images/MountingSide/lz_not_selectable.png");
                }


    /*END*/

    .flex-product-detail .flex-general .flex-images img {
        max-width: 100%;
    }



    .products .flex-disintegrated-products-list .flex-product-wrapper {
        padding-left: 26px;
        border: 0px;
    }

    .products .products-list {
        width: 100%;
    }

    .products .flex-product-wrapper {
        width: 100%;
    }

    .products .products-list[data-flex-catalog-type="7"] .flex-disintegration-categories > .flex-item .flex-disintegrated-products-list .flex-item {
        margin: 0px;
        width: 100%;
        box-sizing: border-box;
    }

    .products .products-list .flex-load-next {
        width: auto;
    }

    .products .products-list .flex-show-hidden-groups {
        width: 100%;
    }

    .flex-laximo .flex-vehicles-list {
        padding: 0px;
    }

        .flex-laximo .flex-vehicles-list .flex-title .flex-name,
        .flex-laximo .flex-vehicles-list .flex-title .flex-engine,
        .flex-laximo .flex-vehicles-list .flex-title .flex-color,
        .flex-laximo .flex-vehicles-list .flex-title .flex-gearbox,
        .flex-laximo .flex-vehicles-list .flex-title .flex-interior-color,
        .flex-laximo .flex-vehicles-list .flex-title .flex-manufactured-year,
        .flex-laximo .flex-vehicles-list .flex-title .flex-target-region,
        .flex-laximo .flex-vehicles-list .flex-title .flex-model,
        .flex-laximo .flex-vehicles-list .flex-title .flex-vehicle-date,
        .flex-laximo .flex-vehicles-list .flex-title .flex-engine-code {
            display: block;
        }

        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-name,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-engine,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-button,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-color,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-gearbox,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-interior-color,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-engine-code,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-target-region,
        .flex-laximo .flex-vehicles-list .flex-item-container .flex-item .flex-vehicle-date {
            display: block;
        }



    .flex-laximo .flex-unit {
        display: block;
        text-align: center;
    }

    .flex-laximo .flex-groups-list > a.flex-title {
        margin-right: 0;
    }

    .flex-laximo .flex-unit .flex-image-part {
        display: block;
        margin: 0 auto;
    }

    .flex-laximo .flex-unit .flex-oe-list {
        display: block;
        text-align: left;
        padding: 0px;
    }

        .flex-laximo .flex-unit .flex-oe-list .flex-title {
            margin-right: 0;
        }

        .flex-laximo .flex-unit .flex-oe-list .flex-item {
            margin-right: 0;
        }

            .flex-laximo .flex-unit .flex-oe-list .flex-item span {
                vertical-align: top;
            }

    .flex-smart-search {
        display: flex;
        flex-direction: column;
        grid-gap: 5px;
    }

        .flex-smart-search .flex-smart-search-spz-input {
            display: block;
            height: 42px;
        }

            .flex-smart-search .flex-smart-search-spz-input dl {
                width: 69px;
            }

        .flex-smart-search .search_box {
            height: 42px;
        }

            .flex-smart-search .search_box .search_field {
                width: 100%;
            }

                .flex-smart-search .search_box .search_field input {
                    width: 100%;
                }

    .flex-laximo .flex-header .flex-search {
        display: none;
    }

    .flex-laximo .flex-header {
        color: #000000;
        border: 0px;
        /*background: #ce171f;*/
        padding: 10px;
    }

        .flex-laximo .flex-header .flex-title {
            font-size: 11pt;
            font-weight: 300;
        }

    .flex-laximo .flex-vehicles-list, .flex-laximo .flex-oe-list {
        padding: 30px;
    }

    .flex-laximo .flex-laximo-unit .ImagePart .ViewportWrapper {
        width: 604px;
    }

    .flex-return-info {
        padding: 10px !important;
    }

        .flex-return-info .flex-title {
            margin: 0px !important;
        }

    .flex-contact-form {
        padding: 0px;
        border: 0px;
    }

        .flex-contact-form .flex-form {
            width: 100%;
        }

            .flex-contact-form .flex-form input[type="text"] {
                width: 100%;
            }

            .flex-contact-form .flex-form span {
                display: block;
                text-align: left;
            }

        .flex-contact-form .flex-title {
            text-align: left;
            font-size: 14pt;
            padding: 0 10px;
        }

        .flex-contact-form .flex-form .flex-name {
            display: block;
            text-align: left;
            padding: 0 10px;
        }

        .flex-contact-form .flex-form .flex-phone {
            width: auto;
            display: block;
            text-align: left;
            padding: 0 10px;
        }

        .flex-contact-form .flex-form .flex-email {
            width: auto;
            display: block;
            text-align: left;
            padding: 0 10px;
        }

        .flex-contact-form .flex-description {
            width: auto;
            display: block;
            text-align: left;
            font-size: 11pt;
            padding: 0 10px;
        }

        .flex-contact-form .flex-message {
            padding: 0 10px;
        }

        .flex-contact-form .flex-button {
            padding: 0 10px;
        }

        .flex-contact-form .flex-form textarea {
            width: 100%;
            box-sizing: border-box;
            padding: 0 10px;
        }

        .flex-contact-form .flex-form input[type="button"] {
            height: 35px;
            width: 100%;
        }

    .flex-select-vehicle-wizard {
        display: none;
    }

    .flex-order-process > .flex-order-form > .flex-title.flex-order-form-sub-title, .flex-order-form div > .flex-title.flex-order-form-sub-title {
        margin-top: 0px;
    }

    .flex-order-form > .flex-lost-password {
        display: inline-block;
        float: none;
        margin: 0px 0px 15px 10px;
    }

    .flex-order-form .agreements {
        display: inline-block;
        float: right;
        margin-right: 10px;
    }

    .flex-order-form .flex-form .flex-row > input[type="button"] {
        display: block;
        width: 100%;
        margin: 0px;
        margin-top: 20px;
    }

    .flex-order-form .flex-form .phone-wrapper {
        width: 100%;
    }

        .flex-order-form .flex-form .phone-wrapper .flex-phone, .flex-order-form .flex-form .phone-wrapper .flex-delivery-phone {
            display: block;
            width: 100%;
            text-align: left;
            padding: 0;
            margin-bottom: 6px;
        }

    .flex-order-form .flex-form .flex-row .phone-wrapper .flex-drop-down {
        width: 130px;
    }

    #OrderFormPhone {
        width: 100%;
        margin-top: 6px;
    }

    .flex-order-form .flex-form .flex-row .login-controls {
        display: block;
        width: 100%;
    }

        .flex-order-form .flex-form .flex-row .login-controls input[type="button"] {
            display: block;
            width: 100%;
            margin: 0;
        }

            .flex-order-form .flex-form .flex-row .login-controls input[type="button"].google-login-button {
                width: auto;
                width: 100%;
                margin: 10px 0 0 0;
            }

    .flex-order-form .flex-first-order-method input[type="button"] {
        display: block;
        width: 100%;
        margin: 0px;
    }

        .flex-order-form .flex-first-order-method input[type="button"]#OrderFormOneTimeRegistrationButton {
            display: block;
            width: 100%;
            margin-top: 10px;
        }

    .flex-order-form .flex-register-informations .flex-form .flex-row > input[type="button"] {
        display: block;
        width: 100%;
        margin: 0px;
        margin-top: 20px;
    }

    .flex-order-form .flex-transport-methods-wrapper, .flex-order-form .flex-payment-methods-wrapper {
        width: 100%;
        display: block;
    }

    .flex-order-recap .flex-form .flex-row {
        margin: 0px;
    }

        .flex-order-recap .flex-form .flex-row .flex-value {
            margin-bottom: 10px;
        }

    .flex-tecdoc .flex-engines-list .flex-title {
        margin: 0px;
    }

    .flex-tecdoc .flex-engines-list .flex-item-container {
        margin: 0px;
    }

        .flex-tecdoc .flex-engines-list .flex-item-container .flex-item {
            margin: 0px;
        }



    .flex-add-to-license-plate .flex-add-to-license-plate-popup-button {
        display: none;
    }

    .flex-add-to-license-plate .add-to-license-plate-popup-plus-button {
        display: none;
    }

    .flex-content .flex-informations .flex-purchase-price-priorized .flex-switch-price-content {
        width: auto;
    }

    .flex-product-detail .flex-general .flex-informations .flex-delivery-times .flex-delivery-time-item > div.flex-add-to-basket {
        float: none;
        padding-left: 15px;
        margin-top: 10px;
    }

    .flex-product-detail h1 {
        display: block;
        font-weight: 900;
        white-space: break-spaces;
        padding-bottom: 15px;
    }

    .flex-personal-settings-detail table {
        width: auto;
    }

    .flex-personal-settings-detail .flex-form td.flex-name {
        text-align: left;
    }

    .flex-personal-settings-detail .flex-form td {
        display: block;
        width: 100%;
    }

    .flex-carousel-actions .flex-carousel {
        width: auto;
    }

        .flex-carousel-actions .flex-carousel .products > .flex-inner-wrapper {
            /*width: 100vw;*/
        }

    .flex-text-actions .flex-item {
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex-text-actions .flex-image {
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

        .flex-text-actions .flex-image img {
            max-width: 100%;
        }

    .flex-text-actions .flex-text {
        padding: 0 10px;
    }

    .flex-laximo .flex-laximo-models .models-list {
        margin: 0 auto;
        padding: 20px;
        display: table;
    }

        .flex-laximo .flex-laximo-models .models-list .model-picker-wrapper {
            display: block;
        }

        .flex-laximo .flex-laximo-models .models-list .model-image-wrapper {
            display: block;
            padding-left: 0px;
            margin-top: 20px;
        }

    .flex-laximo .flex-laximo-models .model-picker {
        display: block;
    }

        .flex-laximo .flex-laximo-models .model-picker .parameter {
            display: block;
        }

            .flex-laximo .flex-laximo-models .model-picker .parameter .name {
                display: block;
                text-align: left;
                padding-right: 0px;
                padding-bottom: 5px;
            }

            .flex-laximo .flex-laximo-models .model-picker .parameter .value {
                display: block;
                padding-bottom: 10px;
            }

        .flex-laximo .flex-laximo-models .model-picker .button {
            margin-top: 15px;
        }

    .flex-laximo .vehicle-informations {
        padding: 50px;
        padding-top: 30px;
        display: block;
    }

        .flex-laximo .vehicle-informations .attribute {
            display: block;
            border-bottom: 1px dotted #d8d8d8;
        }

            .flex-laximo .vehicle-informations .attribute .name {
                display: block;
                border-right: 0px;
                border-bottom: 0px;
                width: auto;
                padding-bottom: 0px;
            }

            .flex-laximo .vehicle-informations .attribute .value {
                display: block;
                border-bottom: 0px;
            }

            .flex-laximo .vehicle-informations .attribute:last-of-type {
                border-bottom: 0px;
            }

    .flex-laximo .flex-laximo-unit .ImagePart {
        display: block;
        padding: 0;
        margin: 0;
    }

    .flex-laximo .flex-laximo-unit .flex-oe-part {
        display: block;
        padding-right: 0;
        margin: 0;
    }

        .flex-laximo .flex-laximo-unit .flex-oe-part .flex-oe-part-table {
            padding: 0px;
            margin: 0px;
        }

    .widget_oem_catalog {
        overflow-x: auto !important;
        width: auto;
    }

    .levam-embedded {
        width: 100vw;
    }

    .products .show-replacements .show-replacements-button {
        display: none;
    }

    .share .share-popup-button {
        top: 0px !important;
        left: 0px !important;
        margin: 5px 10px 5px 0;
        padding-left: 15px;
        padding-right: 15px;
        background-size: 10px;
        background-position: 10px;
    }



    .share .share-form, .flex-manage-users .share-form {
        padding: 20px 0px;
        width: 100%;
    }

        .share .share-form span, .flex-manage-users .share-form span {
            margin: 0 10px;
            padding: 4px 0;
        }

        .share .share-form .input-container, .flex-manage-users .share-form .input-container {
            margin: 0 10px;
        }

        .share .share-form input[type="text"], .flex-manage-users .share-form input[type="text"] {
            width: 100%;
            padding: 4px 0;
        }

        .share .share-form textarea, .flex-manage-users .share-form textarea {
            width: 100%;
            padding: 4px 0;
        }

    .flex-footer-wide.flex-highlight .flex-newsletter input[type="button"] {
        margin: 10px 0 0 0;
        background: #e32323;
        padding: 6px;
        width: 100%;
    }

    .products .flex-filter .flex-extended {
        border: none;
    }

        .products .flex-filter .flex-extended .flex-parameters .flex-content > div > .flex-attributes-wrapper > .flex-attributes > span.flex-title > input.flex-remove-filter {
            right: 0;
        }

    .flex-product-detail .flex-general .flex-tabs .flex-content .flex-oe-numbers-list a, .flex-product-detail .flex-general .flex-tabs .flex-content .flex-downloads-list a.flex-item, .flex-product-detail .flex-general .flex-tabs .flex-content .replacements-list a.flex-item {
        display: table;
    }

    .flex-order-process .flex-basket .show-retail-prices-controls {
        margin-top: 15px;
    }

    .flex-license-plates .flex-filter-bar .flex-row.float-right {
        float: none;
    }

    .flex-product-detail .flex-applications-list .table .column {
        display: block;
        padding: 8px 0px;
    }

    .flex-product-detail .flex-general .flex-informations .flex-delivery-times .flex-delivery-time-item .flex-amount-info {
        padding-left: 0;
    }

    .flex-product-detail .flex-applications-list .table .column:before {
        font-weight: 500;
    }

    .flex-product-detail .flex-applications-list .column:nth-child(1) {
        width: 25%;
        display: inline-block;
        padding-right: 5px;
        padding-left: 10px;
        vertical-align: super;
    }

    .table .header, .table .row {
        align-items: center;
        grid-gap: 5px;
    }

    .flex-product-detail .flex-applications-list .table .header .column:nth-child(2), .flex-product-detail .flex-applications-list .table .header .column:nth-child(3), .flex-product-detail .flex-applications-list .table .header .column:nth-child(4) {
        display: none;
    }

    .flex-product-detail .flex-applications-list .column:nth-child(1) {
        width: 100%;
    }

    .flex-product-detail .flex-applications-list .column:nth-child(2) {
        width: 100%;
    }

    .flex-product-detail .flex-applications-list .column:nth-child(3) {
        width: 100%;
    }

    .flex-product-detail .flex-applications-list .column:nth-child(4) {
        width: 60%;
        padding-right: 15px;
    }


    .flex-content-container .flex-login-container .flex-menu ul li a {
        margin: 0;
        background: white;
        padding: 15px 40px;
        font-size: 12pt;
    }

    .progress-bar .progress-bar-content {
        width: 100%
    }

    .progress-bar .allowedShipping {
        font-size: 15px;
    }

    .products .flex-item .flex-delivery-times {
        margin-bottom: 0;
    }

        .products .flex-item .flex-delivery-times .wrapper {
            padding-top: 0;
        }

    .flex-amount-info {
        grid-gap: 10px;
    }

    .flex-on-stock {
        margin-right: 0;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-price-with-vat,
    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .buy-with-bonus-points-item div.flex-price-with-vat {
        text-align: left;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item > div {
        width: 100%;
        padding: 0 15px;
    }

    .flex-on-the-way {
        margin-right: 0;
    }

    .flex-product-detail .flex-general .flex-informations .flex-add-to-basket {
        margin: 10px 0;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-surcharge-search-container .flex-surcharge-icon {
        background: url("/Plugins/FlexView/Images/Svg/Surcharge.svg") left top 5px no-repeat;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item .flex-surcharge-icon {
        margin: 0;
    }

    .products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div .flex-delivery-to-time-text {
        margin: 0;
    }

    .flex-not-on-the-way {
        margin-right: 0;
    }

    .products .flex-item.catalog-view .flex-col1 .flex-image-wrapper {
        width: auto;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item > div {
        width: 100%;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item .basket-container {
        flex-direction: row;
    }

    .products .flex-item.list-view .flex-col1 .flex-delivery-times .flex-delivery-time-item:first-child {
        margin-top: 5px;
    }

    .products .flex-item .flex-delivery-times .toogle-collapse-button {
        padding: 15px;
    }

    .products .flex-item.list-view {
        padding-bottom: 0;
    }

        .products .flex-item.list-view h2 {
            clear: none;
            display: block;
        }

    .products h2 a {
        display: block;
    }

    .flex-tecdoc .flex-manufacturers-list .flex-manufacturer-icons-list > ul {
        justify-content: space-around;
        grid-gap: 0px;
    }

    .flex-tecdoc .flex-header {
        padding-bottom: 10px;
    }

    .flex-tecdoc .flex-header, .flex-service-data .flex-header {
        padding-bottom: 0px;
    }

        .flex-tecdoc .flex-header .flex-header-item, .flex-service-data .flex-header .flex-header-item {
            margin-bottom: 10px;
        }

    .products .flex-filter .flex-extended .flex-manufacturers .flex-content .flex-values > div {
        width: 100%;
    }

    .products .flex-filter .flex-extended .flex-parameters .flex-content .flex-generic-article {
        margin-right: 0;
    }


    .flex-tecrmi-manufacturers, .flex-tecrmi-models, .flex-tecrmi-engines, .flex-tecrmi-construction-groups, .flex-tecrmi-vehicles {
        border: 0px;
    }

    .flex-tecrmi h1, .flex-universal-parts h1, .flex-service-data h1 {
        width: 100%;
    }

    .flex-tecrmi h1 {
        padding: 10px 10px 5px 10px;
    }

    .flex-tecrmi .flex-header .flex-search {
        display: none;
    }

    .flex-tecrmi .flex-item-container, .flex-service-data .flex-item-container {
        grid-template-columns: 120px 120px;
        justify-content: center;
        text-align: center;
    }

    .flex-tecrmi .flex-manufacturers-list, .flex-service-data .flex-manufacturers-list {
        display: grid;
        grid-gap: 30px;
        justify-content: center;
        grid-template-columns: 115px 115px;
    }

    .mounting-side-filter {
        row-gap: 10px;
    }

    .mounting-side-filter-container {
        margin-bottom: 5px;
    }

    .flex-product-detail .flex-applications-list .applications-manufacturers {
        padding: 5px 10px;
    }

    .flex-product-detail .flex-applications-list .manufacturer-card-item {
        width: 49%;
        width: calc(50% - 2px);
    }

        .flex-product-detail .flex-applications-list .manufacturer-card-item > div {
            width: 25%;
            height: 45px;
        }

    .flex-product-detail .flex-applications-list .applications-model-list {
        padding: 3px 0px;
    }

    .flex-product-detail .flex-applications-list .applications-model-item .constraction-date,
    .flex-product-detail .flex-applications-list .applications-engine-list {
        display: flex;
        flex-direction: column;
    }



    .flex-product-detail .flex-applications-list .applications-engine-item {
        width: 100%;
    }
}
/* END max-width: 989px */




@media only screen and (min-width: 989px) {
    *[data-flex-mobile-only="true"] {
        display: none !important;
    }
}


@media only screen and (max-width: 768px) {
    .input-icons i {
        position: absolute;
    }

    input.flex-date-from,
    input.flex-date-to {
        border-radius: 5px;
        border: 1px solid darkgrey;
    }

    :where(.legacy) input[type="text"],
    input[type="button"].btn-show,
    input[type="button"].btn-pending-only {
        height: 36px;
    }

    .flex-orders .order-container .footer-desktop {
        display: none;
    }

    .flex-orders .order-container .footer-mobile {
        display: block !important;
    }

    .flex-orders-list .order-container .mobile-info .li-item,
    .flex-orders-list .order-container .footer-mobile .li-item {
        position: relative;
        left: -8px;
    }

    .flex-reclamation-process div.input-dates,
    .flex-informations div.input-dates,
    .flex-filter-bar .search-bar {
        width: 100%;
    }

    .flex-reclamation-process .flex-filter-bar,
    .flex-informations .flex-filter-bar {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }

        .flex-reclamation-process .flex-filter-bar > div {
            flex-direction: column;
        }

    .flex-filter-bar .search-bar {
        width: 100%;
    }

    .mounting-side-group {
        width: 30%;
        height: 45px;
        min-height: 45px;
    }
}

@media only screen and (max-width: 770px) {

    .flex-laximo .flex-laximo-unit .ImagePart .ViewportWrapper {
        width: 708px;
    }
}

@media only screen and (max-width: 515px) {
    .flex-tecdoc .flex-manufacturers-list .flex-manufacturer-name-list {
        column-count: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .flex-laximo .flex-laximo-unit .ImagePart .ViewportWrapper {
        width: 315px;
    }
}

@media only screen and (max-width: 430px) {

    .flex-laximo .flex-laximo-unit .ImagePart .ViewportWrapper {
        width: 365px;
        height: 450px;
    }
}

@media only screen and (max-width: 380px) {

    .flex-laximo .flex-vehicles-list, .flex-laximo .flex-oe-list {
        padding: 15px;
    }

    .flex-laximo .flex-laximo-unit .ImagePart .ViewportWrapper {
        width: 345px;
        height: 400px;
    }
}

@media only screen and (max-width: 325px) {

    .flex-laximo .flex-vehicles-list, .flex-laximo .flex-oe-list {
        padding: 15px;
    }

    .flex-laximo .flex-laximo-unit .ImagePart .ViewportWrapper {
        width: 280px;
        height: 300px;
    }
}

@media only screen and (max-width: 1024px) {
    
    .flex-footer-wide.flex-highlight .flex-newsletter input[type="button"].unsubscribe {
        margin-left: 0;
        text-decoration: none;
        background: #4a4848;
        color: white;
    }

    .flex-footer-wide.flex-highlight .flex-newsletter input[type="button"].subscribe {
        background: #c61814;
        margin-left: 0;
        padding: 12px;
    }

    .flex-footer-wide.flex-highlight .flex-newsletter input[type="text"] {
        height: 42px;
    }

    .flex-footer-wide.flex-license .flex-nextis-credentials #NextisVersionLabel, .flex-footer-wide.flex-license .flex-nextis-credentials #NextisCopyrightLabel {
        display: block;
    }

    .flex-footer-wide .flex-container.footer-license {
        flex-wrap: wrap;
        gap: 30px 20px;
    }

    .flex-footer-wide.flex-license .flex-nextis-credentials {
        margin-right: unset !important;
    }
}

/* Computer */
@media only screen and (min-width: 1240px) {
    .flex-container {
        width: 1210px;
    }

    .flex-search .flex-search-input input[type="text"] {
        width: 400px;
    }

    .flex-carousel-actions .flex-carousel .flex-inner-wrapper .flex-item {
        width: 204px;
    }
}

