//
// For each shop client you could create its own less file
// template_[shop_id].less
// @example for shop client id 1 name it 'template_1.less'
//
// You can also write regular css the file 'stylesheet.css'
// or for shop client id 1 name it 'stylesheet_1.less'.
//
// NOTICE: Avoid any cowboy coding in this file!
//

//VARIABLES
@ew-global-min-width: 320px;
@ew-main-margin: 6px;

//COLORS
//ignored, when plugin config is present
@brand-primary: #b35500;
@brand-secondary: #393E46;
@brand-secondary-light: lighten(@brand-secondary, 30%);
@brand-primary-light: lighten(@brand-primary, 10%);
@brand-primary-dark: darken(@brand-primary, 5%);
@gray-darker: lighten(#000, 13.5%);
@gray-dark: lighten(#000, 20%);
@gray: lighten(#000, 33.5%);
@gray-light: lighten(#000, 30.7%);
@ew-gray-light: lighten(#000, 60%);
@gray-lighter: lighten(#000, 93.5%);
@input-border-focus: @brand-primary;

/**
* FIXES
*/
* {
    outline: 0 none !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    font-weight: 400;
}

//overflow hidden because of slide animations
body {
    overflow-x: hidden;
}

/**
* TYPOGRAPHY
*
* PT-Sans Fonts:
*   @see http://www.fontsquirrel.com/fonts/pt-sans
*   font-family: 'pt_sans_narrowregular';
*   font-family: 'pt_sans_narrowbold';
*/
@ew-font-family-regular: "pt_sans_narrowregular", Helvetica, Arial, sans-serif;
@font-family-sans-serif: @ew-font-family-regular;
@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_regular_macroman-webfont.eot');
    src: url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_regular_macroman-webfont.eot?#iefix') format('embedded-opentype'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_regular_macroman-webfont.woff2') format('woff2'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_regular_macroman-webfont.woff') format('woff'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_regular_macroman-webfont.ttf') format('truetype'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_regular_macroman-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@ew-font-family-bold: "pt_sans_narrowbold", Helvetica, Arial, sans-serif;
@headings-font-family: @ew-font-family-bold;
@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_bold_macroman-webfont.eot');
    src: url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_bold_macroman-webfont.eot?#iefix') format('embedded-opentype'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_bold_macroman-webfont.woff2') format('woff2'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_bold_macroman-webfont.woff') format('woff'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_bold_macroman-webfont.ttf') format('truetype'),
    url('./../../ew_evelations/fonts/ptsansnarrow/ptsansnarrow_bold_macroman-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-size-base: 18px;
@font-size-fa-base: 21px;
//dividing the targeted line-height size by the font-size
@line-height-base: 26 / unit(@font-size-base);
@ew-font-size-small: 17px;
@ew-font-size-smaller: 16px;
@ew-font-size-huge: 27px;

@ew-font-size-base-calculation: @ew-font-size-small;
@font-size-h1: floor((@ew-font-size-base-calculation * 1.9));
@font-size-h2: floor((@ew-font-size-base-calculation * 1.7));
@font-size-h3: ceil((@ew-font-size-base-calculation * 1.4));
@font-size-h4: ceil((@ew-font-size-base-calculation * 1.10));
@font-size-h5: @ew-font-size-base-calculation;
@font-size-h6: ceil((@ew-font-size-base-calculation * 0.85));

@ew-bold-font-weight: normal;
@headings-font-weight: @ew-bold-font-weight;
@alert-link-font-weight: @ew-bold-font-weight;
@alert-link-font-weight: @ew-bold-font-weight;
@badge-font-weight: @ew-bold-font-weight;
@close-font-weight: @ew-bold-font-weight;

@border-radius-base: 2px;
@btn-default-bg: @gray-lighter;

@list-group-active-bg: @gray-light;
@list-group-hover-bg: @gray-light;

/**
* SECONDARY STYLE
**/
// Buttons
@btn-secondary-color: #fff;
@btn-secondary-bg: @brand-secondary;
@btn-secondary-border: darken(@btn-secondary-bg, 5%);
@btn-cart-color: @btn-primary-color;
@btn-cart-bg: @btn-primary-bg;
@btn-cart-border: @btn-primary-border;

// Labels
@label-secondary-bg: @brand-secondary;

// Alerts
@state-secondary-text: @brand-secondary;
@state-secondary-bg: lighten(@state-secondary-text, 65%);
@state-secondary-border: darken(spin(@state-secondary-bg, -10), 7%);
@alert-secondary-bg: @state-secondary-bg;
@alert-secondary-text: @state-secondary-text;
@alert-secondary-border: @state-secondary-border;

// Progress Bars
@progress-bar-secondary-bg: @brand-secondary;

// Panels
@panel-secondary-text:          #fff;
@panel-secondary-border:        @brand-secondary;
@panel-secondary-heading-bg:    @brand-secondary;

/**
* CAROUSEL
*/
@ew-carousel-icon-width: 44px;
@ew-carousel-icon-height: 44px;
@ew-carousel-icon-size: @ew-font-size-smaller;
@ew-carousel-icon-background: @gray;
@ew-carousel-icon-color: #FFF;
@ew-carousel-icon-border: 1px solid darken(@ew-carousel-icon-background, 10%);
@ew-carousel-icon-loading-color: @gray-lighter;
// teaser slideshow
@ew-carousel-teaser-icon-background: white;
@ew-carousel-teaser-icon-color: @brand-primary;

h1 {
    margin-top: 5px;
    padding-top: 0;
}

.headline,
.headline-underline {
    .h4;
}

b, strong, dt, label, th, .label {
    font-weight: @ew-bold-font-weight;
    font-family: @headings-font-family;
}

label.btn, .label.btn,
small {
    font-family: @font-family-sans-serif;
}

/**
* GRID
*/
#site-wrap,
#site-wrap > .container,
#site-wrap > .container-fluid,
#main-navigation,
#meta-navigation {
    min-width: @ew-global-min-width;
}

#content .secondary {
    overflow: hidden;
    @media (max-width: @screen-xs-max) {
        hr {
            margin-bottom: @grid-gutter-width;
        }
    }
}

.product-listing, .products-box, .cart-listing, .cart-listing-xs, .reviews-wrap {
    .price, .price-new, .product-price {
        font-size: @font-size-base + 1;
        .h5;
        margin: 0;
    }
    .price-new {
        color: @brand-primary;
    }
    .panel-discount .price-discount {
        position: absolute;
        right: @grid-gutter-width;
        top: @grid-gutter-width / 2;
        z-index: 10;
        border-radius: 50%;
        line-height: 38px;
        height: 35px;
        width: 35px;
        text-align: center;
        font-family: @ew-font-family-bold;
        font-size: @ew-font-size-smaller - 3;
        display: block !important;
        color: white !important;
        background-color: @brand-primary;
        .box-shadow(2px 3px 3px 0 rgba(41, 41, 41, .2));
    }
    .product-date-available {
        position: absolute;
        left: @grid-gutter-width;
        top: @grid-gutter-width / 2;
        z-index: 10;
        border-radius: 30px;
        line-height: 38px;
        height: 35px;
        min-width: 35px;
        text-align: center;
        font-family: @ew-font-family-bold;
        font-size: @ew-font-size-smaller - 3;
        display: block !important;
        padding: 0 10px;
        color: white !important;
        background-color: @brand-info;
        .box-shadow(2px 3px 3px 0 rgba(41, 41, 41, .2));
        .fa {
            position: relative;
            top: -1px;
        }
    }
}

.product-listing-v2 {
    .panel-discount .price-discount {
        right: @grid-gutter-width / 2;
        top: 0;
    }
}

hr {
    margin: (@grid-gutter-width / 2) 0;
}

/**
* FORM STYLE
*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    .form-control;
}

.label {
    vertical-align: middle;
    padding: 0.4em 0.6em 0.1em;
}

label a, .label a {
    text-decoration: underline;
}

fieldset {
    margin-bottom: @grid-gutter-width / 2;
}

.required {
    color: #b11d1a;
}

label .required {
    margin-left: 0.1em;
}

.img-circle {
    border-radius: 50%;
}

.btn-xs .glyphicon,
.btn-xs .fa {
    font-size: @ew-font-size-smaller - 2;
}

.btn-xs {
    font-size: @ew-font-size-smaller;
}

/**
* QTY Button Group
*/
input.qty {
    text-align: center;
    max-width: 50px;
    min-width: 35px;
}

.qty-group {
    max-width: 130px;
    input.qty {
        max-width: none;
        border-color: @gray-lighter;
    }
}

/**
* BUTTONS
*/
input[type='submit'], input[type='button'], input[type='file'],
button, .button {
    .btn;
    .btn-default;
}

button.close {
    background: transparent;
    border: 0 none;
    box-shadow: none;
}

.btn-lg .glyphicon, .btn-lg .glyphicon, .btn-lg .glyphicon {
    top: 4px;
}

.btn {
    border: 0 none;
}

.btn-image {
    &, &:hover, &:active, &:focus {
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border: 0 none !important;
        box-shadow: none !important;
    }
}

/**
* MAIN NAVIGATION
*/
@navbar-default-bg: @brand-secondary;
@navbar-border-radius: 0;
@navbar-default-color: #FFF;
@navbar-default-color: #FFF;
@navbar-default-link-color: @navbar-default-color;
@navbar-default-link-hover-color: @navbar-default-link-color;
@navbar-default-link-disabled-color: lighten(@navbar-default-bg, 20%);
@navbar-default-link-active-color: @navbar-default-link-color;
@navbar-default-link-hover-bg: darken(@navbar-default-bg, 8%);
@navbar-default-link-active-bg: darken(@navbar-default-bg, 5%);
@navbar-default-link-disabled-bg: @navbar-default-bg;
@navbar-default-border: darken(@navbar-default-bg, 10%);
@navbar-default-toggle-hover-bg: @navbar-default-link-hover-bg;
@navbar-default-toggle-icon-bar-bg: @navbar-default-color;
#main-navigation {
    margin-bottom: 0;
    z-index: 1039;
    background-color: @navbar-default-bg;
    #gradient > .vertical(@navbar-default-bg, darken(@navbar-default-bg,3%));
    .box-cart {
        display: none;
        visibility: hidden;
    }
    @media (min-width: @screen-sm-min) {
        .navbar-nav {
            .button-cart {
                padding: 4px 8px;
                margin-right: 0;
            }
            margin-left: -@grid-gutter-width;
        }

        .nav-scroller {
            .navbar-nav {
                margin-left: 0;
            }
        }

        .navbar-right.navbar-form {
            padding-right: 0;
        }

        .glyphicon {
            font-size: @ew-font-size-small;
            top: 1px;
        }

        .dropdown-menu {
            background-color: darken(@navbar-default-bg, 10%);
        }

        .dropdown-menu > li > a {
            color: #EEE;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #FFF;
            background-color: darken(@navbar-default-bg, 15%);
        }

        .navbar-form {
            input.form-control {
                border-color: @navbar-default-border;
            }
            button.btn {
                border-color: darken(@navbar-default-bg, 10%);
                color: @navbar-default-color;
                background-color: lighten(@navbar-default-bg, 8%);
            }
            button.btn:hover,
            button.btn:active {
                background-color: lighten(@navbar-default-bg, 5%);
            }
            button.btn.dropdown-toggle {
                background-color: @navbar-default-bg;
            }
        }

        .navbar-nav > li > .dropdown-toggle:focus {
            background-color: @navbar-default-bg;
        }

        .navbar-nav > li.active > .dropdown-toggle:focus {
            background-color: darken(@navbar-default-bg, 5%);
        }

        .navbar-nav > .open > a,
        .mega-visible {
            background-color: darken(@navbar-default-bg, 10%) !important;
        }

        .dropdown-menu .divider {
            background-color: darken(@navbar-default-bg, 5%);
            margin: 0;
        }
    }
    @media (max-width: @screen-xs-max) {
        &.navbar-default {
            border-color: @navbar-default-bg !important;
            border-width: 0;
            border-top-width: 1px;
        }

        button.navbar-toggle {
            background-color: lighten(@navbar-default-bg, 8%);
            padding: 10px;
            border-width: 0;
            float: left;
            margin-left: @navbar-padding-horizontal;
            margin-right: 0;
        }

        .btn-mobile {
            min-width: 42px;
            height: 36px;
        }

        .nav-name {
            width: 100%;
        }

        .navbar-right.navbar-form {
            margin-bottom: 0;
        }

        .navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
        .navbar-nav > li:hover > a, .navbar-nav > li:focus > a {
            background-color: @navbar-default-link-hover-bg;
        }

        .navbar-nav > li > a.dropdown-linker, .btn-home {
            position: absolute;
            z-index: 10;
            right: 0;
            padding: 5px 14px;
            margin: 5px @navbar-padding-horizontal;
            background-color: lighten(@navbar-default-bg, 8%);
            border-color: darken(@navbar-default-bg, 10%);
            font-size: @ew-font-size-small;
            &:hover,
            &:active {
                background-color: lighten(@navbar-default-bg, 5%);
            }
            .up {
                display: none;
            }
        }

        .navbar-nav > li.open {
            .up {
                display: inline-block !important;
            }
            .down {
                display: none;
            }
        }

        .navbar-nav {
            margin-top: 0;
            margin-bottom: 0;
            background-color: @navbar-default-bg;
        }

        .navbar-header {
            border-bottom: 1px solid lighten(@navbar-default-bg, 2%);
        }

        .home-btn, .search-btn {
            float: right;
            margin: 8px 2px;
            color: #fff;
            background-color: lighten(@navbar-default-bg, 8%);
        }

        .home-btn {
            margin-right: @navbar-padding-horizontal;
        }
    }

    .toggle-button, .link-button {
        width: 14px;
    }

    /* cart button */
    .nav-button-cart {
        display: none;
    }

    /* affix */
    &.affix,
    &.affix-bottom {
        position: fixed;
        z-index: 1043;
        top: 0;
        left: 0;
        width: 100%;
        .box-shadow(0 4px 5px 2px rgba(0, 0, 0, 0.1));
        .nav-button-cart {
            display: block;
        }
    }
    &.affix-bottom {
        position: absolute;
    }
}

/**
* nav-scroller
*/

.nav-scroller {
    margin-left: -@grid-gutter-width;
    margin-right: -@grid-gutter-width;
    .nav-scroller-wrapper {
        overflow-x: hidden;
        height: @navbar-height;
        .nav-scroller-items {
            min-width: 3000px;
        }
    }
    .nav-scroller-btn {
        text-align: center;
        cursor: pointer;
        display: none;
        line-height: @navbar-height;
        background-color: @navbar-default-bg;
        width: @grid-gutter-width;
        color: #FFF;
    }
}

/**
* META NAVIGATION
*/
@ew-meta-navigation-height: 46px;
@ew-meta-navigation-height-xs-min: @ew-meta-navigation-height+12;
#meta-navigation {
    font-size: @ew-font-size-smaller;
    height: @ew-meta-navigation-height;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid darken(@gray-lighter, 2%);
    background-color: lighten(@gray-lighter, 3%);
    padding-top: 6px;

    .list-inline {
        padding: 0;
    }
    .fa {
        color: @gray;
        padding-right: 2px;
    }
    .customer-name {
        color: lighten(@gray-light, 8%);
        font-size: ceil((@ew-font-size-base-calculation * 0.95));;
    }
    a:not(.btn) {
        color: @gray;
    }
    ul {
        margin: 0;
        padding: 0 0 0 @navbar-padding-horizontal;
        li {
            padding: 6px 10px 6px 10px;
        }
        li:first-child {
            padding-left: 0;
        }
        li:last-child {
            padding-right: 0;
        }
    }

    .fa {
        font-size: @font-size-base;
    }

    .checkout-icon {
        font-size: @font-size-base + 1;
    }
    .meta-infotext {
        color: @gray-light;
        .fa {
            color: @gray-light;
        }
        a .fa {
            color: @gray;
        }
    }
    .modal {
        white-space: normal !important;
        .modal-title {
            color: @gray-dark;
        }
    }
    @media (max-width: @screen-xs-max) {
        .list-inline {
            float: none !important;
            .text-center;
        }
    }
}

/**
* SIDEBAR
*/
#content .secondary .sidebar-box {
    margin-bottom: @grid-gutter-width;
    padding-bottom: @grid-gutter-width - 10;
    border-bottom: 1px solid @gray-lighter;
}

#content .secondary .sidebar-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
}

/**
* SIDEBAR CATEGORIES NAVIGATION
*/
@ew-box-categories-horizontal-padding: @grid-gutter-width / 2;
@ew-box-categories-vertical-padding: 8px;
@panel-default-border: 0px;
@panel-primary-border: 0px;
@panel-success-border: 0px;
@panel-info-border: 0px;
@panel-warning-border: 0px;
@panel-danger-border: 0px;

#box-categories {
    ul {
        list-style: none;
        li {
            margin: 0;
            a {
                border-radius: 0;
                padding-top: @ew-box-categories-vertical-padding;
                padding-bottom: @ew-box-categories-vertical-padding;
            }
            ul {
                padding: (@ew-box-categories-vertical-padding / 2) 0 (@ew-box-categories-vertical-padding / 2) @ew-box-categories-horizontal-padding;
                li {
                    padding-top: 2px;
                    padding-bottom: 2px;
                    position: relative;
                    .list-icon {
                        position: relative;
                        top: -2px;
                    }
                    a {
                        color: @gray;
                    }
                    &.active > a {
                        color: @brand-secondary;
                        text-decoration: underline;
                    }
                    &.current > a {
                        font-family: @ew-font-family-bold;
                        color: @brand-secondary;
                        text-decoration: underline;
                    }
                }
            }
        }
        li > ul {
            padding-left: @ew-box-categories-horizontal-padding;
            padding-right: @ew-box-categories-horizontal-padding;
            ul {
                padding-right: 0;
            }
        }
    }
    ul > li.last > a {
        .border-bottom-radius(@border-radius-base);
    }
    ul > li.last.has-subs > a {
        border-radius: 0;
    }
    &.panel-default {
        background-color: lighten(@gray-lighter, 2%);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border: 0;
        .panel-heading {
            background-color: lighten(@brand-secondary, 20%);
            color: #FFF;
            padding-left: @ew-box-categories-horizontal-padding;
            padding-right: @ew-box-categories-horizontal-padding;
        }
        .nav-pills {
            a {
                color: @brand-secondary;
            }
            > li {
                &.cat-level-3, &.cat-level-4, &.cat-level-5 {
                    a {
                        &:before {
                            position: relative;
                            content: '\203A';
                            font-size: @ew-font-size-small;
                            margin-right: 5px;
                            top: -2px;
                        }
                    }
                }
                &.cat-level-4 {
                    a {
                        padding-left: 20px;
                    }
                }
                &.cat-level-5 {
                    a {
                        padding-left: 25px;
                    }
                }
                &.active {
                    a {
                        color: #fff;
                        background-color: lighten(@brand-primary, 0%);
                    }
                    &.cat-level-3, &.cat-level-4, &.cat-level-5 {
                        a {
                            background-color: lighten(@gray-lighter, 2%);
                            color: @brand-primary;
                            &:hover {
                                background-color: darken(@gray-lighter, 0%);
                            }
                        }
                    }
                    &.current {
                        a {
                            color: @brand-primary;
                            font-weight: bold;
                            background-color: darken(@gray-lighter, 2%);
                            &:hover {
                                background-color: darken(@gray-lighter, 6%);
                            }
                        }
                        &.cat-level-2 {
                            a {
                                color: white;
                                background-color: @brand-primary;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**
* SIDEBAR CONTENT ACCORDION
*/
#sidebar-content {
    .panel-title a {
        text-decoration: underline;
    }
    .panel-title a:hover {
        text-decoration: underline;
    }
}

/**
* SIDEBAR TOGGLE
*/
#sidebar-products {
    .product-info {
        p:last-child {
            margin-bottom: 0;
        }
        @media (min-width: @screen-lg-min) {
            padding-left: 0 !important;
            .product-name {
                margin-top: 2px;
            }
        }
    }
    .product-image {
        margin-bottom: 10px;
        .image-link {
            min-height: 69px;
        }
    }
    .row {
        overflow: hidden;
    }
    .product-price, .product-price * {
        white-space: normal;
    }
    /*switch*/
    .switch-area .switch-button .less,
    .switch-area .item .seperator {
        display: none;
    }
    .switch-area.switch-bounce-finish {
        .switch-button {
            .less {
                display: inline-block;
            }
            .more {
                display: none;
            }
        }
    }
    .switch-area.switch-bounce {
        .switch-items .item .seperator {
            display: block;
        }
    }
}

/**
 * 	SEARCH BOX
 */
#box-search {
    float: right;
    margin-top: 16px;
    @media (min-width: @screen-md-min) {
        margin-top: 10px;
    }
    @media (min-width: @screen-lg-min) {
        margin-top: 16px;
    }
    .btn-group {
        float: left;
        button {
            width: 40px;
            height: 40px;
            background-color: lighten(@brand-secondary, 10%);
            border: 0;
            margin-left: -30px;
            i {
                color: #FFF;
                font-size: ceil((@ew-font-size-base-calculation * 1.2));
            }
        }
    }
    .btn {
        padding-top: 7px;
    }
    .form-group {
        float: left;
        margin-bottom: 0;
        input {
            height: 40px;
            width: 204px;
            font-size: @ew-font-size-small;
            border-radius: 50px;
            padding-right: 40px;
            border-color: #EEE;
            &.in {
                .animation(SearchToBig ease-in-out 0.2s forwards);
            }
            &.out {
                .animation(SearchToSmall ease-in-out 0.6s forwards);
            }
        }
    }
}

/**
* Mobile Search
*/
#mobile-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.98);
    .animation-duration(200ms);
    display: none;
    opacity: 0;
    z-index: 999999;
    &.open {
        display: block;
        opacity: 1;
    }
    .form-group {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -40px;
        padding: 0 20px;
        .input-group {
            background-color: #FFF;
            .border-top-radius(4px);
        }
        .btn {
            background-color: transparent;
            color: @brand-primary;
            padding-right: (@grid-gutter-width / 1.2);
            &:active {
                box-shadow: none;
            }
        }
        input[type="search"] {
            color: @gray;
            background: transparent;
            font-size: 26px;
            border: 0;
            height: 80px;
            outline: none;
            .placeholder(rgba(0, 0, 0, 0.3));
            &:focus {
                .placeholder(transparent);
            }
        }
    }
    .close {
        position: fixed;
        top: 15px;
        right: 15px;
        color: @gray;
        background-color: transparent;
        opacity: 1;
        font-size: 30px;
    }
}

/**
* Searchfield animation
*/
.animate-me(SearchToBig; false; false; 0%; 'width: 204px'; 100%; 'width: 240px');
.animate-me(SearchToSmall; false; false; 0%; 'width: 240px'; 100%; 'width: 204px');

/**
* CART BOX
*/
.box-cart {
    margin: 0;
    cursor: pointer;
    padding-left: @navbar-padding-horizontal;
    padding-right: 0;
    float: right;
    @media (min-width: @screen-sm-min) {
        margin-top: 3px;
    }
    @media (min-width: @screen-md-min) {
        margin-top: 10px;
    }
    @media (min-width: @screen-lg-min) {
        margin-top: 16px;
    }
    div, a {
        color: @gray;
        display: inline-block;
    }
    .h3 {
        padding-top: 0;
        margin-top: 0;
    }
    .h3 a {
        text-decoration: underline;
        color: @brand-secondary;
    }
    .box-cart-info p {
        margin-bottom: 0;
        font-size: @ew-font-size-small;
    }
    .box-cart-info {
        margin-bottom: 0;
        font-size: @ew-font-size-small;
        float: right;
        line-height: 20px;
        .price {
            font-size: @ew-font-size-small;
        }
    }
    .box-cart-info-bg {
        background-color: @brand-primary;
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 8px;
        i {
            color: #FFF;
            font-size: ceil((@ew-font-size-base-calculation * 1.4));
            padding-top: 8px;
        }
    }
    .label-info {
        font-size: @ew-font-size-small;
    }
}

.button-cart {
    .navbar-vertical-align(34px);
    margin-right: 4px;
    padding: 5px 10px;
    float: right;
    border-color: darken(@navbar-default-bg, 10%);
    color: @navbar-default-color;
    background-color: lighten(@navbar-default-bg, 8%) !important;
    font-size: @ew-font-size-small;
    .label {
        background-color: @navbar-default-link-hover-bg;
        padding: 0.3em 0.6em 0.1em;
        margin-left: 3px;
    }
    .fa {
        font-size: @ew-font-size-small + 1;
    }
    &:hover {
        color: #FFF;
    }
}

.button-cart:hover,
.button-cart:active {
    background-color: lighten(@navbar-default-bg, 5%) !important;
}

/**
* CART PAGE / CHECKOUT
*/
.table .img-col,
.table .image-link {
    width: 70px;
}

.table .image-link {
    display: block;
    height: 70px;
    text-decoration: underline;
    text-align: center;
}

#cart .table,
#checkout-confirmation .table {
    .text-muted {
        margin-bottom: 5px;
    }
    .btn-control {
        margin-bottom: 3px;
    }
}

#cart .paypalexpress {
    margin-right: (@grid-gutter-width / 2);
}

#cart #shipping-preview table {
    .table;
    .table-bordered;
    .table-condensed;
}

.form-qty-cart {
    input {
        text-align: center;
    }
}

#cart #shipping-preview table > tbody > tr > td,
#cart #shipping-preview table > tbody > tr > th,
#cart #shipping-preview table > tbody > tr {
    border-color: rgba(0, 0, 0, 0.05);
    padding: 12px;
    .btn-default, .bootstrap-select {
        border: 1px solid #E4E4E4;
        background: #FFF;
    }
    .form-control {
        border-width: 0;
    }
}

