<nav aria-label="Lapozó" class="" role="navigation">
    <ul class="pagination">
        <li class="disabled"><a href="#" aria-disabled="true" aria-label="Vissza az első oldalra" title="Vissza az első oldalra" aria-current="false" data-toggle="tooltip"><i class="fa fa-angle-double-left" aria-hidden="true"></i></a></li>
        <li class="disabled"><a href="#" aria-disabled="true" aria-label="Előző oldal" title="Előző oldal" aria-current="false" data-toggle="tooltip"><i class="fa fa-angle-left" aria-hidden="true"></i></a></li>
        <li class="active"><a href="#" title="Első oldal, aktuális oldal" aria-label="első oldal, aktuális oldal" aria-current="true" data-toggle="tooltip">1</a></li>
        <li class=""><a href="#" title="Második oldal" aria-label="második oldal" aria-current="false" data-toggle="tooltip">2</a></li>
        <li class=""><a href="#" title="Harmadik oldal" aria-label="harmadik oldal" aria-current="false" data-toggle="tooltip">3</a></li>
        <li><a href="#" aria-disabled="false" href="#" title="Következő oldal" aria-label="következő oldal" aria-current="false" data-toggle="tooltip"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
        <li><a href="#" aria-disabled="false" aria-label="Utolsó oldal" title="Utolsó oldal" aria-current="false" data-toggle="tooltip"><i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li>
        <li>
            <div class="btn-group">
                <select class="form-control" title="megjeleníthető elemek száma" aria-label="megjeleníthető elemek száma" data-toggle="tooltip">
                    <option value="10">– 10 –</option>
                    <option value="25">– 25 –</option>
                    <option value="50">– 50 –</option>
                    <option value="100">– 100 –</option>
                </select>
            </div>
        </li>
    </ul>
</nav>

.pagination>li>a,
.pagination>li>span {
	border: none;
	padding: 5px 15px;
	font-size: 0.8rem;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
a[aria-disabled=true],
button[aria-disabled=true] {
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: not-allowed;
}

.pagination>li>a,
.pagination>li>span {
	border: none;
	padding: 5px 15px;
	font-size: 0.8rem;
}

.pagination>.disabled>a:focus,
.pagination>.disabled>span:focus {
	cursor: not-allowed;
	background-color: #fff;
	border-color: #fff;
	outline-offset: -1px;
	outline: 1px solid #4a5ef5;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>li>a:hover {
	background-color: #004b88;
	border-color: #004b88;
	color: #fff;
}