@font-face {
    font-family: 'Pathway Gothic One';
    src: url("../../fonts/PathwayGothicOne.woff");
}

@font-face {
    font-family: 'Open Sans';
    src: url("../../fonts/OpenSans-Regular.woff");
}

@font-face {
    font-family: 'Open Sans';
    src: url("../../fonts/OpenSans-Italic.woff");
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../../fonts/OpenSans-Bold.woff");
    font-weight: bold;
}

@font-face {
    font-family: 'NettoOT Light';
    src: url('../../fonts/NettoOT-Light.eot');
    src: url('../../fonts/NettoOT-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/NettoOT-Light.woff2') format('woff2'), url('../../fonts/NettoOT-Light.woff') format('woff'), url('../../fonts/NettoOT-Light.ttf') format('truetype'), url('../../fonts/NettoOT-Light.svg#NettoOT-Light') format('svg');
}

@font-face {
    font-family: 'NettoOT Bold';
    src: url('../../fonts/NettoOT-Bold.woff');
    src: url('../../fonts/NettoOT-Bold.woff') format('embedded-opentype'), url('../../fonts/NettoOT-Bold.woff') format('woff2'), url('../../fonts/NettoOT-Bold.woff') format('woff'), url('../../fonts/NettoOT-Bold.woff') format('truetype'), url('../../fonts/NettoOT-Bold.woff') format('svg');
}

@font-face {
    font-family: 'NettoOT';
    src: url('../../fonts/NettoOT.woff');
    src: url('../../fonts/NettoOT.woff') format('embedded-opentype'), url('../../fonts/NettoOT.woff') format('woff2'), url('../../fonts/NettoOT.woff') format('woff'), url('../../fonts/NettoOT.woff') format('truetype'), url('../../fonts/NettoOT.woff') format('svg');
}

/*@font-face {
	font-family: 'Georgia';
	src: url('fonts/Georgia.eot');
	src: url('../../fonts/Georgia.woff') format('woff'), url('../../fonts/Georgia.ttf') format('truetype'), url('../../fonts/Georgia.svg') format('svg');
}*/

html {
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
}

    html.wf-active,
    html.wf-inactive,
    html.html-is-visible {
        visibility: visible;
    }

body {
    line-height: 24px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

h1,
h2,
h3,
h4 {
    line-height: 1.2em;
    font-weight: normal;
    margin: 0;
}

h1,
h2 {
    line-height: 1;
}

.font-h4 {
    text-transform: uppercase;
}

.content > .center > div > .h1-holder {
    margin-top: 50px;
}

#basketPage .h1-holder {
    margin-bottom: 20px;
}

.html-wrapper h1 {
    padding-top: 13px;
    margin-bottom: 6px;
}

.h1-holder .h1-holder {
    margin-bottom: 45px;
}

.h1-holder h1 {
    display: inline;
}

.h1-holder .additional {
    margin-left: 56px;
}

.h1-desc {
    margin-top: 15px;
    margin-bottom: 40px;
}
.h1-desc  p {
    margin-top: 0;
}
    .h1-desc + .form-holder {
        padding-top: 0;
    }

.combined-description {
    padding-bottom: 10px;
}

.custom-bg {
    position: relative;
}

    .custom-bg .center {
        position: relative;
        z-index: 1;
    }

    .custom-bg:before {
        background-color: rgba(200,200,200,.5);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto !important;
        z-index: 0;
    }

.font-lowercase {
    text-transform: lowercase;
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

button {
    outline: none;
}

    button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    resize: none;
}

sup {
    top: -0.7em;
    font-size: 50%;
}

img {
    max-width: 100%;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.no-script {
    margin: 0;
}

.content {
    position: relative;
    z-index: 1;
}

.center {
    margin: 0 auto;
    max-width: 1040px;
}

    .center:before,
    .center:after {
        content: " ";
        display: table;
    }

    .center:after {
        clear: both;
    }

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    height: 50px;
    line-height: 47px;
    padding: 0 25px 0 25px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px;
}

    .btn:after {
        content: '';
        display: none;
        width: 27px;
        height: 55px;
        /*background: url(../../files/icons/btn-bg-right-bottom.png) left top no-repeat;*/
        position: absolute;
        top: 0;
        right: 0;
    }
/*[MEDUX] "3.4.	Rental process for obese rental items"
    .btn .btn-cnt:after {
        content: '';
        width: 8px;
        height: 13px;
        background: url(../../files/icons/btn-arrow-right.png) center center no-repeat;
        position: relative;
        display: inline-block;
        top: 1px;
        right: 0;
        margin-left: 10px;
    }
*/

.btn-small {
    height: 50px;
    line-height: 47px;
}

    .btn-small:after,
    .btn-small .btn-cnt:after {
        display: none;
    }

.btn-medium {
    height: 50px;
    line-height: 47px;
    border-bottom-width: 2px;
    padding: 0 15px 0 15px;
}

/*.btn-medium:after,
    .btn-medium .btn-cnt:after {
        width: 30px;
        height: 40px;
    }*/

.btn-big {
    height: 50px;
    line-height: 47px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-bottom-width: 2px;
    padding: 0 25px 0 25px;
}

/*.btn-big:after,
    .btn-big .btn-cnt:after {
        width: 38px;
        height: 45px;
    }*/

a.btn:hover {
    text-decoration: none;
}

.btn.no-icon,
.btn.no-caption {
    padding-right: 14px;
}

.btn-big.no-icon,
.btn-big.no-caption {
    padding-right: 18px;
}

.btn.no-icon:after,
.btn.no-icon .btn-cnt:after,
.btn.no-caption:after,
.btn.no-caption .btn-cnt {
    display: none;
}

.btn-disabled {
    cursor: default;
    pointer-events: none;
    text-shadow: none;
}

.btn.btn-disabled .btn-cnt:after {
    background-image: url(../../files/icons/btn-arrow-right-disabled.png);
}