#cart, #checkout-confirmation {
    .table-qty {
        width: 1%;
    }
}

.cart-listing {
    .btn-delete {
        color: @brand-danger;
    }
    tfoot {
        background-color: lighten(@gray-lighter, 5%);
    }
    .tax-value .price {
        font-weight: normal !important;
        font-family: @ew-font-family-regular;
    }
}

#checkout-payment .form-counter .h4 {
    margin-top: 0;
}

/**
* CAROUSEL TEASER
*/
@teaser-vertical-padding: (@grid-gutter-width + @ew-main-margin);
#ew_evelations_teaser {
    background-color: @gray-lighter;
    .container {
        padding-top: @teaser-vertical-padding;
        padding-bottom: @teaser-vertical-padding;
        .owl-wrapper-outer, .owl-item, img {
            border-radius: 2px;
        }
    }
    .owl-item {
        img {
            width: 100%;
        }
        .carousel-caption {
            padding-bottom: 50px;
            .h2 {
                a {
                    color: #fff;
                }
            }
        }
    }
    .owl-controls {
        .owl-pagination {
            z-index: 1000;
            position: relative;
            padding-bottom: 8px;
            margin-top: -38px !important;
            .owl-page {
                position: relative;
                z-index: 1000;
                span {
                    border: 2px solid #fff;
                    background-color: transparent;
                }
                &.active {
                    span {
                        background-color: #fff;
                    }
                }
            }
        }
        .owl-buttons {
            .owl-prev, .owl-next {
                .hidden-xs;
                margin-top: -22px;
            }
            .owl-prev {
                left: 20px;
            }
            .owl-next {
                right: 20px;
            }
        }
    }
}

