@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    body {
        background: url("/wwwroot/209_Allstar/Allstar/Images/main_bg.png") center -1px no-repeat;
    }
}

body {
    background: url("/wwwroot/209_Allstar/Allstar/Images/textura.png") top center repeat;
}


/*Docasne*/

input.flex-expand-menu-button.float-right.flex-expanded {
    display: none !important;
}

.flex-panel-wide .flex-menu ul li.flex-collapsed {
    display: inline-block !important;
}


/*E*/

.flex-header-table {
    height: 120px;
}

.flex-basket-summary {
    padding-top: 0px;
}

.flex-panel-wide {
    background: #e9e9e9;
}

    .flex-panel-wide .flex-menu ul li {
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        background: #e9e9e9;
    }

.flex-dock-left .flex-menu ul li:hover {
    background: #e9e9e9;
}

.flex-panel-wide .flex-menu ul li a,
.flex-panel-wide .flex-menu ul li span {
    color: black;
    font-weight: 300;
    font-size: 11pt;
    text-transform: none;
    text-align: center;
    background: none;
}

.flex-login-form > span {
    font-size: 11pt;
    font-weight: 500;
}

.flex-drop-down dt span.flex-drop-down-link {
    color: black;
    font-weight: 500;
}

.flex-logo {
    /*background: url("/wwwroot/209_Allstar/Allstar/Images/FlexAllstarLogo.png") no-repeat;*/
    width: 309px;
    height: 82px;
}

.flex-menu ul li a .flex-count,
.flex-menu ul li span .flex-count {
    background: #B02020;
}

.flex-menu ul li {
    background: #e02222;
    box-shadow: 0px -1px 0px 0px #C53030;
    border-right: 1px solid #ce0e0e;
    box-sizing: border-box;
}

    .flex-menu ul li:hover {
        background: #C53030;
    }

    .flex-menu ul li.flex-selected {
        background: #C53030;
    }

    .flex-menu ul li ul li a:hover {
        text-decoration: none;
        background-color: #C53030;
    }

    .flex-menu ul li a,
    .flex-menu ul li span {
        font-size: 11pt;
        padding: 12px;
        padding-bottom: 12px;
    }

.flex-half-collapsed-box .flex-item .flex-category-icon {
    display: inline-block;
    background: white;
    border-radius: none;
    padding: 15px;
}

.flex-half-collapsed-box {
    border-top: none;
    border-bottom: none;
}

    .flex-half-collapsed-box .flex-item {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 3px;
        text-decoration: none;
        color: #e02222;
        background: #fff;
        padding: 0px 11px 0px 11px;
    }

        .flex-half-collapsed-box .flex-item .flex-category-label {
            padding-top: none;
            padding-bottom: 20px;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 11pt;
            width: 190px;
        }

    .flex-half-collapsed-box .flex-show-all-button {
        text-align: center;
        margin-top: 12px;
        margin-bottom: -15px;
    }

        .flex-half-collapsed-box .flex-show-all-button span {
            cursor: pointer;
            display: inline-block;
            background: #ddd url("/Plugins/FlexView/Images/FlexHalfCollapsedBoxExpandIcon.png") no-repeat;
            background-position: right 13px center;
            padding: 8px;
            padding-left: 16px;
            padding-right: 29px;
            font-size: 10pt;
            margin: 0 auto;
            text-transform: none;
            border: none;
            border-radius: 4px;
            color: #5c5c5c;
        }

            .flex-half-collapsed-box .flex-show-all-button span:hover {
                color: black;
                text-decoration: none;
                background-color: #d3d3d3;
            }

    .flex-half-collapsed-box .flex-collapse-button span {
        cursor: pointer;
        display: inline-block;
        background: #ddd url("/Plugins/FlexView/Images/FlexHalfCollapsedBoxCollapseIcon.png") no-repeat;
        background-position: right 13px center;
        padding: 8px;
        padding-left: 16px;
        padding-right: 29px;
        font-size: 10pt;
        margin: 0 auto;
        text-transform: none;
        border: none;
        border-radius: 4px;
        color: #5c5c5c;
    }

        .flex-half-collapsed-box .flex-collapse-button span:hover {
            color: black;
            text-decoration: none;
            background-color: #d3d3d3;
        }