.btn-load-more {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .btn-load-more:after {
        background-image: url(../../files/icons/btn-bg-right-top.png);
    }

    .btn-load-more .btn-cnt:after {
        background-image: url(../../files/icons/btn-arrow-down.png);
    }

    .btn-load-more.loading {
        cursor: default;
        pointer-events: none;
    }

        .btn-load-more.loading .btn-cnt:after {
            background-image: url(../../files/icons/btn-loading.gif);
            width: 13px;
            height: 13px;
            background-size: 100% 100%;
        }

.font-btn {
    text-transform: uppercase;
}

.btn-back,
.btn-cancel {
    background: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

    .btn-back:before {
        content: '‹';
        font-family: Arial, _serif;
        font-size: 24px;
        font-weight: bold;
        margin-right: 4px;
    }

    .btn-back:hover,
    .btn-cancel:hover {
        text-decoration: none;
    }

.btn-plus {
    padding: 0 14px 0 40px;
}

    .btn-plus:after {
        background: url(../../files/icons/btn-bg-left-bottom.png) right bottom no-repeat;
        left: 0;
    }

    .btn-plus .btn-cnt:after {
        background-image: url(../../files/icons/increase.png);
        left: 0;
    }

.btn-show-hide {
    width: 25px;
    height: 25px;
    padding: 0;
}

    .btn-show-hide:after {
        display: none;
    }

    .btn-show-hide:before {
        background-image: url(../../files/icons/increase.png);
        margin-top: -5px;
        margin-left: -5px;
        height: 11px;
        width: 10px;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .expanded > .btn-show-hide:before,
    .btn-show-hide.expanded:before {
        background-image: url(../../files/icons/decrease.png);
        height: 3px;
        width: 7px;
        margin-top: -1px;
        margin-left: -3px;
    }

.hyp-btn {
    cursor: pointer;
    line-height: 16px;
    vertical-align: top;
}

    .hyp-btn:hover {
        text-decoration: none;
    }

    .hyp-btn:before {
        content: '';
        display: inline-block;
        margin-right: 16px;
        vertical-align: top;
    }

.hyp-clear:before {
    background: url(../../files/icons/clear.png) no-repeat scroll 0 0 transparent;
    height: 13px;
    width: 15px;
    margin-top: 2px;
}

.hyp-btn-disabled.hyp-clear:before {
    background: url(../../files/icons/clear-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-update:before {
    background: url(../../files/icons/refresh.png) no-repeat scroll 0 0 transparent;
    height: 18px;
    width: 15px;
}

.hyp-btn-disabled.hyp-update:before {
    background: url(../../files/icons/refresh-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-wishlist:before {
    background: url(../../files/icons/wishlist.png) no-repeat scroll 0 0 transparent;
    height: 18px;
    width: 16px;
}

.hyp-btn-disabled.hyp-wishlist:before {
    background: url(../../files/icons/wishlist-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-save:before {
    background: url(../../files/icons/save.png) no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
}

.hyp-btn-disabled.hyp-save:before {
    background: url(../../files/icons/save-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-load:before {
    background: url(../../files/icons/load.png) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 16px;
    margin-top: 3px;
}

.btn-like-link {
    background: none;
    border: none;
}

    .btn-like-link:hover {
        text-decoration: underline;
    }

.semicolumn {
    width: 60%;
}

.lbl-stock {
    font-weight: bold;
}

/*          flexi controls           */
.html-wrapper {
    word-wrap: break-word;
}

.flow-img-tiles .column {
    margin-bottom: 20px;
}
/*          END flexi controls           */


/*          text boxes           */
.tbx,
.tar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 3px;
    position: relative;
}

    .tbx input,
    .tar textarea {
        display: block;
        border: 0 none;
        background: transparent;
        box-sizing: border-box;
        width: 100%;
        outline: none;
        padding: 0px 14px;
        font-family: NettoOT;
        font-style: normal;
    }

    .tbx input {
        height: 48px;
    }

    .tar textarea {
        height: 75px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

::-webkit-input-placeholder {
    font-family: NettoOT;
    font-style: normal;
}

::-moz-placeholder {
    font-family: NettoOT;
    font-style: normal;
}

:-ms-input-placeholder {
    font-family: NettoOT;
    font-style: normal;
}

.water-mark {
    font-family: NettoOT;
    font-style: normal;
}

.tbx-date {
    padding-right: 19px;
}

    .tbx-date:after {
        background: url(../../files/icons/date.png);
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        width: 16px;
        height: 16px;
        margin-top: -8px;
    }

    .tbx-date button {
        display: none;
    }

.tbx-search input {
    height: 39px;
}

#quickOrder .tbx-search input {
    height: 60px;
    padding-right: 40px;
}

#quickOrder .tbx-search:after {
    background: url(../../files/icons/search.png) center center no-repeat;
}

#quickOrder .tbx-search input::-webkit-input-placeholder,
.tbx-main-search input::-webkit-input-placeholder {
    font-style: italic;
    font-family: 'NettoOT Bold';
}

#quickOrder .tbx-search input:-moz-placeholder,
.tbx-main-search input:-moz-placeholder {
    font-style: italic;
    font-family: 'NettoOT Bold';
}

#quickOrder .tbx-search input::-moz-placeholder,
.tbx-main-search input::-moz-placeholder {
    font-style: italic;
    font-family: 'NettoOT Bold';
}

#quickOrder .tbx-search input:-ms-input-placeholder,
.tbx-main-search input:-ms-input-placeholder {
    font-style: italic;
    font-family: 'NettoOT Bold';
}

.tbx-search:after {
    background: url(../../files/icons/btn-quickorder-search.png) center center no-repeat;
    content: '';
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.arrow-blue,
.arrow-grey,
.arrow-black,
.arrow-red {
    display: inline-block;
    padding-left: 9px;
    position: relative;
}

    .arrow-blue:before,
    .arrow-grey:before,
    .arrow-black:before,
    .arrow-red:before {
        content: '› ';
        display: inline;
        position: absolute;
        top: 50%;
        left: 0;
        line-height: 0;
    }

    .arrow-blue:before {
        color: #afba40;
    }

    .arrow-grey:before {
        color: #b2b2b2;
    }

    .arrow-black:before {
        color: #000;
    }

    .arrow-red:before {
        font-size: 11px;
        color: #afba40;
    }

.sign-plus,
.sign-minus {
    padding-left: 10px;
    position: relative;
}

    .sign-plus:before {
        content: '+';
        display: inline;
        position: absolute;
        left: 0;
    }

    .sign-minus:before {
        content: '-';
        display: inline;
        position: absolute;
        left: 0;
    }

.icon-status {
    line-height: 1;
}

    .icon-status:before {
        display: inline-block;
        font-size: 1.4em;
        font-weight: bold;
    }

    .icon-status .text-status {
        display: none;
    }

.ui-touch-device .icon-status .text-status {
    display: inline;
    margin-left: 5px;
}

/*          jquery ui menus            */
.ui-menu .ui-menu-item {
    padding: 0;
    list-style: none;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0;
}


/*          loading indicator            */
.loading-indicator {
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    display: none;
    text-align: center;
}

.main-loading {
    padding: 20px;
    position: fixed;
    margin-left: -100px;
    margin-top: -50px;
    top: 50%;
    left: 50%;
    width: 150px;
    z-index: 1000004;
}

.inline-loading-indicator {
    text-align: center;
}

    .inline-loading-indicator img {
        margin-right: 10px;
        vertical-align: middle;
    }

/*          grids           */
.center .gvi-panel {
    padding-top: 75px;
    margin-top: 0;
}

.gvi-panel .ddlb-sorting {
    float: right;
    margin-bottom: 20px;
    min-width: 250px;
}

.gvi {
    line-height: 20px;
    width: 100%;
}

    .gvi td {
        border-width: 0 0 1px 0;
        border-style: solid;
        padding: 15px 5px;
    }

    .gvi th {
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        font-weight: normal;
        padding: 20px 5px;
        white-space: nowrap;
        font-family: NettoOT;
        text-align: left;
    }

    .gvi .title {
        font-weight: bold;
    }

    .gvi .product-title-super {
        text-transform: none;
    }

    .gvi .btn,
    .gvi .btn .btn-cnt {
        background-color: transparent;
    }

.btn-iconon {
    position: relative;
}

    .btn-iconon.btn-delete-limit {
        background: none;
        border: 0;
        font-size: 0;
        height: 20px;
    }

.action-links .hyp {
    line-height: 20px;
}

    .action-links .hyp + .hyp {
        margin-left: 23px;
        padding-left: 23px;
    }

.inner-row td {
    border: none;
}

.upper-row td {
    border-width: 1px 0 0 0;
}

.gvi-name-value td {
    padding: 5px;
    vertical-align: top;
}

.gvi-name-value .name {
    width: 35%;
}

.gvi-represent .customer-name {
    font-weight: bold;
}

/*          product tile            */
.product-tile {
    display: table;
    width: 100%;
}

    .product-tile .product-img {
        display: table-cell;
        padding-right: 10px;
        vertical-align: top;
        width: 75px;
    }

    .product-tile .hyp-thumbnail {
        height: 64px;
        width: 64px;
    }

    .product-tile .product-info {
        display: table-cell;
        vertical-align: top;
    }

    .product-tile .product-description {
        margin-bottom: 13px;
    }

    .product-tile .product-title {
        display: inline-block;
        font-weight: bold;
        line-height: 16px;
    }

    .product-tile .prices {
        display: block;
        margin-bottom: 7px;
    }

    .product-tile .lbl-price {
        font-weight: bold;
    }

    .product-tile .msg-not-available {
        line-height: 35px;
    }

.products-flow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px -10px;
}

    .products-flow .product-tile {
        box-sizing: border-box;
        padding: 0 10px;
        margin: 20px 0;
    }

.products-group.touchcarousel {
    height: auto;
    width: auto;
}

#productPage .font-product-title,
#objectDetailPage .font-product-title,
#actionDetailPage .font-product-title {
    font-family: 'NettoOT';
    font-size: 50px;
    margin-bottom: 20px;
}

body #productPage .product-id span {
    font-family: 'NettoOT';
    font-size: 16px;
}

body #productPage .product-id .value {
    color: #0069aa;
    font-family: 'NettoOT Bold';
}

.details-info a {
    color: #0069aa;
    font-family: 'NettoOT Bold';
}

    .details-info a.hyp-read-downloads,
    .details-info a.hyp-print-preview,
    .details-info a.hyp-read-description {
        font-size: 16px;
        margin-right: 35px;
    }

.back-wrapper a {
    color: #0069aa;
    font-family: 'NettoOT Bold';
    font-size: 16px;
}
/*          START header             */
header {
    position: relative;
    z-index: 2;
}

.top-info.phone-icon:before {
    background: url('../../files/icons/phone.png');
    content: none;
    display: inline-block;
    margin-right: 9px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.top-hyp {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 7px;
    margin-bottom: 7px;
    vertical-align: top;
    padding: 0 15px;
}

.top-dropdown {
    white-space: normal;
}

    .top-dropdown .opener {
        background: transparent;
        height: 100%;
        padding-bottom: 1px;
    }

.opener {
    position: relative;
}

    .opener:after {
        background: url('../../files/icons/arrow-down-grey.png');
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 13px;
        margin: auto;
        height: 5px;
        width: 11px;
    }

.top-dropdown.login .opener:after {
    background: url('../../files/icons/arrow-down-green.png') no-repeat;
}

.top-dropdown.login .opener:before {
    background: url('../../files/icons/login-blue.png') no-repeat;
    content: '';
    position: relative;
}

.middle-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*           language            */
.language .flag {
    margin-right: 13px;
}

.language .hyp {
    display: block;
    padding: 0 30px 0 18px;
    line-height: 40px;
    white-space: nowrap;
}

    .language .hyp:hover {
        text-decoration: none;
    }

/*          login            */
.login .person {
    margin-left: 17px;
    margin-right: 55px;
    vertical-align: middle;
}

.login .user-name {
    font-weight: bold;
}

.login .opener:before {
    background: url('../../files/icons/login-red.png');
    content: '';
    display: inline-block;
    height: 18px;
    width: 16px;
    vertical-align: middle;
}

.impersonated .opener:before {
    background: url('../../files/icons/login-blue.png');
}

.login .hyp {
    display: block;
    padding-left: 20px;
    line-height: 35px;
    float: none;
}

    .login .hyp:hover {
        text-decoration: none;
    }

.welcome {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    line-height: 37px;
    margin: 0 20px 5px;
}

.stop-representing {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 20px;
}

.logout {
    border-top-width: 1px;
    border-top-style: solid;
    line-height: 43px;
    margin: 5px 20px 0;
}

    .logout a {
        display: block;
    }
/*          logo            */
.logo {
    position: relative;
    z-index: 2;
}

    .logo a {
        display: block;
        line-height: 0;
    }

/*          search           */
.search {
    position: relative;
    width: 55%;
    max-width: 486px;
}


    .search .btn-search {
        padding-left: 15px;
    }

.btn.btn-search, .btn.btn-search:hover {
    border: none;
    border-radius: 0 2px 2px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    min-width: 55px;
    background: #f2f2f2;
    border-color: #f2f2f2;
}

.btn-search:before {
    background: url(../../files/icons/search.png);
    content: '';
    display: inline-block;
    margin-top: 13px;
    height: 20px;
    width: 20px;
    background-size: 100% 100%;
}

.search-wrapper {
    position: relative;
    padding-right: 55px;
}

.tbx-main-search {
    overflow: hidden;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    border-color: #f2f2f2;
}

.tbx.tbx-main-search.focused {
    background: #f5f5f5;
}

.tbx-main-search input {
    height: 50px;
    padding: 0 16px;
    font-family: 'NettoOT Bold';
    font-weight: 100;
}

.suggest-item {
    display: table;
    line-height: normal;
    padding: 7px 0;
    width: 100%;
}

    .suggest-item > span {
        display: table-cell;
        vertical-align: middle;
    }

.suggest-img {
    width: 50px;
}

    .suggest-img img {
        height: 40px;
        width: 40px;
    }

.suggest-title-id {
    display: block;
}

/*          suggestions button           */
.btn.btn-suggestions-top {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-width: 1px;
    border-style: solid;
    margin: 0 5px;
    padding: 0;
    text-shadow: none;
}

    .btn.btn-suggestions-top:after,
    .btn.btn-suggestions-top .btn-cnt:after {
        display: none;
    }

    .btn.btn-suggestions-top:before {
        background: url(../../files/icons/magic.png);
        content: '';
        display: inline-block;
        margin-top: 11px;
        height: 20px;
        width: 20px;
    }

/*          basket           */
.basket {
    display: inline-block;
    position: relative;
    height: 50px;
    vertical-align: top;
    white-space: normal;
}

.over-summary .hyp {
    box-sizing: border-box;
    text-decoration: none;
    /*text-transform: uppercase;*/
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .over-summary .hyp:before {
        background: url(../../files/icons/basket.png) no-repeat scroll 0 0 transparent;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        margin: auto;
        height: 17px;
        width: 20px;
    }

.basket:hover .over-summary:not(.is-empty) {
    z-index: 6;
}

.summary-footer {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    table-layout: fixed;
}

    .summary-footer.panel-footer > div {
        padding: 17px 0;
    }

    .summary-footer .value-total {
        float: right;
    }

/*          basket modal popup            */
.basket-summary {
    border-width: 1px;
    border-style: solid;
    display: none;
    overflow-y: auto;
    position: absolute;
    padding: 0 14px 11px 16px;
    top: 100%;
    right: 0;
    width: 318px;
    z-index: 5;
}

    .basket-summary .summary-title {
        font-family: 'NettoOT Bold' !important;
    }

    .basket-summary .products-list {
        display: table;
        border-collapse: collapse;
        width: 100%;
    }

.basket:hover .basket-summary {
    display: block;
}

.t-row-total-price-excluding-tax,
.t-row-discount-panel {
    border-bottom: solid 1px #f2f2f2;
}

.summary-title {
    margin: 15px 0;
    text-transform: uppercase;
}

    .summary-title.alt,
    .just-added .summary-title.main {
        display: none;
    }

.just-added .summary-title.alt {
    display: block;
}

.qty-price {
    text-align: right;
}

.added-product {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .added-product .quantity {
        float: left;
    }

    .added-product .product-description {
        margin-bottom: 0;
    }

    .added-product .product-img,
    .added-product .product-info {
        padding: 15px 0;
    }

    .added-product .variant-title {
        line-height: 1.6;
    }

    .added-product .lbl-price {
        font-size: inherit !important;
        font-weight: normal;
    }

/*          START header sticky mode            */
header.sticky-mode {
    -webkit-transition: top .1s ease-out;
    transition: top .1s ease-out;
    border-width: 1px 0;
    border-style: solid;
    top: 0;
    width: 100%;
    position: fixed;
}

    header.sticky-mode .header-blocks-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        /*position: relative;*/
    }

    header.sticky-mode.animate {
        top: 0;
    }

    header.sticky-mode .nav-list-root {
        padding: 11px 0;
        width: 100%;
    }

    header.sticky-mode .nav-wrapper {
        top: 0;
        left: 100%;
        min-height: 100%;
        margin-left: 1px;
        width: 299%;
    }

    header.sticky-mode .nav-item-block {
        width: auto;
    }

    header.sticky-mode .nav-lvl-2 {
        table-layout: fixed;
    }

    header.sticky-mode .img-in-row {
        display: none;
    }

    header.sticky-mode .bottom-header {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: auto;
    }

    header.sticky-mode .middle-header {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
        min-height: inherit;
    }

    header.sticky-mode .top-header {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        width: auto;
    }

    header.sticky-mode .bottom-header > .center {
        padding: 0;
    }

    header.sticky-mode .top-info {
        display: none;
    }

    header.sticky-mode .logo,
    header.sticky-mode .search {
        margin: 0 5px;
    }

        header.sticky-mode .logo img {
            max-height: 32px;
        }

    header.sticky-mode .top-dropdown {
        height: 35px;
    }

        header.sticky-mode .top-dropdown:hover,
        header.sticky-mode .top-dropdown:hover .opener {
            height: 49px;
        }

    header.sticky-mode .language {
        border-right-color: transparent;
    }

    header.sticky-mode .login {
        border-left-color: transparent;
    }

        header.sticky-mode .login .person {
            display: none;
        }

        header.sticky-mode .login.impersonated .opener {
            width: auto;
        }

    header.sticky-mode .stop-representing {
        margin-top: 10px;
        padding-bottom: 10px;
    }

    header.sticky-mode .over-summary .hyp {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0 3px;
    }

        header.sticky-mode .over-summary .hyp:before {
            display: inline-block;
            position: static;
            vertical-align: middle;
        }

    header.sticky-mode .over-summary .over-summary-number {
        display: inline-block;
        margin-left: 3px;
        vertical-align: middle;
    }

    header.sticky-mode .over-summary.is-empty .over-summary-number,
    header.sticky-mode .over-summary .over-summary-lbl {
        display: none;
    }

    header.sticky-mode .btn-suggestions-top {
        margin: 0 5px;
    }

    header.sticky-mode .top-hyp {
        display: none;
    }
/*          END header sticky mode            */

/* START general top navigation */
nav {
    position: relative;
}

    nav .hyp-top-lvl {
        text-transform: uppercase;
        text-decoration: none;
    }

.nav-item.selected .hyp-top-lvl span {
    position: relative;
}

    .nav-item.selected .hyp-top-lvl span:after {
        content: '';
        position: absolute;
        height: 3px;
        bottom: -6px;
        left: -6px;
        right: -6px;
        display: none;
    }

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

header.sticky-mode .hyp-top-lvl.has-children:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    background: url(../../files/icons/arrow-group-expand.png) no-repeat;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    right: 13px;
    height: 5px;
    width: 11px;
}

.nav-opener-wrapper {
    border-width: 0 1px;
    border-style: solid;
    height: 60px;
    width: 64px;
}

.nav-opener {
    cursor: pointer;
    position: relative;
    height: 60px;
    width: 64px;
    z-index: 1;
}

    .nav-opener:before {
        background: url('../../files/icons/nav-open.png') no-repeat -9999px -9999px;
        content: '';
        position: absolute;
        top: 22px;
        left: 22px;
        height: 17px;
        width: 22px;
    }

    .nav-opener:after {
        background: url('../../files/icons/nav-close.png') no-repeat -9999px -9999px;
        content: '';
        position: absolute;
        top: 19px;
        left: 23px;
        height: 19px;
        width: 18px;
    }

.nav-is-closed .nav-opener:before,
.nav-is-opened .nav-opener:after {
    background-position: 0 0;
}

.nav-is-opened nav {
    display: block;
}
/* END general top navigation */

/* START multi dropdown navigation */
.nav-wrapper {
    display: none;
}

.nav-lvl-2 .separator {
    display: none;
}

.nav-lvl-3 .hyp {
    line-height: 30px;
}

.nav-item-block {
    box-sizing: border-box;
}
/* END multi dropdown navigation */

/* START simple dropdown navigation */
.nav-list-sub {
    display: none;
}

.nav-item-sub {
    position: relative;
}

    .nav-item-sub .hyp {
        display: block;
        line-height: 40px;
        text-decoration: none;
    }

.nav-type-simple .nav-item-root {
    position: relative;
}
/* END simple dropdown navigation */
/*          END header            */



/* footer */
footer .font-h4 {
    display: block;
    line-height: 1.4em;
    padding-bottom: 12px;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .top {
    padding-top: 60px;
    padding-bottom: 60px;
}

footer .bottom {
    padding-top: 20px;
    padding-bottom: 38px;
}

/*          sitemap          */
.sitemap-nav li {
    float: left;
    padding-right: 13px;
    width: 120px;
}

/*          bottom footer          */
.footer-nav {
    text-align: right;
}

    .footer-nav .hyp {
        padding-left: 10px;
        text-decoration: none;
    }

/*          newsletter          */
.newsletter {
    display: table-cell;
    width: 38%;
}

.tbx-email-newsletter {
    margin-right: 5px;
}

.newsletter-line {
    display: table;
    margin-top: 12px;
    width: 100%;
}

    .newsletter-line li {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

/*          price         */
.lbl-price {
    white-space: nowrap;
}

.list-price {
    margin-right: 20px;
    text-decoration: line-through;
    white-space: nowrap;
}


/* columns layout */
.columns-general {
    box-sizing: border-box;
    padding: 12px 0;
    height: 100%;
}

    .columns-general > .column {
        box-sizing: border-box;
        height: 100%;
    }

    .columns-general.rtl {
        direction: rtl;
    }

        .columns-general.rtl > .column {
            direction: ltr;
        }

.column > .wrapper {
    padding: 12px 0;
}
/* END columns layout */




/* forms general styles */

form label {
    line-height: normal;
}

.form-holder {
    padding-top: 18px;
}

.form-row,
.form-button {
    margin-bottom: 20px;
}

    .form-row .control {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .form-row .label,
    .form-row .field {
        display: table-cell;
        vertical-align: middle;
    }

    .form-row .label {
        width: 36%;
        padding-right: 3%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.row-comments .label {
    vertical-align: top;
    padding-top: 5px;
}

.form-row .validation,
.form-row .description,
.form-button {
    padding-left: 36%;
    margin-top: 0px;
}

.row-under-columns {
    margin-top: -12px;
}

.field-validation-valid {
    display: none;
}

.form-row .field-validation-error,
.form-row .feedback-message {
    display: block;
    line-height: 12px;
    padding: 4px 0px 4px 24px;
    margin-top: 4px;
}

.form-row .field-validation-error {
    background: url(/content/files/icons/form-invalid.png) no-repeat scroll left center;
}

.form-row .feedback-message {
    background: url(/content/files/icons/form-description.png) no-repeat scroll left center;
}

.msg-not-available {
    font-weight: bold;
    text-transform: lowercase;
    white-space: nowrap;
}

.form-row .in-line {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
}

    .form-row .in-line.left-part {
        width: 48%;
    }

.form-inline {
    display: inline-block;
    vertical-align: middle;
}

/*          message blocks          */
.msg-block {
    font-style: italic;
    margin: 45px 0;
    line-height: 60px;
    text-align: center;
    clear: both;
}

.msg-block-error,
.validation-summary-errors,
.msg-block-confirm,
.msg-block-info,
.msg-block-alert {
    position: relative;
    margin: 20px 0;
    padding: 15px 20px 15px 36px;
    line-height: normal;
}

    .msg-block-error:before,
    .validation-summary-errors:before,
    .msg-block-confirm:before,
    .msg-block-info:before,
    .msg-block-alert:before {
        content: '';
        position: absolute;
    }

    .msg-block-error:before,
    .validation-summary-errors:before {
        background: url(../../files/icons/error.png);
        top: 18px;
        left: 10px;
        height: 12px;
        width: 12px;
    }
    /*[MEDUX] "3.4.	Rental process for obese rental items"
    .msg-block-confirm:before {
        background: url(../../files/icons/msg-confirm.png);
        top: 15px;
        left: 9px;
        height: 16px;
        width: 14px;
    }
    */

    .msg-block-info:before {
        background: url(../../files/icons/msg-info.png);
        top: 16px;
        left: 12px;
        height: 16px;
        width: 8px;
    }

    .msg-block-alert:before {
        background: url(../../files/icons/msg-alert.png);
        top: 15px;
        left: 13px;
        height: 14px;
        width: 5px;
    }

    .msg-block-error ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .validation-summary-errors ul {
        display: none;
    }




.ifrm {
    padding: 5px;
}

    .ifrm iframe {
        height: 300px;
        overflow: auto;
        width: 100%;
    }

/* END forms general styles */



/* custom checkbox */
label .chb {
    vertical-align: middle;
}

    label .chb ins {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        overflow: hidden;
        background: url(/content/files/icons/form-checkbox.png) 0 0 no-repeat;
        margin-right: 10px;
        margin-top: -4px;
        cursor: pointer;
    }


    label .chb input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

label:hover .chb ins {
    background-position: 0 0;
}

label .chb input[type="checkbox"]:focus + ins {
    background-position: 0 -11px;
}

label .chb input[type="checkbox"]:checked + ins,
label:hover .chb input[type="checkbox"]:checked + ins,
label .chb input[type="checkbox"]:checked:focus + ins {
    background-position: 0 -22px;
}

label .chb input[type="checkbox"]:checked:disabled + ins,
label:hover .chb input[type="checkbox"]:checked:disabled + ins {
    background-position: 0 -33px;
}

label .chb input[type="checkbox"]:disabled + ins {
    background-position: 0 -44px;
}
/* END custom checkbox */


/* custom radiobox */

label .rdb {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 10px;
    margin-top: -6px;
}

    label .rdb ins {
        display: block;
        width: 10px;
        height: 10px;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
        cursor: pointer;
    }

    label .rdb input[type="radio"] {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

        label .rdb input[type="radio"]:checked + input + ins:after,
        label .rdb input[type="radio"]:checked + ins:after {
            content: '';
            display: block;
            width: 13px;
            height: 13px;
            border-radius: 13px;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.radio + .radio {
    margin-left: 15px;
}

/* END custom radiobox */


/* breadcrumbs */
.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs .hyp {
    margin: 0 3px;
}

/* END breadcrumbs */


/*          login page             */
.login-page-cnt .text {
    margin: 15px 0;
}

.login-page-cnt .validation-summary-errors {
    margin-top: 0;
}

.btn-login {
    float: right;
}

/*          tabs             */
.tab-control .reviews,
.tab-control .variants,
.tab-control .prepacks,
.tab-control .specifications,
.tab-control .description {
    min-height: 195px;
}

.ui-tabs {
    padding: 0;
}

    .ui-tabs .ui-tabs-nav {
        padding: 0;
    }

        .ui-tabs .ui-tabs-nav li {
            margin: 0;
            outline: none;
            font-family: NettoOT;
            font-size: 30px;
        }

            .ui-tabs .ui-tabs-nav li a {
                font-family: NettoOT;
                font-size: 30px;
            }

.ui-tabs-nav li:not(:first-child) {
    margin-left: 50px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
}

.hidden-tabs-name {
    display: none;
    cursor: default;
    margin-bottom: 15px;
}

.ui-tabs-active .ui-tabs-anchor:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.no-underline .ui-tabs-anchor:after {
    display: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 25px 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    padding-bottom: 15px;
    border-bottom: solid 2px #0069aa;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a.hyp-tab-action {
        font-size: 14px;
        border: 0;
        padding-bottom: 0;
    }
/*          text boxes with spinners          */
.tbx-quantity {
    display: inline-block;
    vertical-align: middle;
    margin: 0 60px;
}

    .tbx-quantity input {
        text-align: center;
        padding: 0 3px;
        height: 49px;
        width: 100px;
        color: #565e5b;
        font-family: 'NettoOT Bold';
    }

    .tbx-quantity a {
        background: #fff;
        border: solid 1px #dce5eb;
        cursor: pointer;
    }

        .tbx-quantity a:hover {
            background: #fbfbfb;
            border: solid 1px #dce5eb;
        }

.compact-sign-error {
    background-image: url(../../files/icons/form-invalid.png);
    line-height: 0;
    position: absolute;
    left: -10px;
    top: -9px;
    z-index: 1;
    padding: 0 !important;
    margin: 0 !important;
    height: 16px;
    width: 16px;
}

    .compact-sign-error span {
        display: none !important;
    }

.ui-spinner-input {
    margin: 0;
}

.ui-spinner-button {
    position: absolute;
    top: 0;
    height: 50px;
    width: 50px;
}

.ui-spinner-up {
    right: -60px;
}

.ui-spinner-down {
    left: -60px;
}

.ui-spinner-button:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
}

.ui-spinner-up:before {
    background-image: url(../../files/icons/increase.png);
    height: 17px;
    width: 15px;
}

.ui-spinner-down:before {
    background-image: url(../../files/icons/decrease.png);
    height: 3px;
    width: 11px;
}

.tbx-quantity.spinner-hidden-initially:not(.focused) .ui-spinner-button {
    display: none;
}

.ui-touch-device .tbx-quantity .numeric {
    pointer-events: none;
}




/* order details */
.history-details .hyp-print-preview {
    margin-left: 15px;
}

.history-details .gvi-name-value .value {
    word-break: break-all;
}

.gvi-order-lines-wrapper {
    margin-top: 45px;
}

.gvi-order-lines tfoot td {
    padding: 12px 20px;
}

.gvi-order-lines tfoot .cell-value {
    font-weight: bold;
}

.gvi-order-lines tfoot .hyp,
.gvi-order-lines .toggle-hyp-inside {
    float: right;
}

.gvi-order-lines.collapsed tbody,
.gvi-order-lines.collapsed .toggle-hyp-inside .sign-minus,
.gvi-order-lines.expanded .toggle-hyp-inside .sign-plus {
    display: none;
}

.gvi-order-lines .col-price,
.gvi-order-lines .col-total,
.gvi-order-lines .col-stock {
    white-space: nowrap;
}

.gvi-totals {
    text-align: right;
    margin-bottom: 10px;
}

    .gvi-totals .cell-value {
        width: 125px;
    }

    .gvi-totals td {
        border: none;
        padding: 5px 0 5px 7px;
    }

    .gvi-totals tr:first-child td {
        /*border-top-width: 1px;
        border-top-style: solid;*/
        padding-top: 15px;
    }

    .gvi-totals tr:last-child td {
        /*border-bottom-width: 1px;
        border-bottom-style: solid;*/
        padding-bottom: 15px;
    }

    .gvi-totals .t-row-promotion {
        line-height: 20px;
    }

.basket-page-cnt .gvi-totals .t-row-promotion .title-discount {
    display: inline-block;
    padding: 8px 0 7px;
    vertical-align: middle;
}

.gvi-totals .t-row-promotion .enter-discount {
    display: inline-block;
}

.order-authorization-feedback {
    text-align: justify;
}
#submitOrderPage .row-service td,
#submitOrderPage .row-simple-product td  {
    border-bottom-width: 1px;
}
#submitOrderPage .t-row-tax-line td {
    padding-top: 15px;
}
/* END order details */





/* general panel */

.panel-general {
    padding-top: 30px;
    margin-bottom: 30px;
}

#basketPage .panel-general {
    margin-bottom: 70px;
}

.panel-header {
    margin-bottom: 11px;
}

.panel-footer > div {
    padding-top: 55px;
}

.panel-footer > .more-inside,
.more-inside {
    padding-top: 55px;
}

    .more-inside.set-right {
        text-align: right;
    }
/* END general panel */







/* thumbNails */
.hyp-thumbnail {
    display: inline-block;
    position: relative;
    height: 75px;
    width: 75px;
}

.thumbnail {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}

    .thumbnail img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
    }


/*          facets           */
.facets {
    padding-top: 6px;
}

.facet {
    margin-bottom: 37px;
    word-break: break-all;
}

    .facet .hdr {
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        .facet .hdr.collapsed {
            background-image: url(../../files/icons/arrow-group-expand.png);
        }

        .facet .hdr.expanded {
            background-image: url(../../files/icons/arrow-group-collapse.png);
        }

    .facet .hyp-toggle {
        display: inline-block;
        font-weight: bold;
    }

.list-facets li {
    position: relative;
    white-space: nowrap;
}

.facet-selected li,
.multiselect-mode .facet li {
    padding-left: 25px;
}

    .facet-selected li a,
    .multiselect-mode .facet li a {
        font-family: 'NettoOT Bold';
    }

.facet-selected .reset li {
    padding-left: 0;
}

    .facet-selected .reset li a {
        margin-right: 6px;
    }

.facet li {
    padding-right: 20px;
}

.list-facets li .chb {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
}

.list-facets .count {
    margin-left: 4px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

.facet-item {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.list-facets.limited li:nth-of-type(n+6) {
    display: none;
}

.limited + .hyp-toggle .collapse,
.unlimited + .hyp-toggle .expand {
    display: none;
}

.facet-selected .facet-title {
    font-weight: bold;
}

.facet-selected .hyp-remove {
    display: inline-block;
    width: 12px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-weight: bold;
    font-family: 'NettoOT Bold';
    padding: 0;
    padding-right: 2px;
    border: solid 1px #898989;
    font-size: 10px;
}

.clear-facets-selection {
    margin-bottom: 37px;
    font-weight: bold;
}

/*           product page            */
.back-wrapper {
    height: 25px;
    float: left;
}

    .back-wrapper + .breadcrumbs {
        float: left;
        padding-left: 41px;
        margin-left: 44px;
    }

.hyp-back:hover {
    text-decoration: none;
}

.hyp-back.arrow-red:before {
    content: '‹ ';
}

.has-aside {
    box-sizing: border-box;
}

aside .hyp {
    float: left;
    clear: both;
}

#matricesPopup,
#volumePricesPopup,
#bomPopup {
    display: none;
}

.product {
    padding-top: 32px;
}

    .product .main {
        margin-bottom: 45px;
    }

.details-info {
    position: relative;
}

.no-aside {
    width: 100%;
}

/*           product images             */
.carousel-image-m-wrapper {
    height: auto;
    width: auto;
}

.carousel-image-m {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.carousel-image-m-wrapper img {
    display: block;
    max-height: 100%;
    max-width: 90%;
    margin: 0 auto;
}

.carousel-image-m-item {
    position: relative;
}

.carousel-legend {
    padding: 10px 0;
    text-align: center;
}

.carousel-image-s-wrapper {
    margin: 25px 0;
}

.carousel-centering {
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    height: 84px;
}

.carousel-positioning {
    position: relative;
}

.carousel-cutter {
    overflow: hidden;
    height: 100%;
}

.list-thumbs {
    position: absolute;
    top: 0;
    width: 33440px;
}

    .list-thumbs li {
        float: left;
    }

    .list-thumbs .hyp-thumbnail {
        box-sizing: border-box;
        display: block;
        margin: 0 10px;
        height: 84px;
        width: 84px;
    }

    .list-thumbs .thumbnail {
        display: block;
    }

    .list-thumbs .hyp-thumbnail:hover .thumbnail:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: -1px;
        right: -1px;
    }

.btn-prev-img,
.btn-next-img {
    background-image: url(../../files/icons/arrows-thumbnail.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    position: absolute;
    margin-top: -13px;
    top: 50%;
    width: 15px;
}

.btn-prev-img {
    background-position: 0 0;
    left: 0;
}

.btn-next-img {
    background-position: -16px 0;
    right: 0;
}

.btn-prev-img:hover {
    background-position: 0 -26px;
}

.btn-prev-img.disabled {
    background-position: 0 -52px;
}

.btn-next-img:hover {
    background-position: -16px -26px;
}

.btn-next-img.disabled {
    background-position: -16px -52px;
}

.zoomContainer {
    z-index: 1;
}

/*          lightbox image slider          */
.slider-wrapper {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
}

.slider-list {
    cursor: move;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
}

.slider-list-item img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.slider-al,
.slider-ar,
.slider-aldn,
.slider-ardn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../../files/icons/arrows-thumbnail.png) no-repeat;
    overflow: hidden;
    width: 15px;
    height: 25px;
}

.slider-al,
.slider-aldn {
    background-position: 0 0;
    left: 8px;
}

.slider-ar,
.slider-ardn {
    background-position: -16px 0;
    right: 8px;
}

.slider-al:hover {
    background-position: 0 -26px;
}

.slider-ar:hover {
    background-position: -16px -26px;
}

.slider-b {
    position: absolute;
    bottom: 6px;
    right: 6px;
}

    .slider-b div {
        position: absolute;
        width: 12px;
        height: 12px;
    }

        .slider-b div,
        .slider-b div:hover,
        .slider-b .av {
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border-radius: 10px;
        }

    .slider-b div {
        background-color: #ccc;
    }

        .slider-b div:hover,
        .slider-b .av:hover {
            background-color: #999;
        }

    .slider-b .av {
        background-color: #000;
    }

    .slider-b .dn,
    .slider-b .dn:hover {
        background-color: #000;
    }


/*          product details          */
.details-info .description {
    display: inline-block;
    margin-top: 22px;
    margin-bottom: 10px;
    width: 100%;
    word-wrap: break-word;
}

.hyp-read-description + .hyp-print-preview {
    margin-left: 50px;
}

.details-info .product-id .name {
    display: inline-block;
    padding-right: 3px;
    min-width: 70px;
}

.rating-reviews {
    margin-top: 10px;
}

    .rating-reviews .hyp {
        margin-left: 10px;
    }

        .rating-reviews .hyp + .hyp {
            padding-left: 15px;
        }

/* productRatingControl (jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/) */
.rating {
    display: inline-block;
    vertical-align: middle;
}

.rating-cancel,
.star-rating {
    background: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    float: left;
    height: 16px;
    overflow: hidden;
    text-indent: -999em;
    width: 16px;
}

    .rating-cancel,
    .rating-cancel a {
        background: url(../../files/icons/rating-cancel.png) no-repeat scroll 0 0 transparent !important;
    }

        .rating-cancel a,
        .star-rating a {
            border: 0;
            display: block;
            height: 100%;
            width: 16px;
        }

    .star-rating a {
        background: url(../../files/icons/rating-star.png) no-repeat scroll 0 0 transparent;
    }

.star-rating-on a {
    background: url(../../files/icons/rating-star-on.png) no-repeat scroll 0 0 transparent;
}

.star-rating-hover a {
    background: url(../../files/icons/rating-star-on.png) no-repeat scroll 0 0 transparent;
}

.star-rating-readonly a {
    cursor: default !important;
}

.star-rating {
    background: transparent !important;
    overflow: hidden !important;
}

.row-button-wrapper {
    margin-top: 20px;
}

.details-info .order-box {
    margin-top: 60px;
    border-top: solid 1px #edf0ee;
    padding: 10px 0;
}

.order-box {
    margin-top: 20px;
    font-family: 'NettoOT';
    color: #a5b3ab;
    font-size: 16px;
}

    .order-box .form-row .label {
        padding-right: 1%;
        width: 25%;
    }

    .order-box .after-btn-links {
        vertical-align: middle;
    }

    .order-box .row-quantity .field {
        white-space: nowrap;
    }

    .order-box .after-prices {
        font-size: 14px;
    }

.has-aside .field-btn-add {
    text-align: right;
}

.no-aside .field-btn-add {
    display: table-row;
    text-align: left;
}

.prices-action {
    display: table;
    width: 100%;
}

    .prices-action > div {
        display: table-cell;
        vertical-align: bottom;
    }

.after-prices {
    padding-left: 7px;
    line-height: 20px;
    width: 100%;
}

.msg-cannot-order,
.order-box.state-variant-not-available .row-btn-add,
.order-box.state-variant-not-available .form-row .field-btn-add,
.order-box.state-variant-not-available .row-quantity .tbx-quantity {
    display: none;
}

.msg-state-visible,
.order-box.state-variant-not-available .msg-cannot-order {
    display: block;
}

.order-box.state-variant-not-available .unit-of-measure {
    margin-left: 0;
}

/* last viewed products */
.hyp-clear-viewed {
    padding-left: 20px;
    margin-left: 20px;
}

.last-viewed {
    margin: 70px 0;
}

    .last-viewed .ui-tabs-nav {
        padding-bottom: 0px;
    }

.hyp-tab-action {
    font-weight: bold;
    float: left;
    margin: 15px 0 0 45px;
}

/* related info */
.simple-product-tile {
    box-sizing: border-box;
    text-align: center;
    padding: 0 3%;
}

    .simple-product-tile .hyp-thumbnail {
        max-width: 100%;
        height: 180px;
        width: 180px;
    }

.tabs-horizontal {
    position: relative;
    overflow: hidden;
}

    .tabs-horizontal .ui-tabs-nav {
        position: relative;
        width: 300%;
    }

        .tabs-horizontal .ui-tabs-nav li:not(:first-child) {
            margin-left: 33px;
        }

.opacity-left,
.opacity-right {
    position: absolute;
    top: 0;
    height: 100%;
    width: 65px;
    z-index: 1;
}

.opacity-left {
    background: -webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0.5));
    background: -moz-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0.5));
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.5));
    left: 0;
}

.opacity-right {
    background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,1));
    background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,1));
    background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,1));
    right: 0;
}