/**
* PRODUCT LISTINGS
*/
.product-listing {
    .listing {
        margin-left: -(@grid-gutter-width / 2);
        margin-right: -(@grid-gutter-width / 2);
        .row {
            margin-left: 0;
            margin-right: 0;
        }
        .available {
            display: none;
        }
    }
    .panel {
        margin-bottom: (@grid-gutter-width + @ew-main-margin);
        .panel-body {
            padding: 0;
            .panel-body-info {
                padding: (@grid-gutter-width / 2.5) (@grid-gutter-width / 2);
                .title {
                    margin-bottom: 8px;
                    margin-top: 0;
                    word-wrap: break-word;
                    a {
                        color: @brand-secondary;
                    }
                }
                .label-info {
                    white-space: normal;
                }
                .product-price, .product-tax-shipping, .shipping {
                    margin-bottom: 6px;
                }
                .btn-cart-listing {
                    margin-left: 4px;
                }
            }
        }
        .product-reviews {
            margin-bottom: 4px;
        }
    }
    &.product-listing-v2 {
        > .listing {
            > .row {
                > .col {
                    width: 100%;
                    .panel-body {
                        .panel-body-info {
                            padding: @grid-gutter-width (@grid-gutter-width / 2);
                        }
                    }
                }
            }
        }
    }
}

