#tx_indexedsearch {
    padding-top: 20px;
    padding-bottom: 20px;
}

    #tx_indexedsearch .input-group {
        width: 100%;
    }

        #tx_indexedsearch .input-group-btn {
            width: 1%;
        }

.tx-indexedsearch-res {
    margin-bottom: 0;
}

.tx-indexedsearch-res + .tx-indexedsearch-res {
    border-top: 1px dashed #a8a8a8;
}

.tx-indexedsearch-res > *:last-child {
    padding-bottom: 24px;
}

.tx-indexedsearch-res .rating {
    padding-top: 24px;
}

.tx-indexedsearch-res:first-child .rating {
  padding-top: 0;
}

/* copied values from bootstrap - class cannot be changed to .pagination */
ul.tx-indexedsearch-browsebox {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0;
    width: 100%;
    position: relative;
    text-align: center;
}

    ul.tx-indexedsearch-browsebox > li {
        display: inline-block;
        padding-left: 2px;
        padding-right: 2px;
    }

        ul.tx-indexedsearch-browsebox > li a {
            padding: 0;
            min-width: 36px;
            height: 36px;
            text-align: center;
            line-height: 36px;
            position: relative;
            float: left;
            text-decoration: none;
            border: 1px solid #e3e3e3;
            color: #505050;
            background-color: transparent;
            margin-left: -1px;
        }

        ul.tx-indexedsearch-browsebox > li a:hover,
        ul.tx-indexedsearch-browsebox > li a:focus,
        ul.tx-indexedsearch-browsebox > li a:active {
            z-index: 2;
            color: #7ea892;
            background-color: transparent;
            border-color: #7ea892;
        }

        ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage a,
        ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage a:hover,
        ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage a:focus,
        ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage a:active {
            z-index: 3;
            color: #7ea892;
            background-color: transparent;
            border-color: #7ea892;
            cursor: default;
            font-weight: normal;
        }

        ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage:last-child a {
            margin-left: 0;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

    ul.tx-indexedsearch-browsebox > li:last-child {
        float: right;
    }

    ul.tx-indexedsearch-browsebox > li:first-child {
        float: left;
    }

    ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage:first-child, ul.tx-indexedsearch-browsebox > li.tx-indexedsearch-browselist-currentPage:last-child {
        float: none;
    }

        ul.tx-indexedsearch-browsebox > li:last-child > a, ul.tx-indexedsearch-browsebox > li:first-child > a {
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            cursor: pointer;
            background-image: none;
            white-space: nowrap;
            font-size: 15px;
            position: relative;
            float: left;
            text-decoration: none;
            color: #fff;
            background-color: #7ea892;
            text-align: center;
            border: none;
            line-height: 22px;
            min-width: 75px;
            height: auto;
            padding: 6px 12px;
            margin-top: 1px;
        }

        ul.tx-indexedsearch-browsebox > li:last-child > a {
            margin-left: 15px;
        }

        ul.tx-indexedsearch-browsebox > li:first-child > a {
            margin-right: 15px;
        }

        ul.tx-indexedsearch-browsebox > li:last-child > a:before, ul.tx-indexedsearch-browsebox > li:first-child > a:after {
            content: '';
            background-image: url('/fileadmin/img/polygon.svg');
            background-repeat: no-repeat;
            background-size: 15px 200%;
            display: block;
            width: 15px;
            height: 100%;
            position: absolute;
            top: 0;
            left: -15px;
        }

        ul.tx-indexedsearch-browsebox > li:first-child > a:after {
            background-image: url('/fileadmin/img/polygon_revers.svg');
            left: auto;
            right: -15px;
        }

        ul.tx-indexedsearch-browsebox > li:last-child > a:hover, ul.tx-indexedsearch-browsebox > li:first-child > a:hover,
        ul.tx-indexedsearch-browsebox > li:last-child > a:focus, ul.tx-indexedsearch-browsebox > li:first-child > a:focus,
        ul.tx-indexedsearch-browsebox > li:last-child > a:active, ul.tx-indexedsearch-browsebox > li:first-child > a:active {
            background-color: #648574;
        }

        ul.tx-indexedsearch-browsebox > li:last-child > a:hover:before, ul.tx-indexedsearch-browsebox > li:first-child > a:hover:after,
        ul.tx-indexedsearch-browsebox > li:last-child > a:focus:before, ul.tx-indexedsearch-browsebox > li:first-child > a:focus:after,
        ul.tx-indexedsearch-browsebox > li:last-child > a:active:before, ul.tx-indexedsearch-browsebox > li:first-child > a:active:after {
            background-position: 0 100%;
        }