.btn-prev,
.btn-next {
    cursor: pointer;
    background: url(../../files/icons/arrows.png);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    height: 19px;
    width: 12px;
    z-index: 1;
}

.btn-prev {
    background-position: 0 0;
    left: 0;
}

.btn-next {
    background-position: -13px 0;
    right: 0;
}

.btn-prev:hover {
    background-position: 0 -20px;
}

.btn-next:hover {
    background-position: -13px -20px;
}

/*          social sharing */
.add-this {
    text-align: center;
    margin-top: 10px;
}

.addthis_toolbox {
    display: inline-block;
}

/*          matrices            */
.matrices {
    overflow: visible;
}

    .matrices .ui-dialog-titlebar {
        display: none;
    }

    .matrices .ui-dialog-content {
        overflow: visible;
    }

    .matrices .ui-tabs-nav {
        position: absolute;
        margin-bottom: 10px;
        bottom: 100%;
        right: 0;
    }

        .matrices .ui-tabs-nav li {
            box-shadow: 0 0 5px rgba(0,0,0,0.15);
            margin-left: 2px;
        }

    .matrices .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 15px 56px;
        line-height: 1;
        text-align: center;
        position: relative;
        margin-bottom: -3px;
    }

    .matrices .ui-tabs-active .ui-tabs-anchor:after {
        bottom: 10px;
        left: 56px;
        right: 56px;
    }

    .matrices .btn-back {
        line-height: 44px;
    }