#categorie-listing, .top-categories {
    .panel {
        margin-bottom: @grid-gutter-width;
        .image {
            .image-link {
                display: block;
                min-height: 0 !important;
                overflow: hidden !important;
            }
        }
        .panel-body {
            padding: @grid-gutter-width / 2;
        }
        img {
            -webkit-transition: -moz-transform .3s ease-in-out, opacity .3s ease-in-out, filter .3s ease-in-out;
            -moz-transition: -webkit-transform .3s ease-in-out, opacity .3s ease-in-out, filter .3s ease-in-out;
            -o-transition: -o-transform .3s ease-in-out, opacity .3s ease-in-out, filter .3s ease-in-out;
            transition: transform .3s ease-in-out, opacity .3s ease-in-out, filter .3s ease-in-out;
        }
        &:hover > .image > a > img {
            .scale(1.2);
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            opacity: 0.8;
        }
    }
}

/**
* LISTING DEFAULTS
*/
.listing .section .image-link {
    display: block;
    min-height: 100px;
    text-align: center;
}

.listing.more-images .section .image-link {
    min-height: 0;
}

.listing .section .title {
    margin-top: 5px;
    a {
        color: @brand-secondary;
    }
}

.product-name a {
    color: @brand-secondary;
}

/**
* PRODUCT
*/
.product-tax-shipping a {
    text-decoration: underline;
}

.product-tax-shipping, .product-tax-shipping a,
.product-model,
.product-weight,
.product-stock-name,
.product-shipping-status,
.vpe {
    .text-muted;
    color: @gray !important;
}

#product.detail {
    .this.product-price {
        .price-tag {
            .hidden;
        }
        .price-discount {
            .product-listing .panel-discount .price-discount;
            position: static;
            top: auto;
            right: auto;
            text-shadow: none;
            float: right;
        }
        .label {
            display: block;
            font-size: ceil((@ew-font-size-base-calculation * 2.2));
            padding-bottom: 0.2em;
            white-space: normal;
            border-radius: @border-radius-base;
        }
        &:extend(.clearfix all);
    }
    #pinfo > .col {
        margin-bottom: 0;
    }
    .ptabs {
        padding-top: @grid-gutter-width / 2;
        .headline {
            .h3;
        }
    }
    .mnf {
        img {
            max-width: 100px;
            height: auto;
        }
    }
    .graduated-prices {
        .table-responsive {
            width: 100%;
            margin-bottom: 0;
            overflow-y: hidden;
            overflow-x: auto;
            border: 1px solid #DDD;
        }
        .table {
            margin-bottom: 0;
        }
        margin-bottom: @grid-gutter-width / 2;
    }
    .form-inline .form-group {
        margin-bottom: @grid-gutter-width / 2;
    }
    .product-images {
        z-index: 5;
        img {
            width: auto !important;
            height: auto !important;
        }
        .img-responsive {
            display: inline-block;
        }
        .product-image {
            margin-bottom: @grid-gutter-width / 2;
        }
        .more-images {
            position: relative;
            z-index: 1039;
            margin-left: -5px;
            margin-right: -5px;
            .col {
                padding: 5px;
            }
            .image-link {
                min-width: 100%;
            }
        }
    }

    /**
     * SLIDING INFORMATIONS ON PRODUCT PAGE
     */
    #product-informations-affix-container {
        .visible-affix {
            display: none;
        }
        .hidden-affix {
            display: block;
        }
        &.show-infos {
            .visible-affix {
                display: block;
            }
            .hidden-affix {
                display: none;
            }
        }

        &.affix,
        &.affix-bottom {
            position: fixed;
            z-index: 1020;
            @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
                width: 283px;
            }
            @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
                width: 294px;
            }
            @media (min-width: @screen-lg-min) {
                width: 360px;
            }
        }
        &.affix {
            top: @grid-gutter-width;
        }
        &.affix-bottom {
            position: absolute;
        }
    }

    #product-infos, #product-informations-affix-container {
        .table {
            background-color: #FFF;
            font-size: @ew-font-size-small;
        }
        .label-danger {
            text-align: left;
        }
        .label-info {
            text-align: left;
        }
        .qty {
            border-color: @brand-primary;
        }
        .input-group-btn {
            .text-muted {
                color: #FFF !important;
            }
        }
        .add-to-cart {
            padding-top: 6px;
            margin-bottom: 0;
            .submit {
                margin-bottom: (@grid-gutter-width / 2);
            }
            .form-group {
                margin-bottom: 0;
            }
            @media (max-width: @screen-xs-max) {
                .input-group, button {
                    float: left;
                }

                .input-group {
                    margin-right: 6px;
                }
            }
        }
        .price, .price-new, .product-price {
            font-size: @ew-font-size-huge;
            color: lighten(@gray-dark, 5%);
            text-shadow: 1px 1px #FFF;
        }
        .well p {
            margin-bottom: 6px;
        }
    }

    #ms-options {
        margin-bottom: (@grid-gutter-width / 2);

        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        br {
            display: none;
        }
        span.bold, div.bold {
            .control-label;
            position: relative;
            padding-bottom: 2px;
            display: block;
            border-bottom: 2px solid rgba(0, 0, 0, 0.05);
            margin-bottom: 6px;
            margin-top: 6px;
            font-weight: bold;
            color: @gray;
            .currentSelectedOptionText {
                color: darken(@brand-success, 30%);
            }
        }

        span label,
        span label img,
        .image_option_holder, .image_option_holder * {
            margin-left: 0;
            margin-bottom: 0;
        }

        /* image template */
        .image_option,
        .image_option_selected {
            border: 1px solid @thumbnail-border !important;
            border-radius: @thumbnail-border-radius !important;
            .transition(all .2s ease-in-out) !important;
            // Keep them at most 100% wide
            .img-responsive(inline-block) !important;
            padding: 2px !important;
            width: 40px !important;
            height: 40px !important;
        }
        .image_option_selected {
            border-color: @brand-success !important;
            .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{brand-success}") !important;
        }

        /* label template */
        .default_option {
            margin-left: 0 !important;
        }
        .default_option,
        .default_option_selected {
            .btn;
            .btn-sm;
            .btn-primary;
            font-family: @ew-font-family-regular;
            margin-bottom: 12px;
        }
        .default_option_selected {
            &:before {
                content: "\2713";
                margin-right: 2px;
                display: inline-block;
            }
            .btn-success;
        }

        /* select template */
        .bootstrap-select {
            margin-top: 4px;
            margin-bottom: 12px;
            width: auto;

            ul li {
                margin: 0;
            }
        }

        /* reset button */
        input[type="submit"],
        .reset_optoions,
        .reset_options {
            .btn !important;
            .btn-warning !important;
            background: darken(@btn-warning-bg, 12%) !important;
            margin-top: 10px !important;
            margin-left: 0 !important;
        }
    }

    #pinfo-float {
        margin-bottom: @grid-gutter-width;
    }

    .short-description {
        color: @gray-light;
        margin-bottom: floor(@grid-gutter-width / 2);
    }
    .fsk18-box {
        .fa {
            font-size: @ew-font-size-small;
        }
    }
    .product-listing .panel {
        margin-bottom: 13px;
    }

    .glyphicon-chevron-right {
        margin-top: -(@grid-gutter-width - 2) !important;
    }
    .glyphicon-chevron-left {
        margin-top: -(@grid-gutter-width - 2) !important;
    }
}

.cart-listing, #product {
    .spinner.input-group {
        margin-bottom: (@grid-gutter-width / 2);
        .input-number {
            width: 54px;
            border-color: @brand-primary;
            height: 38px;
            padding: 6px 8px;
        }
        .input-group-addon a.spin-up,
        .input-group-addon a.spin-down {
            color: #FFF;
            height: 12px;
        }
        .input-group-addon {
            background-color: @brand-primary;
            padding: 6px;
            border-color: transparent;
            width: auto;
        }
    }
}

#product {
    .product-model {
        padding-left: 2px;
        margin-bottom: 6px;
        margin-right: 6px;
    }

    .hook_products_images_tpl {
        padding-top: 0;
    }
    #pcontent-part-files {
        .table > thead > tr > th {
            border-bottom-width: 0;
        }
    }
    #product-infos, #product-informations-affix-container {
        .well hr {
            border-color: darken(@gray-lighter, 5%);
        }
    }
}

#product-informations-affix-container {
    .h2 {
        font-size: @ew-font-size-huge - 4;
    }
    @media (max-width: @screen-xs-max) {
        position: relative !important;
        top: 0 !important;
        z-index: 1 !important;
        .hidden-affix {
            display: block !important;
        }
    }
}

/*safari fix*/
body.safari #product.detail .more-images .image-link {
    min-height: 80px;
}

/**
* PRICES
*/
.price-old {
    text-decoration: line-through;
    font-size: @font-size-base - 2;
}