.flex-cookies-statement {
    display: none;
    width: 100%;
    color: white;
    font-size: 10pt;
    background: #282828;
    border-bottom: 1px solid black;
    position: fixed;
}

.flex-products .flex-item.list-view .flex-col1 .flex-code {
    font-size: 10pt;
    font-weight: 600;
}

.flex-products .flex-products-list[data-flex-search-type="11"] .flex-item .flex-col1 .flex-manufacturer {
    margin-right: 4px;
    font-weight: 600;
}

.flex-stocks .flex-name.flex-on-stock {
    color: black;
    background: url("/wwwroot/209_Allstar/Allstar/Images/FlexOnStockSmallIcon.png") no-repeat;
    background-position: left top 4px;
    padding-left: 18px;
}

.flex-products .flex-allstar-oe-groups .flex-item .flex-column {
    font-weight: 400;
}

.flex-products .flex-item.catalog-view .flex-col2 .flex-code {
    font-weight: 600;
}

.flex-products .flex-item.catalog-view .flex-col2 .flex-manufacturer {
    font-weight: 600;
}

.flex-products .flex-item.list-view .flex-col1 .flex-manufacturer {
    font-weight: 600;
}

.flex-products .flex-item.tiles-view .flex-manufacturer {
    font-weight: 600;
}

.flex-products .flex-item.tiles-view .flex-code {
    font-weight: 600;
}

.flex-half-collapsed-box .flex-inner-wrapper {
    display: inline-block;
    overflow: hidden;
    font-size: 29pt;
}

.flex-half-collapsed-box .flex-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 10px;
    text-decoration: none;
    color: #000;
    background: #fff;
    padding: 0px;
}

    .flex-half-collapsed-box .flex-item.flex-first-row {
        margin-top: 10px;
    }

    .flex-half-collapsed-box .flex-item .flex-category-label:hover {
        background-color: #fff;
    }

    .flex-half-collapsed-box .flex-item:hover .flex-category-label {
        color: #e02222;
    }

    .flex-half-collapsed-box .flex-item:hover {
        background: #fff url("/wwwroot/209_Allstar/Allstar/Images/sipka.png") no-repeat center 182px;
    }

.flex-panel-wide .flex-menu ul li ul {
    position: absolute;
    display: none;
    margin: 0px;
    margin-top: -7px;
    margin-left: -1px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #e9e9e9;
    border: 1px solid #d0d0d0;
    white-space: normal;
    width: auto;
}

.flex-panel-wide .flex-menu ul li.flex-selected {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    position: relative;
    z-index: 999;
    background: #d0d0d0;
}

    .flex-panel-wide .flex-menu ul li.flex-selected:hover {
        text-decoration: none;
    }

.flex-panel-wide .flex-menu ul li:hover > a {
    background: none;
}

.flex-panel-wide .flex-menu ul li:hover span {
    text-decoration: underline;
}

.flex-half-collapsed-box .flex-inner-wrapper {
    height: auto !important;
}

.flex-half-collapsed-box .flex-show-all-button {
    display: none;
}


/* vybrane kategorie 02 */

#SelectedCategories_64 .flex-category-icon img {
    width: 70%;
    height: auto;
    display: inline-block;
}

#SelectedCategories_64 .flex-category-icon {
    padding: 0px;
}

#SelectedCategories_64 .flex-inner-wrapper {
    height: auto !important;
}

#SelectedCategories_64 .flex-show-all-button {
    display: none;
}

#SelectedCategories_64.flex-half-collapsed-box .flex-item {
    margin-top: 0px;
    padding: 0px;
    width: 111px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