.grid-inside {
    clear: both;
    height: 100%;
    margin: 20px 0;
    overflow: auto;
    position: relative;
    width: 100%;
    max-height: 450px;
}

    .grid-inside .sticky-wrap {
        z-index: 1;
    }

.add-box {
    display: table;
    float: right;
}

    .add-box li {
        display: table-cell;
        padding-right: 18px;
        vertical-align: middle;
    }

.quantity-selected {
    line-height: 22px;
}

    .quantity-selected .name {
        display: inline-block;
        text-align: right;
        width: 160px;
    }

    .quantity-selected .value {
        display: inline-block;
        padding-left: 15px;
        width: 70px;
    }

/* variants & prepacks */
.variants .product-id .name {
    margin-right: 35px;
}

.variants .uom-wrapper {
    margin: 20px 0;
}

    .variants .uom-wrapper .lbl-uom-title {
        line-height: 28px;
        vertical-align: middle;
    }

.gvi-variants th,
.gvi-prepacks th {
    text-transform: uppercase;
}

.gvi-variants .th-col,
.gvi-prepacks thead th {
    text-align: center;
    padding: 15px;
}

.gvi-variants td,
.gvi-prepacks td {
    text-align: center;
    padding: 23px 15px 10px;
}

.gvi-variants .th-row,
.gvi-prepacks tbody th {
    text-align: left;
    padding-right: 23px;
    padding-left: 19px;
}

.gvi-variants .tbx-quantity,
.gvi-prepacks .tbx-quantity {
    width: 70px;
}

/* variants */
.cell .tbx-quantity {
    margin-bottom: 10px;
}

.cell .stock-indication,
.cell .lbl-price {
    margin: 0 10px;
}

.cell .msg-not-available {
    line-height: 28px;
}

.variants-row {
    font-weight: bold;
    padding-top: 10px;
}

/* prepacks */
.gvi-prepacks .price {
    text-align: left;
}

.prepack-selection {
    margin-top: 20px;
}

.ddlb-prepack-selector {
    display: inline-block;
    margin-left: 25px;
    min-width: 250px;
    vertical-align: middle;
}

/* volume prices and bom */
.gvi-volume-prices th,
.gvi-bom th {
    text-align: left;
}

.gvi-volume-prices th,
.gvi-volume-prices td,
.gvi-bom th,
.gvi-bom td {
    border-bottom: none;
}

.gvi-volume-prices .cell-qty,
.gvi-volume-prices .cell-uom,
.gvi-volume-prices .cell-discount,
.ui-mobile .gvi-volume-prices .cell-price,
.gvi-bom td {
    font-weight: bold;
}

/* bom product grid */
.gvi-bom td {
    vertical-align: top;
}

.gvi-bom .bom-title {
    padding-left: 15px;
    padding-right: 15px;
}

.gvi-bom .variant {
    width: 240px;
}

.gvi-bom .qty {
    width: 60px;
    text-align: right;
}

.bom-nested {
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .bom-nested li {
        display: table-row;
    }

    .bom-nested .lbl-variant {
        display: table-cell;
        width: 80%;
    }

    .bom-nested .lbl-qty {
        display: table-cell;
        text-align: right;
        width: 20%;
    }

/* product reviews */
.list-reviews li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 10px;
    padding-bottom: 10px;
}

.list-reviews .rating {
    float: right;
}

.review-title {
    font-weight: bold;
    margin-right: 5px;
}





/*          product list page           */
.counter-inside {
    line-height: 35px;
}