/**#
* FOOTER
*/
@footer-background: lighten(@gray-dark, 5%);
@footer-bottom-background: darken(@footer-background, 8%);
#footer {
    .footer-language {
        display: block;
    }
    background: @footer-background;
    .footer-top, .footer-bottom, .footer-middle {
        padding-top: (@grid-gutter-width / 1.5) + @ew-main-margin;
        @media (max-width: @screen-xs-max) {
            padding-top: 0;
        }

        .footer-list {
            line-height: 32px;
            @media (min-width: @screen-sm-min) {
                li {
                    margin-left: 14px;
                    &:before {
                        position: relative;
                        color: @gray-light;
                        content: "\2022";
                        padding-left: 2px;
                        padding-right: 4px;
                        font-size: @font-size-base;
                        margin-left: -17px;
                    }
                    a {
                        padding-left: 4px;
                    }
                }
            }
        }
        .btn-default, .bootstrap-select {
            border: 1px solid #E4E4E4;
            background: darken(@gray-lighter, 4%);
        }
        .form-control {
            border-width: 0;
        }
        .headline {
            .h4;
            .text-uppercase;
            color: #FFF;
            margin-top: 0;
            margin-bottom: 14px;
            padding-bottom: 10px;
            border-bottom: 2px solid darken(@footer-background, 4%);
            a {
                color: #FFF;
                display: block;
            }
        }
        @media (max-width: @screen-xs-max) {
            .headline {
                margin-top: ((@grid-gutter-width / 2) + @ew-main-margin);
            }

            padding-top: 0;
        }
        .payment-logos {
            .logos {
                .klarna-logo {
                    margin-bottom: @grid-gutter-width / 2;
                }
            }
        }

        .payment-logos {
            ul.logos {
                list-style: none;
                padding: 0;
                margin: 0;
                li {
                    float: left;
                }
                li:focus {
                    -webkit-filter: invert(100%);
                    filter: invert(100%);
                }
            }

            .logos {
                img {
                    margin: 0 4px 8px;
                    display: block;
                    float: left;
                }
            }

        }

    }
    .footer-bottom {
        padding-bottom: (@grid-gutter-width + @ew-main-margin);
    }
    .footer-top {
        @media (max-width: @screen-xs-max) {
            padding-top: ((@grid-gutter-width / 2) + @ew-main-margin);
        }
        a {
            color: #fff; /*darken(@gray-lighter, 14%); */
        }
    }
    .footer-contact {
        color: #fff ; /*lighten(@gray-light, 10%);*/
        padding-bottom: 0 !important;
    }
    #footer-meta {
        background-color: @footer-bottom-background;
        padding: (@grid-gutter-width + @ew-main-margin) 0;
        .copyright a, .ew-info a {
            color: lighten(@gray-light, 15%);
        }

        //debug bar
        .debug-mode-enabled & {
            padding-bottom: (@grid-gutter-width + @ew-main-margin) + @navbar-height;
        }
        .box-language {
            display: inline-block;
            margin-bottom: (@grid-gutter-width / 2);
            padding: 2px 8px;
            li {
                display: inline-block;
            }
        }
        .footer-language {
            display: none;
        }
        .navmeta {
            .fa {
                display: none;
            }
        }
    }
    .tax-footer {
        color: @gray-lighter;
        border: 0;
        background-color: lighten(@gray-darker, 5%);
        margin-bottom: (@grid-gutter-width + @ew-main-margin);
        padding: ((@grid-gutter-width / 2.5) - 6px ) (@grid-gutter-width / 2.5);
        text-align: center;
        width: 100%;
    }
    .collapse-status {
        margin-right: 4px;
        .fa {
            color: @gray-light;
        }
        .plus {
            display: none;
        }
    }
    .collapsed {
        &.collapse-status {
            .minus {
                display: none !important;
            }
            .plus {
                display: inline-block !important;
            }
        }
    }
    #footerContentHeading, #footerInfoHeading {
        .minus {
            display: inline-block;
        }
        .plus {
            display: none;
        }
    }
}

/* pseudo sticky footer ^^ */
html, body {
    background-color: @footer-bottom-background;
    -ms-overflow-style: scrollbar;
}

#site-wrap {
    background-color: @body-bg;
}

.subpage-wrap #content {
    margin-top: @grid-gutter-width;
    margin-bottom: @grid-gutter-width;
}

/**
* REVIEWS
*/

.product-reviews {
    display: inline-block;
    font-size: @ew-font-size-small;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 15px;

    .reviews_rating_light {
        background: transparent url("./../../ew_evelations/img/review_star_light.png") repeat-x scroll 0;
        height: 15px;
        position: relative;
        width: 80px;
        float: left;

        .reviews_rating_dark {
            background: transparent url("./../../ew_evelations/img/review_star.png") repeat-x scroll 0;
            height: 15px;
            position: relative;
            width: 80px;
        }
    }
    .products_rating_count {
        float: left;
        margin-left: 5px;
        .small;
    }
    .text-muted;
    &:extend(.clearfix all);
}

#reviews {
    .product-reviews-list {
        .review-btns {
            margin-bottom: (@grid-gutter-width / 2);
        }
        .headline {
            padding-bottom: 6px;
        }
        .btn-group .btn + .btn {
            margin-left: -2px;
        }
        .panel {
            border: 2px solid @gray-lighter;
            .headline {
                margin-top: 0;
                padding-top: 0;
            }
            hr, p {
                margin-bottom: 5px;
            }
        }
    }
}

.reviews-wrap #reviews .product-reviews-list {
    margin-top: 0 !important;
}

.reviews-wrap #pinfo .product-image {
    margin-bottom: (@grid-gutter-width / 2);
}

.product-wrap {
    #reviews {
        .review-btns {
            margin-bottom: (@grid-gutter-width);
        }
    }
}

/**
* CHECKOUT
*/
#checkout {
    .progress {
        height: auto;
        .progress-bar {
            padding-top: 8px;
            padding-bottom: 8px;
        }
        .active,
        .done {
            text-shadow: 1px 1px rgba(0, 0, 0, .3);
        }
        .progress-bar-success {
            .progress-bar-success;
            color: @progress-bar-color;
        }
    }
    .address p {
        margin-bottom: 0;
    }
    .list-group {
        .shipping-name,
        .payment-name {
            .h4;
            margin-top: 10px;
            .normal {
                .pull-right;
                &:extend(.clearfix all);
            }
            .float-right {
                display: block;
                margin-left: @grid-gutter-width;
                margin-top: -2px;
            }
            .label {
                margin-left: @grid-gutter-width / 2;
            }
            img {
                .img-thumbnail;
                margin-bottom: 8px;
            }
        }
        .list-group-item:hover {
            background-color: @table-bg-hover;
        }
        .list-group-item.active:hover {
            background-color: darken(@gray-light, 5%);
        }
        .list-group-item.active .price {
            color: #FFF;
        }
    }
    #checkout-confirmation .alert p {
        margin: 0 0 5px;
        &:last-child {
            margin-bottom: 0;
        }
    }
}

/**
* ALERTS
*/
#installer_warning {
    border-radius: 0;
    width: 100%;
    text-align: center;
}

.box.success {
    .alert;
    .alert-success;
}

.box.info {
    .alert;
    .alert-info;
}

.box.warning {
    .alert;
    .alert-warning;
}

.box.error,
.box.danger,
#installer_warning {
    .alert;
    .alert-danger;
}

/**
* ALL THE SMALL THINGS...
*/

.footer-language, .box-language {
    display: none;
}

.glyphicon {
    top: 2px;
}

.progress-bar-default {
    background-color: transparent;
    .text-muted;
    box-shadow: none;
}

::selection {
    background: @brand-primary;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: @brand-primary;
    color: #FFF;
    text-shadow: none;
}

.btn::selection {
    background: inherit;
    color: inherit;
    text-shadow: inherit;
}

.btn::-moz-selection {
    background: inherit;
    color: inherit;
    text-shadow: inherit;
}

.products-sort-pages {
    padding-top: @grid-gutter-width / 2;
    padding-bottom: @grid-gutter-width / 2;
    &.bottom {
        padding-top: 0;
        padding-bottom: 0;
    }
    .manufacturer-dropdown {
        @media (min-width: @screen-lg-min) {
            margin-left: 5px;
        }
    }
}

.navigation-pages {
    @media (max-width: @screen-xs-max) {
        margin-bottom: @grid-gutter-width / 2;
    }
}

.products-sort {
    @media (max-width: @screen-sm-max) {
        margin-bottom: @grid-gutter-width / 2;
    }
}

.nav-tabs-hr {
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: darken(@gray-lighter, 2%);
}

.listing-split {
    margin: 0;
}

.product-tax-shipping {
    font-size: @ew-font-size-smaller - 2 !important;
    color: lighten(@gray-light, 20%);
    a {
        color: lighten(@gray-light, 20%);
    }
}

.popover {
    font-size: @ew-font-size-smaller;
}