#SelectedCategories_64 .flex-category-label {
    padding: 5px 0px;
    font-weight: 500;
    font-size: 10pt;
    width: 111px;
    height: unset;
    text-transform: none;
    text-decoration: none;
}

body#ErrorPage {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 11pt;
    color: white;
    margin: 0px;
    padding: 0px;
    background: #d30c13 url("/Plugins/FlexView/Images/FlexErrorBackground.jpg") center center no-repeat;
}


/* Leve menu */

.flex-side-navigation .flex-nodes .flex-node.flex-selected > span:first-child {
    color: white;
    background-color: #e32323;
}

.flex-side-navigation .flex-nodes .flex-tree .flex-node div.flex-node.flex-selected > span {
    color: black;
}

.flex-side-navigation .flex-nodes .flex-tree .flex-node .flex-node .flex-node > span {
    color: black;
}

.flex-side-navigation .flex-nodes .flex-node.flex-selected .flex-node.flex-selected > span {
    color: black;
}


/* Product card catalogue */

.flex-stocks .flex-name.flex-on-stock {
    color: black;
    background: url("/wwwroot/209_Allstar/Allstar/Images/FlexOnStockSmallIcon.png") no-repeat;
    background-position: left top 4px;
    padding-left: 18px;
    overflow: hidden;
    width: 98px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* top menu */

.flex-panel-wide .flex-menu ul li a,
.flex-panel-wide .flex-menu ul li span {
    color: black;
    font-weight: 500;
    font-size: 11pt;
    text-transform: none;
    padding: 16px;
    padding-bottom: 16px;
    text-align: left;
    background: none;
}


/* Search */

.flex-header-table .flex-search {
    margin-top: 0px;
}

.flex-search .flex-search-input input[type="text"] {
    padding: 12px;
    padding-right: 75px;
    background: #fff;
    border: 2px solid #696969;
    border-radius: 3px;
}

.flex-search .flex-search-input input[type="button"] {
    width: 48px;
    height: 48px;
    border-radius: 3px;
    background: #e02222 url("/Plugins/FlexView/Images/FlexSearchButtonIcon.png") center center no-repeat;
    top: 0px;
    right: 0px;
}

.flex-search .flex-search-locations span.flex-selected {
    background: #696969;
    font-size: 11pt;
    padding: 9px 14px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
    color: white;
}

.flex-search span {
    color: #d82c2e;
    font-size: 11pt;
    font-weight: 700;
    padding: 9px 14px;
}

    .flex-search span:hover {
        text-decoration: underline;
    }

.flex-search .flex-search-locations span.flex-selected:hover {
    text-decoration: none;
}

.flex-search .flex-search-input .flex-search-whisperer {
    top: 48px;
}

.flex-search .flex-radio-buttons span {
    color: black;
    font-size: 10pt;
    font-weight: 500;
    padding: 0px;
}

ul.flex-radio-buttons li.flex-selected span {
    color: black;
    font-weight: 700;
}


.side-container.left,
.side-container {
    top: 236px
}

/* TEST !!! */

.flex-carousel-actions .flex-carousel > .flex-title {
    color: #000000;
    font-weight: 600;
}

.flex-container.flex-slideshow-container .flex-bottom-delimiter {
    margin-bottom: 0px;
}

.flex-half-collapsed-box .flex-header-label {
    margin-top: 25px;
    margin-bottom: 15px;
}

#SelectedCategories_64.flex-half-collapsed-box .flex-header-label span a {
    text-decoration: none;
    color: #000000;
    font-weight: 600;
    font-size: 15pt;
}

.flex-half-collapsed-box .flex-header-label span {
    color: #000000;
    font-weight: 600;
    font-size: 15pt;
}

#SelectedCategories_64.flex-half-collapsed-box .flex-header-label span a:hover {
    text-decoration: underline;
    color: #2766d9;
}