.btn-view {
    cursor: pointer;
    display: inline-block;
    margin: 5px 10px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

    .btn-view:hover {
        background-position: 0 -25px;
    }

.changer-grid-mode .to-grid,
.changer-list-mode .to-list {
    cursor: default;
    pointer-events: none;
}

.to-list {
    background: url(../../files/icons/view-list.png);
    background-position: 0 -50px;
}

.changer-list-mode .to-list {
    background-position: 0 0;
}

.to-grid {
    background: url(../../files/icons/view-grid.png);
    background-position: 0 -50px;
}

.changer-grid-mode .to-grid {
    background-position: 0 0;
}

/* sorting */
.ddlb-sorting {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

/* paging */
.btn-paging {
    padding: 0;
    height: 28px;
    width: 28px;
}

    .btn-paging:after {
        display: none;
    }

.btn-page-prev:before {
    background-image: url(../../files/icons/arrows-paging.png);
    background-position: 0 0;
    margin-top: -5px;
    margin-left: -3px;
    height: 10px;
    width: 6px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
}

.btn-disabled.btn-page-prev:before {
    background-position: 0 -11px;
}

.btn-page-next:before {
    background-image: url(../../files/icons/arrows-paging.png);
    background-position: -7px 0;
    margin-top: -5px;
    margin-left: -3px;
    height: 10px;
    width: 6px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
}

.btn-disabled.btn-page-next:before {
    background-position: -7px -11px;
}

ul.pager-list {
    display: inline-block;
    line-height: 28px;
    margin: 0 16px;
    vertical-align: top;
}

.pager-list li {
    display: inline-block;
    margin: 0 5px;
}

    .pager-list li a,
    .pager-list li span {
        padding: 6px;
    }

.pager-selected {
    font-weight: bold;
}

/*          products list grid            */
.selected-quantity {
    display: none;
    line-height: 12px;
    text-transform: lowercase;
}

.edit-selected {
    padding-left: 17px;
    margin-left: 17px;
}

.product-list .product-id + .stock-indication {
    margin-left: 17px;
    padding-left: 17px;
}

.list-mode {
    display: table;
    width: 100%;
    font-family: NettoOT;
}

    .list-mode > li {
        display: table-row;
    }

    .list-mode li:first-child .product-tile {
        border-top-width: 1px;
        border-top-style: solid;
    }

    .list-mode .product-tile {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .list-mode .product-tile .product-img,
        .list-mode .product-tile .product-info {
            padding: 15px 0;
        }

        .list-mode .product-tile .product-img {
            padding-right: 15px;
        }

        .list-mode .product-tile .prices {
            line-height: 33px;
        }

    .list-mode .list-price {
        vertical-align: top;
        position: relative;
        top: -5px;
    }

    .list-mode .product-action {
        white-space: nowrap;
    }

    .list-mode .product-description {
        display: table-cell;
        width: 100%;
        vertical-align: top;
        margin-bottom: 0;
    }

    .list-mode .selected-quantity {
        margin-top: 7px;
    }

ul.grid-mode {
    margin: 0 -1.4%;
    position: relative;
    font-family: NettoOT;
}

.grid-mode > li {
    box-sizing: border-box;
    float: left;
    text-align: center;
    margin-top: 18px;
    padding: 0 1.4% 13px 1.4%;
    height: 385px;
}

.grid-mode .product-tile {
    display: block;
    padding: 2px;
    min-height: 100%;
    width: auto;
}

    .grid-mode .product-tile:hover {
        border-radius: 2px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    }

.grid-mode .product-img {
    display: block;
    padding: 12px 0 0;
    width: auto;
}

.grid-mode .product-info {
    display: block;
}

.grid-mode .product-img .hyp-thumbnail {
    display: block;
    margin: 0 auto;
    height: 214px;
    max-width: 100%;
    width: 214px;
}

.grid-mode .product-title {
    height: 34px;
}

.grid-mode .product-description {
    padding-top: 3px;
    margin-bottom: 3px;
}

.grid-mode .product-attributes {
    display: none;
}

.grid-mode .product-id-stock {
    line-height: 20px;
}

.grid-mode .product-id-name {
    display: none;
}

.grid-mode .product-action .form-quantity {
    padding-top: 3px;
}

.grid-mode .selected-quantity {
    margin-top: 13px;
}

.variants-selected .selected-quantity {
    display: block;
}

.variants-selected .select-variants {
    display: none;
}

/*          orders          */
.orders {
    margin: 60px 0;
}

.gvi-orders {
    margin-top: 15px;
}

    .gvi-orders th {
        text-align: left;
    }

    .gvi-orders td {
        border-bottom: 1px solid;
    }

    .gvi-orders .status-approved:before,
    .gvi-repairs .status-approved:before,
    .gvi-relocations .status-approved:before,
    .gvi-locations .status-approved:before,
    .gvi-depots .status-approved:before{
        content: '\2713';
    }

    .gvi-orders .status-pending:before,
    .gvi-repairs .status-pending:before,
    .gvi-relocations .status-pending:before,
    .gvi-locations .status-pending:before,
    .gvi-depots .status-pending:before {
        content: '\25CF';
    }

    .gvi-orders .status-declined:before,
    .gvi-repairs .status-declined:before,
    .gvi-relocations .status-declined:before,
    .gvi-locations .status-declined:before,
    .gvi-depots .status-declined:before {
        content: '\2A2F';
    }

/* custom select styles */
.ddlb {
    height: 50px;
    position: relative;
}

.ddlb-small {
    height: 28px;
}

    .ddlb-small .ui-selectmenu-button span.ui-selectmenu-text {
        line-height: 27px;
    }

.ui-selectmenu-button {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 3px;
    outline: none;
}

.ui-selectmenu-menu .ui-menu {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    max-height: 240px;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    line-height: 50px;
    padding: 0 28px 0 12px;
}

.ui-selectmenu-button span.ui-selectmenu-text,
.ui-menu .ui-menu-item {
    font-family: NettoOT;
}


.ui-selectmenu-menu .ui-menu .ui-menu-item {
    padding: 0 28px 0 12px;
    line-height: 34px;
    white-space: nowrap;
}

.ui-selectmenu-button span.ui-icon {
    border-top: 4px solid #0069aa;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    right: 10px;
    margin-top: -2px;
}



.unit-of-measure {
    display: inline-block;
    vertical-align: middle;
}

.tbx-quantity + .unit-of-measure {
    margin-left: 8px;
    vertical-align: top;
}

.ddlb-uom {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.lbl-uom {
    display: inline-block;
    line-height: 28px;
}


/*          my account          */
.order-info-inside {
    padding-top: 35px;
    border-top: solid 1px #f2f2f2;
    margin-top: 40px;
}

    .order-info-inside > .title-panel:not(:first-child) {
        margin-top: 45px;
    }

    .order-info-inside h2 {
        display: inline-block;
        margin-right: 25px;
    }

    .order-info-inside th,
    .account-info-inside th {
        border-top: 0;
        font-weight: bold;
    }

.account-top-actions {
    margin-top: 10px;
}

    .account-top-actions .link-customer-service {
        float: right;
        line-height: 34px;
    }

.account-name {
    margin: 13px 0 5px;
}

.hyp-account {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    clear: both;
}

.hyp-account-counter {
    font-weight: bold;
}

.account-info-inside {
    margin-top: 50px;
}

    .account-info-inside .sub-title {
        font-weight: bold;
        margin-right: 40px;
    }

.account-info-content {
    margin-bottom: 35px;
}

.btn-prospect {
    margin-top: 15px;
}

.tracking-link {
    display: inline-block;
    max-width: 145px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tracking-text {
    display: inline-block;
    max-width: 150px;
    word-break: break-word;
}

.gvi-orders th,
.gvi-orders td {
    padding-left: 5px;
}

    .gvi-orders th:first-child,
    .gvi-orders td:first-child {
        padding-left: 0px;
    }

.title-panel h3 {
    float: left;
    font-size: 40px;
}

.account-info-inside h3 {
    font-size: 40px;
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.title-panel > a {
    float: right;
    font-size: 20px;
    color: #4e7d9a;
    font-family: 'NettoOT Light';
    line-height: 56px;
}

.title-panel > div {
    clear: both;
}

.account-info-inside a {
    color: #0069aa;
    font-family: 'NettoOT Bold';
    font-size: 16px;
}
/*          order templates         */
.cell-check-box {
    width: 30px;
}

.templates-action {
    padding-top: 10px;
}

    .templates-action .hyp {
        padding-left: 15px;
        margin-left: 15px;
        line-height: 47px;
    }

.template-header {
    margin-bottom: 10px;
}

    .template-header .value {
        font-weight: bold;
    }

.gvi-order-details .product-title {
    font-weight: bold;
}

/*          sub accounts           */
.btn-new-sub-account {
    float: right;
}

.gvi-sub-accounts {
    margin-top: 35px;
}

    .gvi-sub-accounts .status-ok:before {
        content: '\2713';
        font-size: 25px;
    }

    .gvi-sub-accounts .status-faild:before {
        content: '\2715';
        font-size: 25px;
        font-weight: bold;
    }

.sub-account-holder .form-row {
    line-height: 35px;
}

.sub-account-holder .row-orderauthorizationrules .label {
    display: block;
    width: auto;
}

.sub-account-holder .row-orderauthorizationrules .field {
    display: block;
}

.sub-account-holder .add-limit-wrapper {
    margin-top: 10px;
}

.gvi-limits td {
    border: 0 none;
}

.gvi-limits .row-validation-wrapper td {
    padding-top: 0;
    padding-bottom: 0;
}

.gvi-limits .col-delete {
    padding-top: 12px;
    padding-right: 0;
    width: 30px;
}

.gvi .btn-iconon {
    padding: 2px 10px 0 0;
}

.btn-edit-sub-account:before {
    background: url(../../files/icons/edit-white.png);
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    height: 20px;
    width: 20px;
}

.btn-delete-sub-account:before,
.btn-delete-limit:before {
    background: url(../../files/icons/clear-white.png);
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    height: 20px;
    width: 16px;
}

/*          datepicker           */
.ui-datepicker.ui-widget-content {
    margin-top: 1px;
    border-radius: 3px;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: bold;
}

.ui-datepicker th {
    font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker .ui-datepicker-prev {
    background: url(../../files/icons/arrow-previous-light.png) center center no-repeat;
}

.ui-datepicker .ui-datepicker-next {
    background: url(../../files/icons/arrow-next-light.png) center center no-repeat;
}

.ui-datepicker .ui-datepicker-today {
    font-weight: bold;
}

.ui-datepicker td {
    line-height: 1.8em;
}

/*          basket            */
.gvi-basket td {
    vertical-align: top;
}

.gvi-basket th {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

    .gvi-basket th.basket-pro-list {
        text-align: left;
    }

.gvi-basket .vertical-line {
    position: relative;
}

    .gvi-basket .vertical-line:before {
        border-left-width: 2px;
        border-left-style: solid;
        content: '';
        position: absolute;
        top: 0;
        bottom: -15px;
        left: -125px;
    }

.gvi-basket .last-in-group .vertical-line:before {
    bottom: 0;
}

.gvi-wish-list .col-first {
    width: 90px;
}

.gvi-basket .col-price {
    width: 90px;
}

.gvi-basket .price-node,
.gvi-basket .product-total {
    font-size: 16px;
    font-family: 'NettoOT Bold';
    color: #0069aa;
    padding-top: 10px;
    display: block;
}

.gvi-basket .col-quantity {
    width: 130px;
}

.gvi-basket .col-total,
.gvi-wish-list .col-total {
    text-align: right;
}

.gvi-basket .col-price,
.gvi-basket .lbl-quantity,
.gvi-basket .product-total {
    line-height: 28px;
}

.product-total {
    white-space: nowrap;
}

.price-node {
    white-space: nowrap;
}

.cell-total-value,
.cell-price-value {
    min-width: 60px;
    display: inline-block;
    text-align: right;
}

.gvi-basket .product-img {
    float: left;
}

.gvi-basket .btn-show-hide {
    float: left;
    margin-top: 15px;
}

.hyp-recalculate {
    text-decoration: underline;
}

.hyp-reload {
    text-decoration: underline;
}

.block-actions {
    height: 47px;
}

    .block-actions .hyp-btn {
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 15px;
    }

.gvi-basket .extended-text {
    margin: 7px 0;
}

.row-state {
    display: none !important;
}

.checkout-offers {
    margin: 70px 0;
}

    .checkout-offers .ui-tabs-nav {
        padding-bottom: 10px;
    }

.basket-details h2 {
    margin-bottom: 15px;
}

ul.list-totals {
    margin: 0 0 30px 0;
}

.list-totals li {
    line-height: normal;
    clear: both;
    text-align: right;
    padding: 20px 0 0;
}

    .list-totals li:not(:last-child) {
        padding-bottom: 20px;
    }

    .list-totals li.t-row-total-price-excluding-discount {
        padding-bottom: 0;
    }

.list-totals .t-row-total-price {
    padding-top: 20px;
}

.list-totals .total-unit {
    line-height: 1;
}

.list-totals .name {
    float: none;
    display: inline-block;
    margin-right: 20px;
}

.list-totals .value {
    display: inline-block;
    text-align: right;
    white-space: nowrap;
}

.list-totals .total-value,
.list-cart .total-value,
.gvi-totals .cell-price-value {
    min-width: 70px;
    display: inline-block;
    color: #0069aa;
    font-family: 'NettoOT Bold';
}

.basket-details .list-totals .currency,
.list-totals .total-value {
    color: #0069aa;
    font-size: 16px;
    font-family: 'NettoOT Bold';
}

.t-row-total-price .name {
    font-size: 18px;
}

.gvi .font-lighter.currency-sign {
    color: #0069aa;
    font-family: 'NettoOT Bold';
}

.basket-buttons {
    margin-bottom: 0;
    text-align: center;
    background: #f2f2f2;
    padding: 25px 25px;
    line-height: initial;
    border-radius: 5px;
}

    .basket-buttons .hyp-btn {
        margin: 13px 25px;
    }

.hyp-btn-disabled {
    cursor: default;
    pointer-events: none;
}

/*.basket-action-wrapper {
    margin-bottom: 58px;
}*/

.basket-promo-text-wrapper {
    clear: both;
    margin-bottom: 20px;
}

.msg-empty-basket {
    display: none;
}

.basket-empty .msg-empty-basket {
    display: block;
}

.basket-empty .msg-basket-recalculate {
    display: none;
}

.basket-empty .gvi-basket,
.basket-empty .block-actions,
.basket-empty .enter-discount,
.basket-empty .gvi-totals,
.basket-empty .list-totals {
    display: none;
}

.basket-empty .basket-b2c-mode .panel-header {
    display: none;
}

.row-expanded .product-total,
.row-expanded .lbl-quantity {
    visibility: hidden;
}

.suggestions-wrapper {
    line-height: 1;
    padding-bottom: 20px;
}

/*          checkout            */
.checkout-page-cnt .wide .h1-holder {
    padding-top: 0;
    margin-bottom: 35px;
}

.checkout-page-cnt .wide h2 {
    margin-top: 20px;
}

.checkout-step {
    padding-top: 20px;
    margin-bottom: 60px;
}

.checkout-text {
    margin-bottom: 10px;
}

.gvi-basket-overview-title {
    margin-bottom: 20px;
}

.checkout-des {
    margin-top: 10px;
}

.terms-row {
    padding-top: 10px;
    margin-bottom: 35px;
}

    .terms-row .chb a:focus {
        text-decoration: underline;
    }

.pay-row .btn-back {
    float: left;
    line-height: 45px;
}

.next-inside .btn-back {
    margin-right: 60px;
}

.shipping-choice {
    margin-bottom: 16px;
}

.shipping-choice-content {
    display: none;
    padding-top: 30px;
    margin-bottom: 35px;
}

.active .shipping-choice-content {
    display: block;
}

.gvi-methods {
    margin-bottom: 20px;
}

    .gvi-methods tr {
        line-height: 24px;
    }

    .gvi-methods td {
        vertical-align: top;
        padding: 12px 0;
    }

    .gvi-methods th {
        padding: 4px 0;
        text-align: left;
    }

    .gvi-methods .method-title {
        vertical-align: middle;
    }

    .gvi-methods .rdb {
        margin-top: 0;
        margin-left: -2px;
    }

    .gvi-methods .radio {
        display: inline-block;
        line-height: 24px;
        vertical-align: bottom;
    }

    .gvi-methods .cell-price-value {
        min-width: 45px;
    }

    .gvi-methods .hyp-more {
        text-transform: lowercase;
    }

.method-img {
    max-height: 24px;
    margin-right: 7px;
    vertical-align: middle;
}

.weight-value-wrapper {
    margin-bottom: 15px;
}

.weight-value {
    font-weight: bold;
}

.cart-summary,
.cart-summary .list-wrapper {
    margin-bottom: 40px;
}

.cart-summary-header {
    margin-bottom: 28px;
    position: relative;
}

    .cart-summary-header .h-cart-summary {
        float: left;
    }

    .cart-summary-header .hyp-edit {
        text-decoration: underline;
        float: right;
        margin: 5px 0 0 5px;
    }

ul.list-cart {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 15px;
}

.list-cart .name {
    float: left;
}

.list-cart .value {
    display: block;
    text-align: right;
    margin-left: 60%;
}

.list-cart .subtotal {
    margin-top: 8px;
    padding-top: 7px;
}

.list-cart .total .name {
    font-weight: bold;
}

.checkout-summary h2 {
    margin-bottom: 10px;
}

ul.list-step {
    margin-bottom: 26px;
}

.list-step-title {
    font-weight: bold;
    float: left;
}

.list-step .hyp-edit {
    text-decoration: underline;
    float: right;
}

.service-info {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.additional-info {
    margin-bottom: 50px;
}

    .additional-info h4 {
        margin-bottom: 10px;
    }

.gvi-basket-overview td {
    vertical-align: top;
}

.gvi-basket-overview .col-total,
.gvi-basket-overview .col-discount{
    text-align: right;
}
.gvi-basket-overview .col-uom  {
    text-align: center;
}
.gvi-basket-overview .product-img,
.gvi-basket-overview .hyp-thumbnail {
    height: 90px;
    width: 90px;
}

.gvi-big-basket.collapsed tbody,
.gvi-big-basket.collapsed .sign-minus,
.gvi-big-basket.expanded .sign-plus {
    display: none;
}

.gvi-big-basket tfoot td {
    padding: 12px 20px;
}

.gvi-big-basket tfoot .cell-value {
    font-weight: bold;
}

.gvi-big-basket .toggle-hyp-inside {
    float: right;
}

.checkout-footer {
    clear: both;
}

    .checkout-footer .usp {
        margin: 40px 0;
    }

#submitOrderPage {
    padding-top: 5px;
}

    #deliveryInfoPage h4,
    #submitOrderPage h4 {
        margin-bottom: 15px;
    }

    #submitOrderPage .form-row {
        margin-bottom: 5px;
    }

#deliveryInfoSection,
.deliveryInfoSection  {
    padding-bottom: 30px;
}

#submitOrderPage .gvi th,
.gvi-basket-wrapper .gvi th {
    font-family: Georgia;
}

#submitOrderPage .gvi th.text-right {
    text-align: right;
}

#submitOrderPage .gvi th.text-center {
    text-align: center;
}

.gvi-basket-wrapper .action-links a {
    color: #239ccf;
    font-size: 16px;
}

.gvi-basket-wrapper .font-smaller {
    color: #a5b3ab;
    font-family: NettoOT;
    margin: 3px 0 3px 0;
}

#basketContent h2 {
    margin-bottom: 15px;
}

.gvi-basket-overview td .font-lighter {
    font-family: 'NettoOT Light';
    color: #a5b3ab;
    font-size: 14px;
    margin-top: 5px;
}

    .gvi-basket-overview td .font-lighter.currency-sign {
        font-family: 'NettoOT Bold';
        color: #0069aa;
    }


/*          totals          */
.enter-discount {
    line-height: 20px;
    text-align: left;
}

    .enter-discount .hyp {
        display: inline-block;
        /*padding-top: 8px;
        padding-bottom: 7px;*/
        vertical-align: middle;
    }

.tbx-promotion {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 160px;
}

.shipping-cost {
    display: inline-block;
}

    .shipping-cost .tooltip-sign {
        cursor: pointer;
    }

.ui-tooltip {
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    padding: 10px;
    line-height: 18px;
    width: 250px;
}





/* FAQ page */
.accordion {
    margin: 20px 0;
}

.accordion-header {
    cursor: pointer;
    padding: 15px 0 15px 40px;
}

.accordion-section {
    padding-left: 40px;
}

.accordion-header .btn-show-hide {
    float: left;
    margin-left: -40px;
}

.accordion-header.collapsed + .accordion-section {
    display: none;
}



/* news */
.list-news li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    /*margin-top: 10px;*/
    padding-bottom: 10px;
}

.news-title {
    font-weight: bold;
    margin-right: 5px;
}

.list-news-header {
    margin: 15px 0;
}

.hyp-more {
    font-weight: bold;
}






/* general popup layout */
.ui-widget-overlay {
    opacity: 0.50;
}

.ui-dialog {
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    box-sizing: border-box;
    padding: 10px 0 25px;
    position: fixed;
}

.ui-dialog-scroll {
    max-height: 100%;
    overflow: auto;
}

.fix-dialog-scroll-helper {
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 4%;
}

.ui-dialog-titlebar {
    text-align: right;
}

    .ui-dialog-titlebar .ui-dialog-title {
        display: none;
    }

.ui-dialog .ui-dialog-titlebar-close {
    border: none;
    background: none;
    padding: 0 11px 0 0;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    height: auto;
    width: auto;
}

.ui-dialog-titlebar-close .ui-button-text {
    text-indent: inherit;
}

.ui-dialog-titlebar-close .ui-icon {
    background: url(../../files/icons/close.png);
    left: auto;
    right: 0;
    margin-top: -6px;
    height: 14px;
    width: 11px;
}

.popup-cnt h2 {
    margin: 14px 0 24px 0;
}

.popup-cnt .strong-header {
    text-align: center;
    margin-bottom: 30px;
}

.popup-cnt .ftr-column {
    text-align: center;
    margin-top: 17px;
    padding: 20px 0;
}

    .popup-cnt .ftr-column .btn {
        margin: 0 30px;
    }

.popup-ftr {
    text-align: right;
}

.mfp-container {
    padding: 0;
}

.mfp-content {
    height: 100%;
}

.mfp-close {
    font-size: 4em;
}

.popup-placeholder {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    margin: 0 auto;
}




/*          Quick order         */
.choose-product {
    padding: 4px 0;
    margin-top: 29px;
}

    .choose-product .unit-of-measure {
        margin-right: 10px;
    }

.hyp-qo-title {
    line-height: 28px;
    font-weight: bold;
    font-size: 20px;
    font-family: 'NettoOT Bold';
    color: #0069aa;
}

.qo-input-area .ui-autocomplete a {
    min-height: 25px;
    padding-top: 11px;
    padding-bottom: 11px;
}

#quickOrder .choose-product > div {
    line-height: 46px;
}
/* autocomplete */
.ui-autocomplete {
    overflow-y: auto;
}

    .ui-autocomplete a {
        display: block;
        padding-left: 15px;
    }

    .ui-autocomplete .ui-state-focus a {
        text-decoration: none;
    }

/*
 * jQuery Stick Table Headers - v1.1.2
 * https://github.com/jpchip/stickytable
 */
.sticky-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
}

    .sticky-wrap .sticky-thead,
    .sticky-wrap .sticky-col,
    .sticky-wrap .sticky-intersect {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .125s ease-in-out;
        z-index: 50;
        width: auto; /* Prevent table from stretching to full size */
    }

    .sticky-wrap .sticky-thead {
        box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
        z-index: 100;
        width: 100%; /* Force stretch */
    }

    .sticky-wrap .sticky-col {
        box-shadow: 0.25em 0 0.1em -0.1em rgba(0,0,0,.125);
    }

    .sticky-wrap .sticky-intersect {
        opacity: 1;
        z-index: 150;
    }

    .sticky-wrap td,
    .sticky-wrap th {
        box-sizing: border-box;
    }

    /* assumes container element has set height... */
    .sticky-wrap.overflow-y {
        overflow-y: auto;
        max-height: 100%;
    }