.breaking-headline {
    background-color: #f4f4f4;
    background: repeating-linear-gradient(45deg, lighten(@gray-lighter, 2%), lighten(@gray-lighter, 2%) 2px, #fff 4px, #fff 6px);
    border-left: 4px solid @brand-primary;
    padding: ((@grid-gutter-width / 2) - 2) ((@grid-gutter-width / 2));
    padding-top: 19px;
    display: block;
    color: @brand-primary;
    margin-top: 0;
    margin-bottom: (@grid-gutter-width / 1.2);
    font-size: @font-size-h3;
    font-family: @ew-font-family-bold; //Oder @ew-font-family-bold
    .text-uppercase;
}
.login-action-wrap {
    .h3 {
        margin-top: 0;
    }
}

.listing-container {
    position: relative;
}

.content-splitter {
    height: 2px;
    background-color: @gray-lighter;
    margin-left: -(@grid-gutter-width / 2);
    margin-right: -(@grid-gutter-width / 2);
}

.addthis_toolbox {
    padding-bottom: (@grid-gutter-width / 2);
    margin-bottom: (@grid-gutter-width / 2);
    border-bottom: 1px solid @gray-lighter;
}

div.dropdown-menu {
    z-index: 1043 !important;
}

.bootstrap-select {
    .filter-option {
        padding-left: 16px;
    }
    .btn {
        padding-left: 0;
    }
}

#box-paymentlogos {
    img {
        margin-bottom: 5px;
        margin-right: 4px;
        float: left;
        display: inline-block;
    }
}


/**
* User content
*/
.textstyles {
    .text-word-wrap;

    table {
        .table;
        .table-striped;
        .table-bordered;
        .text-small;
    }
    img {
        .img-responsive;
        width: auto !important;
        height: auto !important;
    }
}

.cat-image {
    img, & {
        height: auto;
    }
    margin-bottom: @grid-gutter-width;
}

img {
    overflow: hidden;
    font-size: @ew-font-size-small;
    color: @ew-gray-light;
}

.js-input-count {
    font-size: @ew-font-size-small;
}

.js-input-count .tcAlert {
    .label-warning;
}

.js-input-count .tcWarn {
    .label-danger;
}

.table .no-border,
.table .no-border td {
    border: 0 none;
}

.table > tfoot > tr > td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.control-label {
    text-align: left !important;
}

.form-submit br {
    display: none;
    visibility: hidden;
}

/**
* .copyright / info
*/
.copyright, .ew-info {
    font-size: ceil((@ew-font-size-base-calculation * 0.92));
    line-height: 20px;
    margin-bottom: 6px;
    margin-top: 6px;
}

.ew-info {
    .text-center;
}

.copyright, .ew-info,
.copyright a, .ew-info a {
    .text-muted;
}

#debugbar {
    .navbar-brand,
    .glyphicon, .fa {
        color: cyan;
    }
    .responsive-info {
        .visible-xs .bp:after {
            content: "-@{screen-xs-min}"
        }
        .visible-sm .bp:after {
            content: "-@{screen-sm-min}"
        }
        .visible-md .bp:after {
            content: "-@{screen-md-min}"
        }
        .visible-lg .bp:after {
            content: "-@{screen-lg-min}";
        }
        .badge {
            background-color: cyan;
            color: #000;
        }
    }
}

/**
* BACK TO TOP
*/
#back-to-top {
    border: none;
    color: white;
    background-color: @brand-primary;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    margin: auto;
    padding-top: 12px;
    z-index: 99;
    .box-shadow(2px 3px 3px 0 rgba(41, 41, 41, .2));
    right: @grid-gutter-width;
    &:hover {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(41, 41, 41, .4);
        -moz-box-shadow: 2px 4px 6px 0 rgba(41, 41, 41, .4);
        box-shadow: 2px 4px 6px 0 rgba(41, 41, 41, .4);
    }
    &.affix-top {
        position: fixed;
        bottom: -100px;
    }
    &.affix {
        position: fixed;
        bottom: @grid-gutter-width / 2;
        .debug-mode-enabled & {
            bottom: (@grid-gutter-width / 2) + @navbar-height;
        }
    }
}

/**
* REGISTER PAGE
*/
.guest-option .btn {
    margin-bottom: @grid-gutter-width / 2;
}

/**
* reCaptcha
*/
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    line-height: 0 !important;
}

#recaptcha_area input {
    height: auto;
    display: inline;
}

/**
 * 	Breadcrump
 */

@breadcrumb-padding-vertical: 8px;
@breadcrumb-bg: @gray-lighter;
@breadcrumb-color: #CCC;
@breadcrumb-active-color: @gray;
@breadcrumb-separator: "/";

.breadcrumb-form {
    background-color: @gray-lighter;
    width: 100%;
    padding: 4px 0;
    .breadcrumb {
        margin: 0;
    }
}

/**
 * 	Welcome message style
 */
#startpage-content {
    padding: (@grid-gutter-width + @ew-main-margin) 0;

    p {
        margin: 0;
    }

    .index-small {
        color: @gray-light;
        ul {
            padding-left: 0;
            list-style-position: outside;
            li {
                list-style: none;
                margin-bottom: 0;
                border-bottom: 2px solid @gray-lighter;
                padding: 5px;
                &:before {
                    font-family: 'FontAwesome';
                    content: "\f00c ";
                    font-size: @font-size-base;
                    color: @brand-primary;
                    margin-right: 8px;
                    margin-left: 4px;
                }
            }
        }
        .well {
            border: 1px solid darken(@gray-lighter, 4%);
            background-color: lighten(@gray-lighter, 4%);
        }
    }
    .index-big {
        @media (max-width: @screen-sm-max) {
            margin-bottom: (@grid-gutter-width + @ew-main-margin);
        }
        h1 {
            margin-top: 0;
        }
    }

    .index-big, .index-small {
        h1, h2, h3 {
            color: @brand-primary;
        }
        p {
            font-size: @ew-font-size-small;
            color: @gray;
        }
        .well, ul {
            margin-bottom: 0;
        }
    }
}

#pcontent {
    .breaking-headline {
        margin-top: @grid-gutter-width / 1.2;
    }
}

/**
 * 	Fix for productpicture
 */
@media (min-width: @screen-md-min) {
    #wrap {
        #zoom, #zoom-float {
            display: block !important;
        }
    }
}

/**
 * 	Fix for search page
 */
@media (max-width: @screen-sm-max) {
    #search {
        .form-submit {
            margin-bottom: 20px;
        }
    }
}

/**
 * Sidebar Boxes
 */
#sidebar-products, #box-categories.panel-default, #sidebar-content {
    .panel-danger {
        .panel-heading {
            background-color: @brand-primary;
            color: #FFF;
        }
    }
    .panel-default {
        .panel-heading {
            background-color: lighten(@brand-secondary, 20%);
            color: #FFF;
        }
    }
    .panel-warning {
        .panel-heading {
            background-color: #F4BE0C;
            color: #FFF;
        }
    }
    .panel-heading {
        border-bottom-width: 0;
        border-radius: @border-radius-base;
        padding: 14px 15px;
    }
    .panel {
        border-radius: 0;
        border: 0;
        box-shadow: 0 0 0 transparent;
    }
    .panel-footer {
        background-color: lighten(@gray-lighter, 1%);
        border-top: solid 2px darken(@gray-lighter, 4%);
        margin-top: -2px;
    }
    .panel-body {
        background-color: lighten(@gray-lighter, 1%);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-width: 0;
        @media (max-width: @screen-xs-max) {
            text-align: center;
        }
        @media (min-width: @screen-sm-min) {
            text-align: left;
        }
    }
    .btn {
        color: @gray;
        background-color: #FFF;
        border: 1px solid darken(@gray-lighter, 2%);
        margin: 2px 0;
    }
    .seperator {
        border-color: darken(@gray-lighter, 4%);
    }
}

/**
* Panel Shadow Addon
*/
.panel-shadow {
    border: 1px solid darken(@gray-lighter, 2%);
    .box-shadow(0 5px 8px 1px transparent);
}

.panel-shadow:hover {
    -webkit-box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.1);
    .box-shadow(0 4px 8px 1px rgba(0, 0, 0, 0.1));
}

/**
*  Checkout
*/
#checkout-confirmation, .js-input-count {
    .label-default {
        padding: 2px 6px;
        background-color: lighten(@brand-secondary, 20%);
    }
}

/*
 * Wells
 */
@well-bg: lighten(@gray-lighter, 1%);
@well-border: 0;
.well {
    border-radius: @border-radius-base;
    box-shadow: 0 0 0 transparent inset;
    .glyphicon {
        padding-top: 3px;
        padding-bottom: 6px;
    }
    p {
        font-size: @ew-font-size-small;
    }
    .headline-underline {
        margin-top: 6px;
    }

    .btn-default {
        border: 1px solid #E4E4E4;
    }
    .btn-default, .bootstrap-select, .dropdown-toggle {
        background-color: #FFF;
    }
    .btn-default:hover, .bootstrap-select:hover {
        background-color: darken(#FFF, 2%);
    }
}

/**
* Breadcrump fix
*/
.no-breadcrump-container {
    margin-top: @grid-gutter-width - 10;
}

/**
 *     Header
 */
#header {
    .header-info {
        font-size: @ew-font-size-small;
        color: @gray-light;
    }
    .header-bg {
        width: 100%;
        #header-top {
            padding: (@grid-gutter-width + @ew-main-margin) 0;
        }
    }
    .header-seal {
        margin-left: 8px;
        @media (min-width: @screen-sm-min) {
            margin-top: 0;
            width: 44px;
            height: 44px;
        }
        @media (min-width: @screen-md-min) {
            margin-top: 6px;
            width: 48px;
            height: 48px;
        }
        @media (min-width: @screen-lg-min) {
            margin-top: 10px;
            width: 52px;
            height: 52px;
        }
    }
    .mobile-logo-container {
        padding-top: @grid-gutter-width / 2;
        img {
            display: inline-block;
        }
    }
}

.form-control,
input {
    border: 2px solid darken(@gray-lighter, 10%);
    color: @gray;
    .box-shadow(none);

    &:focus {
        .box-shadow(none);
    }
}