/* smart serach */

.flex-smart-search .flex-smart-search-input {
    background: none;
}

    .flex-smart-search .flex-smart-search-input .flex-smart-search-button {
        width: 65px;
        height: 42px;
        border-radius: 3px;
        background: #e32323 url("/Plugins/FlexView/Images/FlexSearchButtonIcon.png") center center no-repeat;
        top: 0px;
        right: 0px;
    }

    .flex-smart-search .flex-smart-search-input input[type="text"] {
        padding: 11px;
        background: transparent;
        padding-right: 80px;
        padding-bottom: 10px;
        font-weight: 400;
        border: 2px solid #696969;
        border-radius: 3px;
        background-color: white;
    }

    .flex-smart-search .flex-smart-search-input .flex-search-targets {
        padding-left: 0px;
        padding-top: 2px;
        margin-top: 0px;
    }

        .flex-smart-search .flex-smart-search-input .flex-search-targets input[type="button"] {
            color: #8f8f8f;
        }

            .flex-smart-search .flex-smart-search-input .flex-search-targets input[type="button"].flex-history {
                color: black;
                font-weight: 400;
                padding-right: 0px;
                text-decoration: underline;
                text-transform: none;
                font-size: 8pt;
                padding-top: 2px;
            }

.flex-smart-search .flex-smart-search-whisperer {
    top: 67px;
}


/* text-actions */

.flex-text-actions {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

    .flex-text-actions .flex-item {
        color: #000;
        text-decoration: none;
        clear: both;
        flex: 0 0 19%;
        flex-direction: column;
    }

    .flex-text-actions .flex-image img {
        width: 100%;
        max-width: 170px;
    }

    .flex-text-actions .flex-text {
        display: flex;
        flex: 0 0 100%;
        flex-direction: column;
    }

.flex-text a {
    text-decoration: none;
    display: flex;
}

.flex-text-actions .flex-text .flex-title {
    font-size: 16px;
    font-weight: 800;
    color: #000;
    margin-bottom: 10px;
}

.flex-text-actions .flex-text .flex-description {
    font-size: 14px;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
}

.flex-text-actions .flex-image {
    margin-right: 0px;
}

.flex-text-actions .flex-item:first-of-type {
    padding-top: 30px;
}


/* selected categories uniparts */

#SelectedCategories_-1.flex-half-collapsed-box .flex-inner-wrapper {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#SelectedCategories_-1.flex-half-collapsed-box .flex-item {
    display: inline-flex;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    background: #fff;
    padding: 0px;
    align-items: center;
    margin: 0px 0px 10px 0px;
}

    #SelectedCategories_-1.flex-half-collapsed-box .flex-item .flex-category-icon {
        padding: 0px;
        background: none;
    }

    #SelectedCategories_-1.flex-half-collapsed-box .flex-item .flex-category-label {
        width: 128px;
        text-transform: none;
        color: #000;
        font-size: 11pt;
        padding: 0px 15px 0px 15px;
        margin: 0px;
        font-weight: 400;
        justify-content: left;
        margin-left: 0px;
        text-align: left;
    }

    #SelectedCategories_-1.flex-half-collapsed-box .flex-item .flex-category-icon img {
        width: 75px;
    }

.flex-half-collapsed-box .flex-item:hover .flex-category-label {
    background-color: #ffffff;
}


/* Quick search box homepage */

.flex-select-vehicle-wizard {
    padding: 49px 30px 42px;
    background: #4c4a4a;
    margin-bottom: 0px;
    width: 339px;
    display: inline-block;
    vertical-align: top;
    margin-right: -3px;
}

    .flex-select-vehicle-wizard .flex-title {
        padding: 0px;
    }

    .flex-select-vehicle-wizard .flex-content {
        padding: 0px;
    }