/*
 * END jQuery Stick Table Headers - v1.1.2
 */



/****************************************
            Content blocks
****************************************/

/*          our payment          */
.our-methods img {
    margin: 5px;
    vertical-align: middle;
}

/*          usp         */
.usp .separator-dark {
    display: block;
    height: 39px;
    width: 12px;
}

ul.usp-list {
    display: table;
    padding: 20px 0;
    width: 100%;
}

.usp-list .usp-ico {
    margin-right: 8px;
}

.usp-list .usp-ico,
.usp-list .usp-text {
    vertical-align: middle;
}

.usp-list li {
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    min-height: 100px;
    vertical-align: middle;
}

    .usp-list li:first-child {
        text-align: left;
    }

    .usp-list li:last-child {
        text-align: right;
    }

/*Custom Styles*/
.logo-main > a, .logo-main > span {
    display: table-cell;
    vertical-align: middle;
}

.logo-main > span {
    white-space: nowrap;
    font-family: 'NettoOT';
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 20px;
    color: #a5b3ab;
}

.header-blocks-wrapper .top-action a {
    font-size: 13px;
    font-family: 'NettoOT';
}

.header-blocks-wrapper .top-action .top-hyp + .top-hyp {
    border: none;
}

.top-header .top-action .top-dropdown:not(:hover) {
    border-left: 1px solid #FFFFFF;
}

.ui-tablet .top-dropdown.login .opener.collapsed,
.ui-desktop .top-dropdown.login .opener.collapsed {
    padding-left: 30px;
}

.sticky-mode .top-dropdown.login .opener.collapsed {
    padding: 0;
    margin: 0;
}

.sticky-mode .login.top-dropdown .opener:before {
    left: 15px;
}

.top-dropdown.login:hover .login-title {
    padding-top: 7px !important;
}


.bottom-header .center {
    position: relative;
}

    .bottom-header .center .nav-opener-wrapper {
        position: relative;
    }

.menu-logo-mobile-logo {
    position: absolute;
    width: 159px;
    height: 104px;
    background-size: 100%;
    background: url('../../files/icons/menu_shape.png') no-repeat;
    top: -21px;
    left: -160px;
}

.mobile-logo {
    display: none;
}

.top-info.phone-icon.font-smaller {
    font-family: 'NettoOT';
    font-size: 14px;
}

    .top-info.phone-icon.font-smaller > a {
        color: #0069aa;
        text-decoration: none;
        font-family: 'NettoOT';
    }

        .top-info.phone-icon.font-smaller > a:hover {
            text-decoration: underline;
        }

.footer-wrapper {
    max-width: 1040px;
    padding: 0 4%;
    margin: 0 auto;
    text-align: center;
}

    .footer-wrapper .column.footer-nav {
        text-align: center;
    }

footer, .column.copyright, .nav-main {
    font-family: 'NettoOT';
}