.has-warning {
    .help-block,
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline,
    .form-control-feedback {
        color: @brand-warning;
    }

    .form-control,
    .form-control:focus {
        border: 2px solid @brand-warning;
    }

    .input-group-addon {
        border-color: @brand-warning;
    }
}

.has-error {
    .help-block,
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline,
    .form-control-feedback {
        color: @brand-danger;
    }

    .form-control,
    .form-control:focus {
        border: 2px solid @brand-danger;
    }

    .input-group-addon {
        border-color: @brand-danger;
    }
}

.has-success {
    .help-block,
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline,
    .form-control-feedback {
        color: @brand-success;
    }

    .form-control,
    .form-control:focus {
        border: 2px solid @brand-success;
    }

    .input-group-addon {
        border-color: @brand-success;
    }
}

/**
* Login Box
*/
#box-loginbox {
    .pull-left {
        margin-top: 4px;
    }
    .help-block {
        padding-left: 1px;
    }
}

/**
* USP Startpage container
*/
.usp-container {
    background-color: @gray-lighter;
    border-bottom: 2px solid darken(@gray-lighter, 2%);
    padding-top: (@grid-gutter-width + @ew-main-margin);
    &.compact-teaser {
        padding-top: 0;
    }

    .section {
        margin-bottom: (@grid-gutter-width + @ew-main-margin);
        background-color: #FFF;
        background-position: right top;
        background-size: auto 100%;
        background-repeat: no-repeat;
        padding: @grid-gutter-width;
        border-radius: @border-radius-base;
        .heading {
            font-family: @font-family-sans-serif;
            margin-bottom: 5px;
            &, & a {
                color: @brand-primary;
                text-decoration: underline;
            }
        }
        p {
            margin: 0;
            padding: 0;
        }
    }
    @media (max-width: @screen-xs-max) {
        .section {
            margin-bottom: ((@grid-gutter-width / 2) + @ew-main-margin);
        }
        padding-bottom: (@grid-gutter-width / 2);
    }
}

/**
* Startpage products container
*/
.startpage-products-container {
    background-size: cover;
    background: @gray-light url("./../../ew_evelations/img/parallax_bg.jpg") repeat fixed 50% 50%;
    padding-top: (@grid-gutter-width + @ew-main-margin);
    padding-bottom: @ew-main-margin;
    margin-bottom: (@grid-gutter-width + @ew-main-margin);

    .breaking-headline {
        color: #FFF;
        border: 0;
        padding: 0;
        background-color: transparent;
        background: none;
    }
    .hidden-xs {
        .default-control {
            margin-top: -36px;
        }
    }

    .item {
        margin-top: (@grid-gutter-width / 2) !important;
    }
}

/**
* Floating Boxes
*/
#floating-box-container {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -100px;
    z-index: @zindex-modal - 10;
    .floating-box-review i {
        width: 20px;
    }
}
#floating-box-container, #footer-meta {
    .box-language,
    .floating-box {
        padding: 8px 12px;
        border: 1px solid @gray-lighter;
        border-right: 0;
        background-color: #FFF;
        .box-shadow(-3px 0 5px 2px rgba(0, 0, 0, .08));
        border-radius: @border-radius-base;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0 0 10px;
        display: block;
    }
    .box-language {
        list-style: none;
        li {
            display: block;
            margin: 0;
            padding: 0;
        }
    }
}
#footer-meta {
    .box-language,
    .floating-box {
        padding: 8px 8px;
        padding-top: 2px;
    }
}

/**
* Box language
*/
.box-language {
    .active {
        opacity: .35;
    }
}

/**
* Hover.css Edits
*/
.hvr-float {
    display: inherit;
}

/**
* xt_auto_cross_sell Edits
*/

.xt_auto_cross_sell {
    p.h2 {
        margin-bottom: 0;
    }
}

/**
* Transition
*/
.transition500 {
    .transition(all 0.5s ease);
}

.transition300 {
    .transition(all 0.3s ease);
}

/**
* Seo Text
*/
.startpage-seotext {
    margin-bottom: @ew-main-margin;
    .panel {
        margin-bottom: @grid-gutter-width;
        .panel-body {
            padding: @grid-gutter-width / 2;
        }
        .image {
            display: block;
            overflow: hidden;
            .image-link {
                min-height: 0 !important;
            }
        }
        .breaking-headline {
            border: 0;
            color: @brand-primary;
            background-color: transparent;
            background: none;
            margin: 0;
            padding: 0;
            padding-bottom: @grid-gutter-width / 2;
        }
    }
}

/**
* top categories
*/

.top-categories {
    .panel {
        .panel-body {
            a {
                color: @gray-light;
            }
        }
    }
    margin-bottom: ((@grid-gutter-width / 2) + @ew-main-margin);
}

/**
 *   Mega Menu
 */
.mega-menu-cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(70, 70, 70, 0.7);
    z-index: 1038;
    width: 100%;
    height: 100%;
    display: none;
}

.mega-menu {
    position: absolute;
    background-color: white;
    width: 100%;
    min-height: 100px;
    margin-top: 1px;
    z-index: 1042;
    border-bottom: 3px solid @gray-lighter;
    .mega-headline {
        width: 100%;
        padding: (@grid-gutter-width / 2) 0;
        line-height: (@grid-gutter-width / 2);
        background-color: darken(@navbar-default-bg, 10%);
        font-size: @font-size-base;
        font-family: @ew-font-family-bold;
        margin-bottom: (@grid-gutter-width / 2);
        a {
            color: white;
        }
    }
    .mega-left {
        ul {
            list-style: none;
            line-height: 32px;
            padding: 0;
            margin: 0 0 (@grid-gutter-width / 2);
            li {
                list-style-position: outside;
                margin-left: 15px;
                &:before {
                    position: relative;
                    margin-left: -17px;
                    content: '\25BA';
                    padding-right: 2px;
                    color: darken(@gray-lighter, 8%);
                    top: -3px;
                    font-size: 10px;
                }
                a {
                    padding-left: 5px;
                }
            }
        }
    }
    .mega-right {
        border-left: 1px solid @gray-lighter;
        margin-bottom: (@grid-gutter-width / 2);
        img {
            height: auto;
        }
    }
    .mega-close {
        color: #FFF;
    }
}

/**
* Register Box
*/
#registerbox {
    .form-group {
        .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
            width: 100%;
        }
    }
}

/**
* Cart Popup Anpassung
*/
.loader_white {
    z-index: 1051 !important;
}
.cart_ajax_box {
    max-height: 560px !Important;
    z-index: 1052 !important;
    #xt_cart_popup_div {
        table tr.active td {
            background-color: lighten(@brand-primary, 55%);
        }
        p {
            margin-bottom: 4px;
            .float-right {
                &:after {
                    .clearfix;
                }
                a {
                    position: relative;
                    .btn-primary;
                    margin-top: 6px;
                    margin-bottom: 6px;
                    margin-left: 6px;
                }
            }
        }
    }
}

/**
* Mobile Switch
*/
.mobile-switch {
    .btn {
        .fa {
            font-size: @font-size-base + 5;
        }
    }
}

/**
* xt_coupons Anpassungen
*/
.btn-coupon {
    .btn-primary !important;
}

/**
 * Secondary Elemente
 */
 .label-secondary {
     .label-variant(@label-secondary-bg);
 }

 .btn-secondary {
     .button-variant(@btn-secondary-color; @btn-secondary-bg; @btn-secondary-border);
 }

 .background-secondary {
     background-color: @brand-secondary;
 }

 .alert-secondary {
     .alert-variant(@alert-secondary-bg; @alert-secondary-border; @alert-secondary-text);
 }

 .panel-secondary {
     .panel-variant(@panel-secondary-border; @panel-secondary-text; @panel-secondary-heading-bg; @panel-secondary-border);
     .panel-footer {
         border-color: @panel-secondary-border;
         background-color: lighten(@panel-secondary-heading-bg, 5%);
     }
 }

 .progress-bar-secondary {
     .progress-bar-variant(@progress-bar-secondary-bg);
 }


 /**
 * Mobile Version vom Warenkorb
 */
.btn-cart-mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1043;
    background-color: #FFF;
    padding: 12px (@grid-gutter-width / 2);
    cursor: pointer;
    border-top: 1px solid @brand-primary;
    --webkit-box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.06);
    &, .text-primary, .text-muted, .price {
        color: @brand-primary;
        font-family: @ew-font-family-bold;
        font-weight: @ew-bold-font-weight;
    }
    .box-shadow(0 -3px 8px 1px rgba(0, 0, 0, 0.06));
    .fa {
        font-size: @ew-font-size-huge - 2;
        background-color: #fff;
        color: @brand-primary;
        padding: 10px;
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .cart-total {
        margin-top: 2px;
    }
    .cart-count {
        position: relative;
        top: -1px;
    }
}

/**
 * Ausblenden von Elementen in der XS Ansicht bezüglich "Mobile Version vom Warenkorb"
 * @param  {[type]} max-width: @screen-xs-max [description]
 * @return {[type]}            [description]
 */
@media (max-width: @screen-xs-max) {
    #back-to-top {
        .hidden;
    }
    .checkout-wrap {
        .btn-cart-mobile {
            .hidden;
        }
    }
}


/**
 * OWL CAROUSEL GENERAL
 */