.flex-slider {
    position: relative;
    background: white;
    overflow: hidden;
    width: 810px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.flex-select-vehicle-wizard .flex-title {
    font-size: 16pt;
    color: white;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 7px;
    margin-top: -16px;
}

.flex-select-vehicle-wizard .flex-drop-down {
    background: linear-gradient(#cacaca, white);
    border-radius: 4px;
    padding: 10px 0px;
    box-shadow: unset;
    width: 100%;
    border: 0px solid #d5d5d5;
}

.flex-select-vehicle-wizard .flex-content .flex-manufacturer-selector {
    padding-bottom: 15px;
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-model-selector {
    padding-bottom: 15px;
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-engine-selector {
    padding-bottom: 23px;
    width: 100%;
}

.flex-select-vehicle-wizard .flex-content .flex-controls {
    width: 100%;
}

    .flex-select-vehicle-wizard .flex-content .flex-controls .flex-search-button {
        width: 100%;
        height: 46px;
        background: #ea2028;
        text-transform: uppercase;
        font-size: 13pt;
        font-weight: 700;
        border: 2px solid #ea2028;
        cursor: pointer;
        box-shadow: 1px 2px 0px #0003;
    }

        .flex-select-vehicle-wizard .flex-content .flex-controls .flex-search-button:hover {
            background: #ea2028;
            border: 2px solid #ea2028;
        }

.flex-container.flex-bottom-delimiter.flex-slideshow-container {
    margin-bottom: 5px !important;
}

.flex-drop-down dt span.flex-drop-down-link {
    color: black;
    background: url("/wwwroot/209_Allstar/Allstar/Images/FlexDropDownIcon.png") no-repeat;
    background-position: right 9px center;
}

.flex-select-vehicle-wizard .flex-drop-down dt span.flex-drop-down-link {
    padding-left: 14px;
    color: #000;
    padding-right: 38px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11pt;
    font-weight: 600;
}

.flex-drop-down dt {
    width: 100%;
}

.flex-manufacturer-selector .flex-drop-down {
    border: 0px solid #d5d5d5;
}


/* custom article */

.flex-custom-article {
    padding-top: 30px;
}


/* ph display */

div#SelectedCategories_69 {
    display: none;
}

.products .flex-item.catalog-view .flex-col2 .flex-delivery-times .flex-delivery-time-item div.flex-total-amount.flex-on-the-way .box-container {
    width: 26px;
    height: 19px;
    background: url(/Plugins/FlexView/Images/Svg/ShippingOnTheWayIcon.svg) left 6px center no-repeat;
    background-size: 13px;
}

.flex-product-detail .flex-general .flex-informations .flex-delivery-times .flex-delivery-time-item .flex-amount-info .flex-total-amount.flex-on-the-way .box-container {
    width: 26px;
    height: 19px;
    background: url(/Plugins/FlexView/Images/Svg/ShippingOnTheWayIcon.svg) left 6px center no-repeat;
    background-size: 13px;
}


/* Mobile device */

@media only screen and (max-width: 989px) {
    *[data-flex-mobile-hide="true"] {
        display: none;
    }

    .flex-logo-mobile {
        display: block;
        /*background: url(/wwwroot/209_Allstar/Allstar/Images/FlexAllstarLogo.png) no-repeat;*/
        background-size: 100%;
        width: 160px;
        margin-top: 15px;
        height: 25px;
    }
    /* motorizace*/
    .flex-tecdoc .flex-engines-list .flex-item-container .flex-item .flex-name {
        font-size: 9pt;
        font-weight: 600;
    }

    .flex-tecdoc .flex-engines-list .flex-title .flex-ccm {
        font-size: 9pt;
        width: 13%;
    }

    .flex-tecdoc .flex-engines-list .flex-title .flex-power {
        font-size: 9pt;
    }

    .flex-tecdoc .flex-engines-list .flex-title .flex-codes {
        font-size: 9pt;
        line-height: 13px;
        width: 24%;
    }

    .flex-tecdoc .flex-engines-list .flex-title .flex-manufactured {
        font-size: 9pt;
        width: 20%;
    }

    .flex-engines-list {
        line-height: 15px;
    }

    .flex-tecdoc .flex-engines-list .flex-item-container .flex-item .flex-name {
        font-size: 9pt;
        font-weight: 600;
        vertical-align: top;
    }

    .flex-tecdoc .flex-engines-list .flex-item-container .flex-item .flex-power {
        font-size: 9pt;
        vertical-align: top;
    }

    .flex-tecdoc .flex-engines-list .flex-item-container .flex-item .flex-ccm {
        font-size: 9pt;
        vertical-align: top;
        width: 13%;
    }

    .flex-tecdoc .flex-engines-list .flex-item-container .flex-item .flex-codes {
        font-size: 9pt;
        vertical-align: top;
        width: 24%;
    }

    .flex-tecdoc .flex-engines-list .flex-item-container .flex-item .flex-manufactured {
        font-size: 9pt;
        vertical-align: top;
        width: 20%;
    }

    .flex-tecdoc .flex-engines-list .flex-title .flex-name {
        font-size: 11pt;
    }
    /* text- actions */
    .flex-text-actions .flex-item {
        flex: 0 0 100%;
    }

    .flex-text-actions {
        flex-direction: column;
    }
    /* slider */
    .flex-slider {
        width: 100%;
    }

    .flex-select-vehicle-wizard {
        padding: 30px 15px 15px;
        width: 100%;
        box-sizing: border-box;
    }
    /* smart search */
    .flex-smart-search .flex-smart-search-input .flex-search-targets input[type="button"].flex-history {
        padding-right: 5px;
    }
    /* main menu */
    .flex-main-menu .flex-menu ul.flex-menu-compact li a {
        background-color: #e32323;
    }

    .flex-main-menu .flex-menu .flex-menu-button {
        font-weight: 700;
        font-size: 14pt;
        padding: 16px;
        background: #e02222;
    }

    .flex-main-menu .flex-menu ul.flex-menu-compact li a {
        padding: 12px 16px;
        background-color: #e32323;
        text-transform: unset;
        font-size: 16px;
    }

    .flex-panel-wide .flex-menu ul li a,
    .flex-panel-wide .flex-menu ul li span {
        padding: 16px;
        padding-bottom: 10px;
        text-align: left;
        padding-top: 10px;
    }

    .flex-top-panel-container .flex-menu ul.flex-menu-compact li a,
    .flex-menu ul.flex-menu-compact li span {
        text-align: left;
        padding: 16px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .flex-top-panel-container .flex-menu .flex-close-menu-button {
        right: 12px !important;
        top: 12px !important;
        width: 28px !important;
        height: 28px !important;
    }

    .flex-top-panel-container .flex-menu ul.flex-menu-compact {
        background-color: #e9e9e9;
    }
    /* selected cat uni */
    #SelectedCategories_-1.flex-half-collapsed-box .flex-item {
        margin: 0 10px 10px 10px;
        width: 100%;
    }
    /* sel cat brands */
    #SelectedCategories_64 .flex-category-icon {
        padding: 0 0 0 0;
    }

        #SelectedCategories_64 .flex-category-icon img {
            width: 75%;
            display: inline-block;
        }

    .flex-half-collapsed-box .flex-item {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        color: #000;
        background: #fff;
        padding: 0px;
        width: 100px;
    }

    #SelectedCategories_64 .flex-category-label {
        padding: 0px 0px 9px 0;
        width: 100%;
        height: unset;
    }

    .flex-panel-wide dl.flex-drop-down {
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        padding: 5px 3px 6px;
        border-radius: 4px;
    }

    .flex-top-panel-container .flex-menu .flex-close-menu-button {
        right: 19px !important;
        top: 22px !important;
        width: 28px !important;
        height: 28px !important;
    }
}