.footer-wrapper-outer {
    background: #015e87;
    padding: 30px 0;
    font-family: 'NettoOT';
    margin-top: 40px;
}

    .footer-wrapper-outer a {
        color: #FFFFFF !important;
        font-size: 15px;
        padding-left: 0 !important;
    }

        .footer-wrapper-outer a:hover {
            text-decoration: underline;
        }

        .footer-wrapper-outer a:not(:last-child) {
            padding-right: 55px;
        }

.footer-next {
    background: #ffffff;
}

    .footer-next .columns-general.bottom {
        margin: 0 !important;
        width: 100% !important;
        text-align: center;
        padding-top: 25px;
        padding-bottom: 25px;
    }

.column.sitemap .font-h4 {
    display: none;
}

.sitemap-nav > li {
    width: 23.4%;
    display: inline-block;
    float: left;
    vertical-align: top;
}

    .sitemap-nav > li > ul > li {
        width: 190px;
        padding: 10px 0;
        font-size: 15px;
        line-height: 18px;
    }

    .sitemap-nav > li > a {
        font-size: 26px;
        line-height: 28px;
        display: block;
        padding-bottom: 20px;
        text-decoration: none;
    }

.flexi-row h1, .flexi-row h2, .flexi-row h3 {
    font-family: 'NettoOT Light';
    font-size: 60px;
    color: #0069aa;
    text-transform: capitalize;
}

.flexi-row .html-wrapper, .flexi-row .html-wrapper p {
    font-size: 14px;
    line-height: 28px;
}

/****************************************
                Content blocks
****************************************/

/*          START usp           */
.basket-page-cnt .usp-list {
    padding: 0;
}
/*          END usp           */

.logo-set {
    width: 80%;
    margin: 10px auto;
}

    .logo-set td {
        width: 13%;
        padding: 0;
        line-height: normal;
        color: #4e7d9a;
        font-family: "NettoOT Bold";
        font-weight: bold;
        padding-bottom: 10px;
        vertical-align: top;
    }

        .logo-set td > div {
            height: 40px;
            margin-bottom: 10px;
        }

        .logo-set td img {
            padding: 0 !important;
        }

.flexi-row {
    margin-bottom: 20px;
}
.content-flexipage-page.flexi-row{
    margin-bottom: 100px;
}
blockquote {
    font-size: 20px;
    font-style: italic;
    margin: auto;
    line-height: 28px;
}

    blockquote:before {
        content: '"';
        font-size: 30px;
    }

    blockquote:after {
        content: '"';
        font-size: 30px;
    }

.author {
    color: #4e7d9a;
    font-family: 'NettoOT Bold';
}
/* my account menu */
.login.top-dropdown a.hyp:before,
.logout a:before {
    background-image: url(../../files/icons/img-myaccount.png);
    background-repeat: no-repeat;
    background-size: 126px 36px;
    content: '';
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    top: 5px;
}

.top-dropdown.top-dropdown a.hyp.hyp-MyAccount:before {
    background-position: 0 0;
}

.top-dropdown.top-dropdown a.hyp.hyp-WishList:before {
    background-position: -90px -18px;
}

.top-dropdown.top-dropdown a.hyp.goto-orders:before {
    background-position: -72px 0;
}

.top-dropdown.top-dropdown a.hyp.goto-ordertemplates:before {
    background-position: -90px 0;
}

.top-dropdown.top-dropdown a.hyp.goto-planning:before {
    background-position: -108px -18px;
}

.top-dropdown.top-dropdown a.hyp.goto-editprofile:before {
    background-position: -18px 0;
}

.top-dropdown.top-dropdown a.hyp.goto-subaccounts:before {
    background-position: -54px -18px;
}

.top-dropdown.top-dropdown a.hyp.goto-authorizationhistory:before {
    background-position: -72px -18px;
}

.top-dropdown.top-dropdown a.hyp.goto-quotes:before {
    background-position: -54px 0;
}

.top-dropdown.top-dropdown a.hyp.goto-myobjects:before {
    background-position: -36px 0;
}

.top-dropdown.top-dropdown a.hyp.goto-logistics:before {
    background-position: -18px -18px;
}

.top-dropdown.top-dropdown a.hyp.goto-financial:before {
    background-position: -36px -18px;
}

.top-dropdown.top-dropdown a.hyp.goto-myactions:before {
    background-position: 0 -18px;
}

.login.top-dropdown .summary,
.top-dropdown.top-dropdown a {
    font-family: 'NettoOT Bold';
}

.logout a:before {
    background-position: -108px 0;
}

.gvi a {
    color: #0069aa;
    font-family: 'NettoOT Bold';
}

.gvi th a.asc:after {
    content: '>';
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-left: 8px;
    font-size: 12px;
}

.gvi th a.des:after {
    content: '>';
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 8px;
    font-size: 12px;
}
/* banner */
.btn.btn-purple, .btn.btn-purple:hover {
    background: #bd3f87;
    border-bottom: solid 1px #bd3f87;
}

/* HOMEPAGE */
#flexiPage > div:first-child {
    margin-top: 50px;
}

.homePage #flexiPage > div:first-child {
    margin-top: 0px;
}

.map-panel {
    text-align: left;
}

    .map-panel h3 {
        font-size: 40px;
        text-align: left;
        margin-bottom: 20px;
    }

    .map-panel > div.column:last-child > div {
        background: url('../../files/content/img-map.png') no-repeat top right;
    }

    .map-panel > div ul {
        padding-left: 0px;
        list-style: none;
    }

        .map-panel > div ul a:before {
            content: '› ';
            display: inline;
            position: relative;
            top: 50%;
            left: 0;
            line-height: 0;
            color: #bd3f87;
        }

        .map-panel > div ul li {
            margin-bottom: 10px;
            font-size: 16px;
        }

a, .font-a, .font-btn, .btn-like-link, .btn.btn-white {
    font-family: 'NettoOT Bold';
}

.sitemap .hyp {
    font-family: 'Netto OT';
}

.map-panel .btn, .map-panel .btn:hover, .map-panel .btn:visited, .map-panel .btn:active {
    background: #bd3f87;
    border-bottom: solid 1px #bd3f87;
    margin-top: 10px;
}

/* News page start*/
.tag-pane .btn {
    margin: 0 2px 5px 0;
}

.multiselect-mode {
    margin-top: 20px;
}

.list-news-header .hyp {
    line-height: 18px;
    margin-bottom: 10px;
}

    .list-news-header .hyp:before {
        top: 7px;
    }

.content > .center > #News {
    margin-top: 50px;
}

    .content > .center > #News h2,
    .content > .center > #News h4 {
        margin-bottom: 10px;
    }

.latest-news-block {
    line-height: 28px;
    text-align: left;
}

    .latest-news-block h2 {
        padding-bottom: 25px;
        margin-left: -4px;
    }

#latestNews img {
    display: none;
}

#latestNews > div {
    padding: 0;
}

#latestNews .news-title,
.list-news .news-title {
    font-family: 'NettoOT Bold';
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    color: #0069aa;
    display: inline-block;
}

#latestNews .news-short-desc {
    margin-top: 0;
    font-size: 14px;
    line-height: 28px;
    color: #565e5b;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    max-height: 78px;
}

    #latestNews .news-short-desc p {
        margin: 0;
    }

#latestNews .news-blog,
.list-news li {
    padding: 25px 0;
    border-bottom: solid 1px #edf0ee;
}

    #latestNews .news-blog:first-child,
    .list-news li:first-child {
        padding-top: 0;
    }

    #latestNews .news-blog:last-child,
    .list-news li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

.latest-more {
    float: right;
    margin-top: 35px;
}

.show-mob {
    display: none;
}

#latestNews .flexi-row {
    margin-bottom: 0;
}

#newsOverviewPage .tbx-search {
    margin: 25px 0;
}

.list-news .news-date {
    display: block;
}
/*news page end*/

/* product download */
#ProductDownloads div {
    font-size: 25px;
    font-family: NettoOT;
    color: #0069aa;
    margin-bottom: 10px;
}

#ProductDownloads ul {
    list-style: none;
    padding: 0;
    margin: auto 0 25px;
}

    #ProductDownloads ul li {
        border-bottom: solid 1px #d1deea;
    }

        #ProductDownloads ul li a {
            padding: 5px 0;
            display: inline-block;
        }

#downloads .hidden-tabs-name {
    margin-bottom: 25px;
}


.search-form .form-row .label {
    display: none;
}

#permissionOverviewPage th,
#permissionOverviewPage table td.permission-subtitle {
    font-family: "NettoOT Bold";
    font-size: 20px;
}

#permissionOverviewPage table td.permission-subtitle {
    padding-top: 20px;
}

#permissionOverviewPage td:first-child {
    font-family: Georgia;
    font-size: 18px;
    text-align: left !important;
}

#permissionOverviewPage td,
#permissionOverviewPage th {
    border-bottom: 0;
}

#permissionOverviewPage .gvi td,
#permissionOverviewPage .gvi th {
    padding: 10px 0;
    text-align: center;
}

#permissionOverviewPage table td.permission-title {
    font-size: 24px;
    font-family: NettoOT;
}

#permissionOverviewPage table.gvi {
    margin-top: 60px;
}

.permission-heading {
    font-size: 60px;
    font-family: 'NettoOT Light';
}

/* assigned location 
*/

.loc-tree {
    margin-top: 30px;
}

.location-item {
    float: left; /* desktop 4 col, tablet 3 col, mobile 1col */
    vertical-align: top;
    padding: 0px 0 40px;
}

    .location-item:hover .loc-name {
        text-decoration: underline;
    }

    .location-item[data-level="1"] {
        float: none;
        clear: both;
    }

    .location-item[data-level="1"],
    .location-item[data-level="2"],
    .loc-tree div.level-panel-2[style] 
    {
        display: block !important;
    }

    .location-item[data-nodelevel="2"] .hyp-department-panel,
    .location-item[data-nodelevel="1"] .hyp-department-panel {
        display: none;
    }

    .location-item[data-nodelevel="3"] .hyp-department-panel {
        display: inline;
    }

    .location-item .hyp-department-panel .sep {
        display: inline-block !important;
    }

    .location-item > div {
        display: table;
    }

        .location-item > div > div {
            display: table-cell;
            vertical-align: top;
        }

            .location-item > div > div:first-child {
                width: 20px;
            }

.loc-name {
    font-size: 24px;
    font-family: 'NettoOT Light';
    color: #4e7d9b;
    margin-bottom: 5px;
}

.loc-link-panel {
    font-family: 'NettoOT Bold';
    color: #0069aa;
    font-size: 12px;
}

    .loc-link-panel a,
    .loc-link-panel .lnk-sub {
        color: #0069aa;
        font-size: 14px;
        cursor: pointer;
    }

.location-item[data-child=true] .sep,
.location-item[data-child=true] .lnk-sub {
    display: inline;
}

.location-item .sep,
.location-item .lnk-sub,
.level-panel-2 > .close-contanier {
    display: none;
}

/*.level-panel[data-depth-set="2"] {
    display: block;
    border: 0;
    padding: 0;
}*/

.level-panel, #departments.level-panel {
    border: solid 1px #e6e6e6;
    border-left: 0;
    border-right: 0;
    padding: 50px 0 30px;
    clear: both;
    display: none;
    position: relative;
    margin-bottom: 50px;
}

.activeSub {
    border-bottom: 2px solid #0069aa;
}

.loc-tree > div.activeSub {
    border-bottom: 0 !important;
}

    .loc-tree > div.activeSub.dep-active {
        border-bottom: 2px solid #0069aa !important;
    }

.dep-panel.level-panel.rootParent {
    border-top: solid 1px #e6e6e6;
    margin-top: 0;
}

.close-contanier {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #686868;
    cursor: pointer;
}

    .close-contanier:after {
        content: 'x';
        font-family: 'NettoOT';
        font-size: 20px;
        margin-left: 10px;
        top: 0px;
        right: 0;
        position: relative;
    }

.column.wide > .control div.label {
    width: 25%;
}

#ActionSelect .form-row .validation {
    padding-left: 25%;
}

.column.wide .form-button {
    padding-left: 25%;
}

.set-container .set-container {
    padding-bottom: 0;
}

.level-panel-2 .set-container .set-container {
    margin-bottom: 0;
}

.hidevariant {
    display: none;
}

.location-empty-error {
    color: #c91f42;
}

.location-empty-error {
    position: absolute;
    right: -30px;
    top: 33px;
    z-index: 3;
}

    .location-empty-error span {
        position: absolute;
        top: -7px;
        left: 100%;
        color: #fff;
        background-color: #c91f42;
        box-sizing: border-box;
        padding: 6px 10px;
        min-width: 150px;
        margin-left: 6px;
        font-family: 'Georgia';
    }

        .location-empty-error span:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: solid 6px transparent;
            border-right-color: #c91f42;
            border-left-width: 0;
            position: absolute;
            top: 11px;
            left: -6px;
        }

    .location-empty-error:before {
        content: "a";
        color: #c91f42;
        display: inline-block;
        background-color: red;
        background: url(/content/files/icons/form-invalid.png) no-repeat scroll left center;
        width: 20px;
    }

.dep-panel.level-panel {
    border-top: 0px;
    margin-top: -50px;
    padding-bottom: 50px;
}

.dept-details {
    float: left;
    width: 25%;
    padding-right: 2%;
    box-sizing: border-box;
    padding-left: 20px;
}

    .dept-details .dept-name {
        font-weight: bold;
    }

    .dept-details .empty-msg {
        font-weight: normal;
    }


