.pager {display: flex;align-items: center;font-size: 12px;line-height: 18px;color: #37384D;margin: 10px 0 auto;}

.pager ul {list-style: none;display: inline-block;font-size: 14px;line-height: 18px;vertical-align: middle;display: flex;flex-wrap: wrap;align-items: center;}
.pager li {display: inline-block;margin-right: 5px;vertical-align: top;}

.pager li.page > a,
.pager li.page > span {background: #fff;color: inherit;display: block;min-width: 36px;height: 36px;line-height: 34px;padding: 0 5px;border: 1px solid #DADADA;border-radius: 10px;text-align: center;font-weight: 500;font-size: 12px;text-decoration: none;box-shadow: 0 1px 4px rgba(0,0,0,.06);transition: background-color .25s ease, border-color .25s ease;}

.pager li.page > a:hover {border-color: #5E5F70;}

.pager li.selected {font-weight: 600;}

.pager li.selected > a,
.pager li.selected > span {background: #E7F3E6;border-color: #BCD8B9;color: #2E811D;box-shadow: none;cursor: default;}

.pager .hidden {display:none;}

.pager .disabled {opacity: .5;pointer-events: none;}



/*
ul.yiiPager {
	font-size:11px;
	border:0;
	margin:0;
	padding:0;
	line-height:100%;
	display:inline;
}

ul.yiiPager li {
	display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
	border:solid 1px #9aafe5;
	font-weight:bold;
	color:#0e509e;
	padding:1px 6px;
	text-decoration:none;
}

ul.yiiPager .page a {
	font-weight:normal;
}

ul.yiiPager a:hover {
	border:solid 1px #0e509e;
}

ul.yiiPager .selected a {
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
}

ul.yiiPager .hidden a {
	border:solid 1px #DEDEDE;
	color:#888888;
}


ul.yiiPager .first,
ul.yiiPager .last {display:none;}
/**/