/*
Description: blog.tpl styles
*/
@media (min-width: 320px) {
    #listBody {
        padding-top: 100px;
        margin-top: -100px;
    }

    .listRefine .pagination-options {
        border-bottom: 2px solid #d7d7d7;
        border-radius: 0;
        margin: 15px 0 0;
        padding-top: 5px;
        border-left: 0;
        border-right: 0;
    }

    .listRefine .options {
        display: flex;
        justify-content: flex-end;
    }

    .listRefine .pagination-options .btn-group {
        margin-bottom: 10px;
    }

    .listRefine .pagination-options .options>div:not(:last-child) {
        margin-right: 10px;
    }

    .refineParams.bottomParams>div {
        text-align: left;
    }

    .refineParams.bottomParams .pagination-options {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .refineParams.bottomParams .pagination-options>div,
    .refineParams.bottomParams .pagination-options>ol {
        margin-bottom: 15px;
        flex: 1;
    }

    .refineParams.bottomParams .pagination-options div,
    .refineParams.bottomParams .pagination-options span,
    .refineParams.bottomParams .pagination-options li,
    .refineParams.bottomParams .pagination-options label,
    .refineParams.bottomParams .pagination-options a,
    .refineParams.bottomParams .pagination-options .locator-items-page button {
        font-weight: bold;
        font-size: 13px;
    }

    .refineParams.bottomParams .pagination-options .locator-items-page button {
        border-radius: 5px;
        padding: 5px 12px;
        margin-left: 5px;
        min-width: 60px;
        text-align: right;
    }

    body.cl-alist #filterList {
        margin-top: 0;
    }

    .listRefine .pagination-options .options .locator-sort>.btn-group:last-child>.btn,
    .list-filter .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
    .list-filter .btn.btn-default {
        background-color: #e20018;
        border-radius: 5px;
        color: #ffffff;
    }

    .listRefine .locator-sort .btn.btn-default {
        -webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 16%);
        box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 16%);
    }

    .listRefine .pagination-options .options .locator-sort>.btn-group:last-child>.btn {
        margin-left: 10px;
    }

    .listRefine .pagination-options .options .locator-sort>.btn-group:last-child span.caret {
        display: none;
    }

    .listRefine .pagination-options .options .locator-sort>.btn-group:last-child>.btn:after {
        content: "\f884";
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
    }

    .listRefine .locator-sort .btn-default:active:hover,
    .listRefine .locator-sort .btn-default.active:hover,
    .listRefine .locator-sort .open>.dropdown-toggle.btn-default:hover,
    .listRefine .locator-sort .btn-default:active:focus,
    .listRefine .locator-sort .btn-default.active:focus,
    .listRefine .locator-sort .open>.dropdown-toggle.btn-default:focus,
    .listRefine .locator-sort .btn-default:active.focus,
    .listRefine .locator-sort .btn-default.active.focus,
    .listRefine .locator-sort .open>.dropdown-toggle.btn-default.focus {
        color: #fff;
        background-color: #005aa9;
        border-color: #005aa9;
    }

    .locator-sort .btn.btn-default {
        background-color: #005aa9;
        border-radius: 5px;
        color: #ffffff;
        border: none;
        font-size: 15px;
    }

    .listing-categories .listing-category .list-container .picture_wrapper,
    .listing-categories .listing-category .list-container .price_wrapper,
    .listing-categories .listing-category .list-container .info_wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .listing-categories .listing-category .list-container .newItems,
    .listing-categories .listing-category .list-container .list-basket-col {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 032s ease;
        transition: all 0.3s ease;
    }

    .listing-categories .listing-category .list-container .newItems {
        clear: both;
        padding: 15px 0;
        display: flex;
        margin-top: 0;
    }

    .listing-categories .listing-category .list-container .newItems {
        background-color: transparent;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        width: 100%;
    }

    .listing-categories .listing-category #noticelistProductList .newItems:first-child {
        border-top: none;
    }

    .listing-categories .listing-category .list-container .newItems .productBox {
        padding: 0 15px;

    }

    .listing-categories .listing-category .list-container .title a {
        color: #444444;
    }

    .info_wrapper .listDetails .subtitle-1,
    .info_wrapper .listDetails .subtitle-2,
    .info_wrapper .listDetails .art-num,
    .price_wrapper .listDetails .price {
        color: #676767;
    }

    .info_wrapper .listDetails .subtitle-1,
    .info_wrapper .listDetails .subtitle-2 {
        font-size: 15px;
    }

    .listing-categories .listing-category .list-container .picture_wrapper {
        text-align: center;
    }

    .listing-categories .listing-category .list-container .picture {
        height: 100%;
        position: relative;
        display: block;
        margin: 0px auto;
    }

    .listing-categories .listing-category .list-container .label-wrapper .product-label {
        margin-left: 10px;
        vertical-align: bottom;
    }

    .listing-categories .listing-category .list-container .label-wrapper .product-label.first {
        margin-left: 0;
    }

    .productBox .picture_wrapper .picture img {
        float: left;
    }

    .info_wrapper .listDetails .art-num {
        margin-bottom: 5px;
    }

    .info_wrapper .listDetails .title:hover a {
        text-decoration: none;
    }

    .info_wrapper .listDetails .title {
        font-size: 17.5px;
        line-height: 20px;
    }

    .info_wrapper .listDetails .subtitle-1,
    .info_wrapper .listDetails .subtitle-1 {
        line-height: 15px;
    }

    .listing-categories .listing-category .list-container .flex-middle-container {
        align-items: flex-start;
    }

    #prodctList .listDetails .flex-middle-container .list-price-col {
        float: right;
        text-align: center
    }

    .listing-categories .listing-category .list-container .newItems .list-price-col {
        text-align: left;
    }

    .listing-categories .listing-category .list-container .newItems .list-price-col .oldPrice.product-bprice,
    .listing-categories .listing-category .list-container .newItems .list-price-col .price {
        font-size: 17.5px;
    }

    .list-price-col .functions>span {
        line-height: normal;
    }

    .price_wrapper .listDetails .n-price {
        /*color: #999999;*/
        color: #666;
    }

    .price_wrapper .listDetails .n-price.text-red {
        margin-bottom: 5px;
    }

    .price_wrapper .listDetails .price.text-red,
    .price_wrapper .listDetails .n-price.text-red {
        color: #e20018;
    }

    .stockFlag {
        color: #E65D26;
        font-weight: 600;
    }

    .listing-categories .listing-category .list-container .newItems .productData form>.row>div:last-child {
        margin-top: 20px;
    }

    .listing-categories .listing-category .list-container .product-detail-btn,
    .listing-categories .listing-category .list-container .btn.btn-primary.product-to-cart-btn {
        border-radius: 5px;
        padding: 15px 20px;
        background-color: #005AA9;
        height: auto;
        font-size: 15px;
        line-height: 15px;
        -webkit-box-shadow: 0px 5px 10px 0px #d7d7d7;
        box-shadow: 0px 5px 10px 0px #d7d7d7;
        white-space: normal;
        text-align: center;
        width: auto;
        transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
    }

    .listing-categories .listing-category .list-container .product-detail-btn:hover,
    .product-data .product-to-cart-btn:hover {
        box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        opacity: 0.87;
    }

    .product-data #linkToNoticeList {
        color: #676767;
    }

    .list-price-col,
    .list-basket-col {
        width: 100%
    }

    .newItems .productBox form .list-basket-col>div {
        align-items: flex-start;
        display: flex;
    }

    .listing-categories .listing-category .list-container .list-basket-col div:last-child {
        display: block;
        text-align: left;
    }

    .newItems .productBox form .list-basket-col>div .flexia-articletype-btns {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-data .removeButton.basket-button,
    .basket-button.removeButton {
        display: block;
        font-size: 15px;
        background-color: transparent;
        color: #676767;
        padding: 0;
        border: 0;
        margin: 0 auto;
    }

    .product-data .removeButton.basket-button:hover,
    .basket-button.removeButton:hover {
        opacity: 0.65;
    }

    .listing-categories .listing-category .list-container .newItems .list-price-col .functions span {
        white-space: nowrap;
    }

    .trash-icon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #035ca8;
        display: none;
    }

    .pagination.pagination-sm {
        display: none;
    }

    .refineParams.bottomParams .pagination-options .article-count {
        order: 0;
        flex: 0 0 30%;
    }

    .refineParams.bottomParams .pagination-options .pagination-wrapper {
        order: 2;
        flex: 0 0 100%;
    }

    .refineParams.bottomParams .pagination-options .locator-items-page {
        order: 1;
        flex: 0 0 70%;
    }
}