.error-red {
    color: #c91f42;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    white-space: normal;
}


/* flow block styling */
.flow-blockmenu-tiles.columns-general {
    display: block;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
    margin: 0;
}

    .flow-blockmenu-tiles.columns-general:after {
        clear: both;
        content: '';
        height: 0;
        width: 0;
    }

    .flow-blockmenu-tiles.columns-general > .column {
        width: 25%;
        float: left;
        padding: 0;
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .flow-blockmenu-tiles.columns-general > .column .flow-panel {
            display: table;
            width: 100%;
            overflow: hidden;
        }



        .flow-blockmenu-tiles.columns-general > .column .fieldset-value {
            text-align: center;
            vertical-align: middle;
            display: table-cell;
            width: 100%;
            padding: 45px 10% 85px;
            color: #fff;
            font-family: Georgia;
            font-size: 20px;
        }

        .flow-blockmenu-tiles.columns-general > .column img {
            position: absolute;
            visibility: hidden;
            left: 0;
        }

        .flow-blockmenu-tiles.columns-general > .column .more-link {
            bottom: 35px;
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            text-align: center;
            padding-top: 15px;
            color: #fff;
        }

            .flow-blockmenu-tiles.columns-general > .column .more-link:before {
                content: '';
                border-top: solid 1px #7197af;
                width: 50px;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                margin: auto;
            }

        .flow-blockmenu-tiles.columns-general > .column.flow-blockmenu-desc-panel {
            width: 50%;
        }

        .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description span {
            color: #4e7d9a;
            display: block;
            box-sizing: border-box;
            text-align: left;
            padding: 45px 15px 0;
            font-size: 50px;
            line-height: 50px;
            font-family: 'NettoOT Light';
            width: auto;
        }

        .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description .link-text span,
        .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description a.link-text {
            color: #afba40;
            width: auto;
            font-size: 14px;
            line-height: normal;
            font-family: 'NettoOT Bold';
            padding: 0;
        }

        .flow-blockmenu-tiles.columns-general > .column .flow-blockmenu-description .link-text {
            margin: 15px 0 25px 15px;
            display: inline-block;
        }

    .flow-blockmenu-tiles.columns-general a:hover {
        text-decoration: none;
    }

/* multi column styling */
.gvi-multirow th,
.gvi-multirow td {
    vertical-align: top;
    white-space: normal;
}

    .gvi-multirow td > div:first-child,
    .gvi-multirow th > div:first-child {
        margin-bottom: 15px;
    }


/* temp styling */
.multi-data > div {
    min-height: 20px;
}

#dynamic-form-page .h1-holder {
    margin-bottom: 20px;
}

/* Form Generator */
.form-title {
    margin-bottom: 20px;
}

.form-description {
    margin-bottom: 20px;
}

.form-footer {
    margin-top: 10px;
}


.column-form-validator .form-row {
    width: 100%;
    float: left;
}

.form-row[data-settings-viewname="string_sectionheader"][data-settings-hidelable="true"] {
    display: none;
}

.form-row[data-settings-viewname="string_sectionheader"][data-settings-hidelable="false"] {
    display: block;
}

.form-row[data-settings-viewname="string_sectionheader"] {
    padding-left: 0px;
    border-top: 1px solid;
    position: relative;
    margin-bottom: 25px;
    margin-top: 20px;
    color: #0d6cb6;
    width: auto !important;
    font-size: 20px;
    font-family: 'NettoOT Light';
}

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"],
    .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"] label {
        cursor: pointer;
    }

        .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"] label {
            margin-left: 40px;
        }

        .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"]:hover {
            color: #f8971d;
        }

        .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"]:before {
            content: '';
            position: absolute;
            top: -1px;
            left: 12px;
            width: 18px;
            height: 18px;
            box-sizing: border-box;
            border: 1px solid;
            border-top-color: #fff !important;
        }

        .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"]:after {
            content: '';
            position: absolute;
            left: 18px;
            top: 2px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent #003f7e;
        }

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-isexpanded="true"]:hover:after {
        border-color: transparent transparent transparent #f8971d;
    }

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-isexpanded="false"]:after {
        left: 15px;
        top: 5px;
        border-width: 5px 5px 0 5px;
        border-color: #003f7e transparent transparent transparent;
    }

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-isexpanded="false"]:hover:after {
        border-color: #f8971d transparent transparent transparent;
    }

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"][data-settings-isexpanded="false"] ~ .form-row {
        display: none;
    }

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="false"][data-settings-isexpanded="true"] ~ .form-row {
        display: block;
    }

        .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="false"][data-settings-isexpanded="true"] ~ .form-row + .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"][data-settings-isexpanded="false"] ~ .form-row {
            display: none;
        }

    .form-row[data-settings-viewname="string_sectionheader"][data-settings-expandable="true"][data-settings-isexpanded="false"] ~ .form-row[data-settings-viewname="string_sectionheader"]:not([data-settings-hidelable="true"]) {
        display: block;
    }

    .form-row[data-settings-viewname="string_sectionheader"] .label + .field {
        display: none;
    }

.form-row[data-settings-viewname="check_list"] .check-list-item-label,
.form-row[data-settings-viewname="radio_list"] .radio {
    padding-right: 10px;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}

.form-row[data-settings-viewname="radio_list"] label.radio .rdb {
    padding-left: 0;
}

.form-row[data-settings-viewname="check_list"][data-settings-columns_amount="1"] .check-list-item-label,
.form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="1"] .radio,
.form-row[data-settings-viewname="check_list"][data-settings-columns_amount="0"] .check-list-item-label,
.form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="0"] .radio {
    width: 100%;
    float: left;
}

.form-row[data-settings-viewname="check_list"][data-settings-columns_amount="2"] .check-list-item-label,
.form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="2"] .radio {
    width: 49%;
    float: left;
}

.form-row[data-settings-viewname="check_list"][data-settings-columns_amount="3"] .check-list-item-label,
.form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="3"] .radio {
    width: 33.33%;
    float: left;
}

.form-row[data-settings-viewname="check_list"][data-settings-columns_amount="4"] .check-list-item-label,
.form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="4"] .radio {
    width: 25%;
    float: left;
}

    .form-row[data-settings-viewname="check_list"][data-settings-columns_amount="2"] .check-list-item-label:nth-child(2n+1),
    .form-row[data-settings-viewname="check_list"][data-settings-columns_amount="3"] .check-list-item-label:nth-child(3n+1),
    .form-row[data-settings-viewname="check_list"][data-settings-columns_amount="4"] .check-list-item-label:nth-child(4n+1),
    .form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="2"] .radio:nth-child(2n+1),
    .form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="3"] .radio:nth-child(3n+1),
    .form-row[data-settings-viewname="radio_list"][data-settings-columns_amount="4"] .radio:nth-child(4n+1) {
        clear: both;
    }

.form-row.s-p-columns_amount-2 {
    float: left;
    width: 48%;
}

.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]) {
    padding-right: 2%;
    clear: both;
}

.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]),
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2 + .s-p-columns_amount-2:not([data-settings-viewname="string_sectionheader"]) {
    padding-left: 2%;
}

.form-row.s-p-columns_amount-3 {
    float: left;
    width: 31%;
}

.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3,
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3,
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3,
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 {
    padding-right: 3.5%;
    clear: both;
}

    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3,
    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3,
    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3,
    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 + .s-p-columns_amount-3 {
        padding-left: 3.5%;
    }

.form-row.s-p-columns_amount-4 {
    float: left;
    width: 23.5%;
}

.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4,
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
.form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 {
    padding-right: 2%;
    clear: both;
}

    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4,
    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
    .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 {
        padding-right: 1%;
    }

        .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
        .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
        .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
        .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 {
            padding-left: 1%;
        }


            .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
            .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
            .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4,
            .form-row[data-settings-viewname="string_sectionheader"] + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 + .s-p-columns_amount-4 {
                padding-left: 2%;
            }


.column-form-validator .s-p-columns_amount-2 .ui-selectmenu-button {
    width: 99% !important;
}

.column-form-validator .s-p-columns_amount-3 .ui-selectmenu-button,
.column-form-validator .s-p-columns_amount-4 .ui-selectmenu-button {
    width: 98% !important;
}


.column-form-validator .form-button {
    padding-left: 0;
    width: 100%;
    display: inline-block;
}

    .column-form-validator .form-button .btn {
        float: right;
    }

flexi-row-center .column-form-validator .semicolumn {
    width: 100%;
}

.field-type-file_upload {
    overflow: hidden;
}

    .field-type-file_upload[data-settings-p-columns_amount="2"],
    .field-type-file_upload[data-settings-p-columns_amount="3"],
    .field-type-file_upload[data-settings-p-columns_amount="4"] {
        margin-top: 6px;
    }

.flexi-row-left .column-form-validator .semicolumn,
.flexi-row-right .column-form-validator .semicolumn {
    width: 100%;
}

    .flexi-row-right .column-form-validator .semicolumn .form-row:not([data-settings-viewname="string_sectionheader"]) {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.column.wide .flexi-row-left.FormContentBlock {
    padding-left: 0;
}

.field-type-file_upload .tar {
    border-color: transparent;
    box-shadow: none;
}

.column .column-form-validator input[type="file"] {
    max-width: 100%;
}

/* End Form Generator */


/* object tracking */
.object-title {
    width: 100%;
}

    .object-title div {
        display: inline-block;
        width: 49.5%;
    }

        .object-title div:last-child {
            text-align: right;
        }

.object-prop-table-panel {
    vertical-align: top;
    display: table;
    width: 100%;
}

    .object-prop-table-panel > div {
        display: table-cell;
        width: 50%;
    }

#objectDetailPage .details-info a.hyp-print-preview {
    margin-right: 0;
}

.object-prop-table-panel .gvi-name-value .name {
    width: 45%;
}

.action-mode-panel .ddlb {
    max-width: 60%;
    float: left;
    margin-right: 20px;
    min-width: 34%;
}

.object-prop-table-panel tr td,
.object-prop-table-panel tr {
    border: 0;
}

.object-prop-table-panel .font-name-value .name {
    font-family: NettoOT;
    padding-left:0px;
}

.object-prop-table-panel .font-name-value .value {
    color: #565e5b;
}

.obj-desc {
    margin: 20px 0 60px;
}
/* request profile */
.advise-block {
    padding: 20px 45px;
    border: solid 1px #d3d5d4;
    border-left: 0;
    border-right: 0;
}

    .advise-block .pro-img {
        width: 150px;
        height: 150px;
    }

.advise-block {
    display: table;
    vertical-align: middle;
}

    .advise-block > div {
        display: table-cell;
        vertical-align: middle;
    }

        .advise-block > div.img-pane {
            width: 150px;
            margin-right: 40px;
        }

    .advise-block .quote-pane {
        padding: 0 50px 0 45px;
    }

.action-pane {
    width: 200px;
}

.advise-block .quote-pane .pro-name {
    padding-top: 10px;
}

    .advise-block .quote-pane .pro-name:before {
        content: '-  ';
    }

.btnadvisory {
    margin-top: 70px;
}

/* checkout page styling */
.wf-active .checkout-page-cnt h2 {
    font-family: 'NettoOT Bold';
    font-size: 40px;
}
/* social sharing */
.productlist-list-page .content > div > div.flexi-row:first-child .social-sharing-block  {
    border-top: 0px;
}
.a2a_default_style a {
    float: none !important;
    display: inline-block;
}

.social-sharing-block {
    padding: 28px 45px 20px;
    border: solid 1px #d3d5d4;
    border-left: 0;
    border-right: 0;
}

.addthis_inline_share_toolbox {
    display: inline-block;
}

.social-title {
    display: inline-block;
    line-height: 0;
    position: relative;
    top: -10px;
    margin-right: 15px;
    font-family: 'NettoOT Light';
    font-size: 30px;
    color: #0069aa
}

.col-download a {
    display: block;
}
/* action detail view */
.action-detail-view {
    margin-left:0px;
}
.action-detail-view  .name {
    padding-left: 0;
    padding-right: 15px;
}
.action-detail-view td {
    border-bottom: 0;
}
.action-detail-view td.value {
    padding-left: 1%;
}
.cart-action {
    display: table;
    width: 100%;
    padding-top: 70px;
    border-top: solid 1px #f2f2f2;
}

    .cart-action > div {
        display: table-cell;
    }

    .cart-action .cart-action-panel {
        text-align: right;
    }

    .cart-action .back-panel {
        text-align: left;
    }

    .cart-action .btn-quote {
        margin-right: 20px;
    }

/* social sharing */
.at-style-responsive .at-share-btn {
        padding: 0 !important;
    border-radius: 5px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
        padding: 0px 2px;
}
.at-resp-share-element .at-share-btn.at-svc-twitter .at-icon-wrapper {
    background: #1e96e0;
}

.at-resp-share-element .at-share-btn.at-svc-linkedin .at-icon-wrapper {
    background: #0068a6;
}

.at-resp-share-element .at-share-btn.at-svc-google_plusone_share .at-icon-wrapper {
    background: #c13a2d;
}

/* quick links */
.quk-link-title {
        font-size: 1.4em;
    font-family: 'NettoOT Light';
    color: #0069aa;
}

.quick-link-hyp {
        color: #4c4c4c;
}
    .filters-wrapper .quick-link-panel.hide-mob {
        display: none;
    }


.column-form-validator, .column-form-validator  .column > .wrapper, .column-form-validator .form-holder{
    padding-top:0;
}