.owl {
    .owl-controls {
        margin: 0 !important;
        .owl-buttons {
            .owl-prev,
            .owl-next {
                position: absolute;
                top: 50%;
                bottom: auto;
                left: auto;
                right: auto;
                margin: (0 - floor(@ew-carousel-icon-width / 2) - (@grid-gutter-width / 2)) 0 0;
                border: none;
                width: @ew-carousel-icon-width;
                height: @ew-carousel-icon-height;
                padding-top: 12px;
                font-size: @ew-font-size-smaller;
                line-height: @ew-font-size-smaller;
                z-index: 99;
                .box-shadow(2px 3px 3px 0 rgba(41, 41, 41, .2));
                text-align: center;
                border-radius: 50%;
                text-shadow: 0 0 0 transparent;
                color: @ew-carousel-teaser-icon-color;
                background-color: @ew-carousel-teaser-icon-background;

                &:before {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    margin-top: (0 - floor(@ew-carousel-icon-size / 2));
                    display: block;
                    width: 100%;
                }
            }
            .owl-prev {
                left: -(@grid-gutter-width / 2);
                &:before {
                    font-size: @font-size-fa-base;
                    font-family: 'FontAwesome';
                    content: "\f053";
                    left: -1px;
                }
            }
            .owl-next {
                right: -(@grid-gutter-width / 2);
                &:before {
                    font-size: @font-size-fa-base;
                    font-family: 'FontAwesome';
                    content: "\f054";
                    left: 2px;
                }
            }
            .owl-next, .owl-prev {
                opacity: 0.8;
                &:hover {
                    opacity: 1.0;
                }
            }
        }
    }
    .owl-item {
        &.loading {
            .image {
                position: relative;
                //.fa-icon-before-vcenter(@ew-carousel-icon-loading, @ew-carousel-icon-loading-color, 40px);
                &:before {
                    //.fa-spin;
                }
            }
        }
    }
}

.carousel-outer-wrap {
    position: relative;
    .owl-carousel {
        position: static;
    }
}

/**
* CAROUSEL PRODUCT SLIDER
*/
.product-listing-slider {
    .alert {
        margin-top: (@grid-gutter-width / 2);
    }
    .index-wrap & {
        .headline,
        .headline-underline {
            margin-top: 0;
        }
    }
    .listing {
        .ms-selected-listing-product {
            .section {
                border-color: @brand-success !important;
                border-width: 2px !important;
            }
        }
        &.owl {
            .row;
            .owl-wrapper-outer {
                .owl-item {
                    .col {
                        margin: 0 floor(@grid-gutter-width / 2);
                        .panel {
                            .stockimage {
                                display: inline-block;
                            }
                        }
                    }
                }
            }
            .productCarousel {
                .owl-controls {
                    .owl-pagination {
                        .hidden-xs;
                        .hidden-sm;
                    }
                }
                .owl-wrapper {
                    .owl-item {
                        &.loading {
                            .image {
                                // hidden loading on win safari, win ie
                                body.win.safari &,
                                body.op12 &,
                                body.ie & {
                                    visibility: hidden !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**
 * Noscript Alert
 */
.noscript-alert {
    margin-bottom: 0;
    border-radius: 0;
    padding: 5px;
}

/**
 * IE Caption Fix
 */
body.ie9, body.ie8 {
    #ew_evelations_teaser {
         .owl-item {
             .carousel-caption {
                .hidden;
            }
        }
    }
}

/**
 * Owl Carousel fixes
 */
.owl-item.loading {
    background: none !important;
}
.grabbing {
    cursor: pointer !important;
}


/**
* LightGallery
*/
@lg-background-color: #fff;
@lg-elements-background-color: @gray-lighter;
@lg-elements-color: lighten(@gray-dark, 4%);

/**
 * LightGallery
 */
.lg-outer {
    .lg {
        background-color: @lg-background-color;
        .lg-icon, .lg-toolbar,.lg-thumb-outer, .lg-toogle-thumb {
            background-color: @lg-elements-background-color;
        }
        .lg-icon {
            color: @lg-elements-color;
            &:hover {
                color: lighten(@lg-elements-color, 10%);
            }
        }
        .lg-thumb-outer {
            padding: 0 10px;
            .lg-thumb {
                .lg-thumb-item {
                    background-color: @lg-background-color;
                    text-align: center;
                    border: 2px solid darken(@lg-elements-background-color, 5%);
                    &.active {
                        border: 2px solid @brand-primary;
                    }
                    img {
                        width: auto;
                        height: auto;
                        display: inline-block;
                        max-width: 100%;
                        max-height: 100%;
                        vertical-align: middle;
                    }
                }
            }
        }
        .lg-progress-bar .lg-progress {
            background-color: @brand-primary;
        }
    }
}
.lg-backdrop {
    background-color: @lg-background-color;
}

/**
 * registered-customer-menu
 */
.registered-customer-menu {
    li {
        list-style-type: none;
        display: inline-block;
    }
}

/**
 * Table with DIVs
 */
.div-table {
    .container-fluid;
    .th, .tr, .tfoot {
        border-bottom: 1px solid @table-border-color;
        .col {
            padding: @table-cell-padding;
            .div-table-col-split {
                @media (min-width: @screen-md-min) {
                    .pull-left;
                }
            }
        }
        .floating-area {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
            background-color: #FFF;
            opacity: 0.0;
            // .border-radiuses (0, 0, 4px, 0);
        }
        &:hover {
            .floating-area {
                opacity: 0.9;
            }
        }
    }
    .th {
        border-bottom-width: 2px;
        font-family: @ew-font-family-bold;
    }
    .tfoot {
        background-color: lighten(@table-bg-hover, 1%);
    }
    &.table-hover {
        .tr:hover {
            background-color: @table-bg-hover !important;
        }
    }
    &.table-striped {
        .tr:nth-child(odd) {
            background-color: @table-bg-accent;
        }
    }
    .label-list {
        &.fixed-padding {
            .label {
                padding: 0.6em 0.6em 0.3em;
            }
        }
    }
    .price-tag {
        white-space: nowrap;
    }
    .form-group-qty {
        .form-group-sm;
        .form-control {
            border-width: 1px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        label {
            font-weight: normal;
            font-family: @ew-font-family-regular;
            .text-small;
        }
    }
}

/**
* Button list to show buttons horizontal in a list
*/
.btn-list, .label-list {
    list-style: none;
    padding: 0;
    &:extend(.clearfix all);
    li {
        list-style-type: none;
        float: left;
        margin: 0 5px 5px 0;
        a:not(.btn), input:not(.btn), button:not(.btn) {
            display: inline-block;
            .btn;
            .btn-primary;
        }
        .label, label {
            display: inline-block;
            margin: 0;
        }
    }
}

/**
 * Mobile menu
 */
#mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
    z-index: @zindex-modal-background;
    background-color: rgba(0, 0, 0, .4);
    outline: 0;
    overflow: hidden;
    // animation
    opacity: 0;
    transition: opacity .4s ease;
    &.in {
        opacity: 1;
    }
    .inner {
        height: 100%;
        width: 85%;
        z-index: @zindex-modal;
        background-color: @body-bg;
        overflow: hidden;
        position: relative;
        // animation
        margin-left: -@screen-sm;
        transition: margin-left .7s;
        .in& {
            margin-left: 0;
        }
    }
    .title-bg {
        background: @navbar-default-bg;
        height: @navbar-height;
        width: 100%;
        border-bottom: 1px solid @navbar-default-border;
    }
    .parent {
        background-color: @body-bg;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transition: left .35s ease;
        &.prev {
            left: -@screen-sm;
        }
        &.next {
            left: @screen-sm;
        }
        .title {
            text-align: center;
            background: @navbar-default-bg;
            height: @navbar-height;
            margin: 0 0 @navbar-margin-bottom;
            border-bottom: 1px solid @navbar-default-border;
            padding: @navbar-padding-vertical @navbar-padding-horizontal;
            overflow: hidden;
            .parent-title {
                width: 60%;
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .btn {
                margin: 0;
                padding: 0;
            }
            &, .parent-title, .btn {
                color: @navbar-default-color;
            }
        }
        .parent-inner {
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
        }
        .nav {
            .nav-divider {
                background: #e5e5e5;
                margin: 6px 0;
            }
            .child {
                .indicator-next {
                    color: #ccc;
                    padding-left: 6px;
                }
                &.active {
                    .indicator-next {
                        color: inherit;
                    }
                }
                &.parent-show-all {
                    a {
                        color: @text-color;
                    }
                }
            }
        }
    }
}
// prevent body scroll when menu is open
.mobile-menu-open {
    overflow: hidden !important;
    .userlike-left {
        z-index: 1 !important;
    }
}


.xt-form-error {
    border: 1px solid #b11d1a !important;
    outline: none;
    border-color: #b11d1a !important;
    box-shadow: 0px 0px 5px 2px #b11d1a !important;
}
.xt-form-error[type="checkbox"] {
    /*
      outline: 1px solid #b11d1a !important;
      outline-offset: -1px;
      */
    background-color: #fcf8e3;
}

p a {
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

a:focus {
    outline-offset: 2px ;
    outline: 2px solid @brand-primary !important;
}

#main-navigation-top > ul:first-of-type a:focus {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

a.image-link:focus {
    -webkit-filter: unset;
    filter: unset;
}

.breadcrumb a, .breadcrumb a.disabled {
    color: @brand-primary-dark;
    opacity: unset;
}

.btn-success {
    color: #fff;
    background-color: #197c45;
    border-color: #197c45;
}

.btn-danger {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #761c19;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #555;
}

.pictureCarousel-manufactures-slider {
    padding-bottom: 26px;
}