﻿body {
}

.toolbar {
    clear: both;
    margin-top: 0px;
    padding: 20px 25px;
    display: inline-block;
    width: 100%;
    padding-top: 0px;
    border-bottom: #ececec double;
}

.toolbar .sorter {
    float: left;
}

.toolbar-bottom {
    margin-top: 0;
}

.toolbar .pager .pages ol {
    float: none;
}
.toolbar .button-list {
    background: #fff url(../images/icon_list.png) no-repeat 12px 7px;
    text-transform: none;
    padding: 6px 8px 7px 25px;
    color: #333;
    border: 1px #ddd solid;
    border-radius: 0px;
}

.toolbar a.button-grid {
    background: #f8f8f8 url(../images/icon_grid_over.png) no-repeat 12px 9px;
    border: 1px #ddd solid;
    color: #333;
    padding: 6px 8px 7px 25px;
    border-radius: 0px;
}

.toolbar span.button-active.button-grid {
    background: url(../images/icon_grid_act.png) no-repeat 10px 9px;
    background-color: #88be4c;
    color: #fff;
    padding: 6px 8px 7px 22px;
    margin-right: 5px;
    border: 1px #88be4c solid;
    border-radius: 0px;
}

.toolbar span.button-active.button-list {
    background: url(../images/icon_list_act.png) no-repeat 10px 7px;
    background-color: #88be4c;
    color: #fff;
    padding: 6px 11px 7px 22px;
    border: 1px #88be4c solid;
    border-radius: 0px;
}

.toolbar .pager {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    width: 45%;
}

.pager .amount, .sorter .amount {
    padding-left: 10px;
    margin-top: 4px;
    display: inline-block;
}

.toolbar .pager .limiter {
    margin-top: 2px;
    float: left;
}

.toolbar-bottom .pager .limiter {
    position: static;
}

.pager .button {
    padding: 4px 5px;
    background-color: #fff;
}

    .pager .button :hover {
        padding: 4px 5px;
        background-color: #fff;
    }

.toolbar .actions {
    margin-right: 30px;
}

.pager .limiter label, .toolbar label {
    display: inline;
    float: left;
    margin-right: 10px;
    padding: 5px 0;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}

.toolbar .sorter .sort-by {
    margin-right: 30px;
}

.pager .amount {
    margin-right: 20px;
}
.pagination .pageActive span {
    border: medium none;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #dee2e6;
    cursor: pointer;
}
.pagination .pageInActive span {
    border: medium none;
    color: #000;
    cursor: default;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #dee2e6;
    cursor: pointer;
}
.pageActive span {
    background-color: #F23534;
}