@media (min-width: 450px) {

    .list-price-col,
    .list-basket-col {
        width: 50%
    }

    .pagination.pagination-sm {
        display: flex;
    }

    .pagination.pagination-xs {
        display: none;
    }

    .newItems .productBox form .list-basket-col>div {
        justify-content: center;
    }

    .listing-categories .listing-category .list-container .list-basket-col div:last-child {
        text-align: center;
    }
}

@media (min-width: 680px) {
    .listing-categories .listing-category .list-container .picture_wrapper {
        width: 20%;
        padding-left: 15px;
    }

    .listing-categories .listing-category .list-container .info_wrapper {
        width: 55%;
    }

    .listing-categories .listing-category .list-container .price_wrapper {
        width: 25%;
        padding-right: 15px;
    }

    .listing-categories .listing-category .list-container .flex-middle-container {
        align-items: center;
    }

    .list-price-col,
    .list-basket-col {
        width: 100%;
    }

    .listing-categories .listing-category .list-container .newItems .productData form>.row>div:last-child {
        margin-top: 0;
    }

    .refineParams.bottomParams .pagination-options .article-count {
        flex: 0 0 10%;
    }

    .refineParams.bottomParams .pagination-options .pagination-wrapper {
        order: 1;
        flex: 0 0 60%;
        justify-content: center;
    }

    .refineParams.bottomParams .pagination-options .locator-items-page {
        order: 2;
        flex: 0 0 30%;
    }

    .refineParams.bottomParams .pagination-options>div,
    .refineParams.bottomParams .pagination-options>ol {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {

    .listing-categories .listing-category .list-container .picture_wrapper,
    .listing-categories .listing-category .list-container .info_wrapper,
    .listing-categories .listing-category .list-container .price_wrapper {
        padding: 0;
    }

    .listing-categories .listing-category .list-container .picture_wrapper {
        width: 10%;
        padding-left: 10px;
    }

    .listing-categories .listing-category .list-container .info_wrapper {
        width: 64%;
        padding-right: 10px;
        min-height: 81px;
    }

    .listing-categories .listing-category .list-container .price_wrapper {
        width: 26%;
    }

    .listing-categories .listing-category .list-container .info_wrapper .listDetails {
        margin-left: 20px;
    }

    .listing-categories .listing-category .list-container .flex-middle-container {
        justify-content: center;
    }

    .listing-categories .listing-category .list-container .price_wrapper .flex-middle-container {
        justify-content: flex-start;
    }

    .listing-categories .listing-category .list-container .newItems.hover,
    .listing-categories .listing-category .list-container .newItems.touched {
        transition: max-height 0.4s ease-in-out;
        overflow: hidden;
        border-top: 1px solid transparent;
    }

    .list-price-col,
    .list-basket-col {
        width: auto;
    }

    .listing-categories .listing-category .list-container .newItems:hover,
    .listing-categories .listing-category .list-container .newItems.touched {
        background-color: #f9f9f9;
    }

    .listing-categories .listing-category .list-container .newItems:hover .list-basket-col,
    .listing-categories .listing-category .list-container .newItems.touched .list-basket-col {
        opacity: 1;
        transform: translateX(0);
        position: relative;
    }

    .listing-categories .listing-category .list-container .newItems .list-price-col {
        text-align: left;
    }

    .newItems .productBox form .list-basket-col div:nth-child(2) {
        justify-content: center;
    }

    .listing-categories .listing-category .list-container .newItems .list-price-col .functions {
        display: flex;
        flex-direction: column;
    }

    .trash-icon {
        display: block;
    }

    .refineParams.bottomParams .pagination-options .pagination-wrapper {
        flex: 0 0 64%;
        justify-content: center;
    }

    .refineParams.bottomParams .pagination-options .locator-items-page {
        flex: 0 0 26%;
    }

}

@media (min-width: 991px) {
    .listing-categories .listing-category .list-container .info_wrapper {
        width: 64%;
    }

    .listing-categories .listing-category .list-container .price_wrapper {
        width: 26%;
    }

    .listing-categories .listing-category .list-container .list-basket-col {
        opacity: 0;
        transform: translateX(30px);
        position: absolute;
        text-align: center;
    }

    .listing-categories .listing-category .list-container .newItems:hover .list-price-col,
    .listing-categories .listing-category .list-container .newItems.touched .list-price-col {
        opacity: 0;
        position: absolute;
    }

}

@media (min-width: 1200px) {
    .listing-categories .listing-category .list-container .info_wrapper {
        width: 68%;
    }

    .listing-categories .listing-category .list-container .price_wrapper {
        width: 21%;
    }

    .refineParams.bottomParams .pagination-options .article-count {
        flex: 0 0 20%;
    }

    .refineParams.bottomParams .pagination-options .pagination-wrapper {
        flex: 0 0 55%;
    }

    .refineParams.bottomParams .pagination-options .locator-items-page {
        flex: 0 0 25%;
    }
}

.oldPrice,
.oldPrice .text-grey {
    color: #666;
}