/* TOOLBAR */
.toolbar, .pager {font-size: var(--size-12);}
.toolbar {width: 100%; float: left; display: block; padding-top: 20px; border-top: 1px solid #ebebeb;}
.toolbar label, .pager-no-toolbar label {font-weight: normal;color: #5f5f5f;}

.sorter {float: left; }
.sorter, .pager {margin: 5px 0px;}
.toolbar, .pager {line-height: 30px;} .sorter > .sort-by select, .toolbar .count-container .limiter select {padding: 0px 10px;font-size: var(--size-12);cursor: pointer;height: 30px;line-height: 30px;width: auto;}
.sorter label {float: left; margin-right: 5px;}
.sorter label:after {content: ':'; }

.pager {float: right; overflow: hidden; }
.toolbar .count-container {float: left;margin: 5px 5px 5px 10px;}
.toolbar .count-container .limiter {float: left;}
.toolbar .count-container .limiter > label:after {content: ':'; }

.pages {float: right; overflow: hidden; margin-left: 15px; }
.pages strong {display: none; }
.pages li {float: left; }
.pages .current, .pages .current:hover {cursor: default;color: #fff;}
.pages li a:hover {color: #fff; text-decoration: unset;}
.pages a, .pages .current, .dataTables_paginate a {width: 30px; height: 30px; vertical-align: middle; text-align: center; font-size: var(--size-14); display: inline-block; border: 1px solid #f2f2f2; cursor: pointer; transition: all 0.3s;}

.pages li {margin-right: 8px;}
.pages .current {margin-top: 1px;}
.count-container .amount {float: left;white-space: nowrap;margin: 0 15px 0 0;color: #5f5f5f;font-size: var(--size-12);display: none;}
.count-container .amount strong {font-weight: normal; color: #5f5f5f;}
.pages .next:before, .dataTables_wrapper a.next:before, .pages .previous:before, .dataTables_wrapper a.previous:before{display: block; font-family: 'Font Awesome 5 Pro';}
.pages .next:before, .dataTables_wrapper a.next:before {content: '\f105'; }
.pages .previous:before, .dataTables_wrapper a.previous:before {content: '\f104';}
.load-category {width: 100%; position: fixed; right: 0px; left: 0;top: 50%;}
.load-category:before {content: ''; background-color: #ffffff; position: fixed; width: 100%; height: 100%; top: 0px; opacity: 0.5; left: 0px;z-index: 9;}
.load-category svg {position: relative;}
.category-description {width: 100%; float: left; display: table; margin: 5px 0 15px 0; font-size: var(--size-12);}

.dataTables_paginate a { margin-right: 8px; line-height: 28px; }
.dataTables_wrapper a.previous, .dataTables_wrapper a.next {font-size: 0;}
.dataTables_wrapper a.previous:before, .dataTables_wrapper a.next:before{ font-size: 16px;}
.dataTables_wrapper a.next { margin: 0px; }
.dataTables_wrapper .table { margin: 0px; }
.dataTables_info { float: left;}

.catalogsearch-result-index .page-title h1 { font-size: var(--size-16); }


@media screen and (max-width:1199px){
    .count-container .amount {display: none;}
}
@media screen and (max-width:991px){
    .sorter > .sort-by select {width: 130px;}
    .load-category {top: 50%;z-index: 999999;}
    .load-category:before {z-index: 999;}
    div.amshopby-overlay:before {content: ''; position: fixed; left: 0; right: 0; top: 0; background-color: #fff; width: 100%; display: block; z-index: 999999; height: 100vh; opacity: 0.5;}
}
@media screen and (max-width:770px){
    .sorter > .sort-by select {width: auto;}
}
@media screen and (max-width:720px){
    .toolbar .pager { width: 100%; float: left; }
    .toolbar .count-container { float: right; }
}
@media screen and (max-width:575px){
    .dataTables_info { display: none; }
}
@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {display: none; }
}

@media only screen and (max-width: 400px) {
    .sorter > .sort-by select, .toolbar .count-container .limiter select { padding: 0 5px; font-size: var(--size-11); }
    .toolbar label, .pager-no-toolbar label { font-size: var(--size-11); }
    .pages li { margin-right: 5px; }
    .pages { margin: 0; }
    .pages a, .pages .current, .dataTables_paginate a { width: 27px; height: 27px; line-height: 27px; }
    .pages .current { margin-top: 2px; }
    .toolbar .count-container {margin: 5px 0;}
}

@media screen and (max-width:350px){
    .sorter > .sort-by select, .toolbar .count-container .limiter select {padding: 0;}
}

.toolbar p.view-mode { float: right; margin: 0px; }
.view-mode strong, .view-mode a {display: inline-block; font-size: 18px; line-height: 18px; vertical-align: sub; margin: 0px 5px 0px;transition: all 0.3s; color: #b5b5b5;}
.view-mode .grid::before, .view-mode .list:before {font-family: "Font Awesome 5 Pro"; font-weight: bold;}
.view-mode .grid::before { content: '\f009';}
.view-mode .list:before {content: '\f03a';}
/* FIM TOOLBAR */