/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
/* Custom Paginate Style form Sentir */
.pagination.square > li:first-child > a,
.pagination.square > li:first-child > span {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pagination.square > li:last-child > a,
.pagination.square > li:last-child > span {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.pagination.separated > li > a,
.pagination.separated > li > span {
	margin: 0 2px;
	border-radius: 4px;
}
.pagination.separated-square > li > a,
.pagination.separated-square > li > span {
	margin: 0 2px;
	border-radius: 0px;
}
.pagination > li > a,
.pagination > li > span {
	color: #434A54;
	border-color: #CCD0DB;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #434A54;
	background-color: #F5F7FA;
	border-color: #CCD0DB;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #434A54;
	border-color: #434A54;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #AAB2BD;
	border-color: #CCD0DB;
}

.pager.primary > li > a,
.pager.primary > li > span,
.pagination.primary > li > a,
.pagination.primary > li > span {
	color: #37BC9B;
}
.pagination.primary > .active > a,
.pagination.primary > .active > span,
.pagination.primary > .active > a:hover,
.pagination.primary > .active > span:hover,
.pagination.primary > .active > a:focus,
.pagination.primary > .active > span:focus {
	background-color: #37BC9B;
	border-color: #37BC9B;
	color: #fff;
}

.pager.success > li > a,
.pager.success > li > span,
.pagination.success > li > a,
.pagination.success > li > span {
	color: #8CC152;
}
.pagination.success > .active > a,
.pagination.success > .active > span,
.pagination.success > .active > a:hover,
.pagination.success > .active > span:hover,
.pagination.success > .active > a:focus,
.pagination.success > .active > span:focus {
	background-color: #8CC152;
	border-color: #8CC152;
	color: #fff;
}

.pager.info > li > a,
.pager.info > li > span,
.pagination.info > li > a,
.pagination.info > li > span {
	color: #3BAFDA;
}
.pagination.info > .active > a,
.pagination.info > .active > span,
.pagination.info > .active > a:hover,
.pagination.info > .active > span:hover,
.pagination.info > .active > a:focus,
.pagination.info > .active > span:focus {
	background-color: #3BAFDA;
	border-color: #3BAFDA;
	color: #fff;
}

.pager.danger > li > a,
.pager.danger > li > span ,
.pagination.danger > li > a,
.pagination.danger > li > span {
	color: #E9573F;
}
.pagination.danger > .active > a,
.pagination.danger > .active > span,
.pagination.danger > .active > a:hover,
.pagination.danger > .active > span:hover,
.pagination.danger > .active > a:focus,
.pagination.danger > .active > span:focus {
	background-color: #E9573F;
	border-color: #E9573F;
	color: #fff;
}

.pager.warning > li > a,
.pager.warning > li > span ,
.pagination.warning > li > a,
.pagination.warning > li > span {
	color: #F6BB42;
}
.pagination.warning > .active > a,
.pagination.warning > .active > span,
.pagination.warning > .active > a:hover,
.pagination.warning > .active > span:hover,
.pagination.warning > .active > a:focus,
.pagination.warning > .active > span:focus {
	background-color: #F6BB42;
	border-color: #F6BB42;
	color: #fff;
}


.pager.block-color > li > a,
.pager.block-color > li > span,
.pagination.block-color > li > a,
.pagination.block-color > li > span {
	color: #fff;
	background-color: #434A54;
	border-color: #656D78;
}
.pager.block-color > li > a:hover,
.pager.block-color > li > span:hover,
.pager.block-color > li > a:focus,
.pager.block-color > li > span:focus,
.pagination.block-color > li > a:hover,
.pagination.block-color > li > span:hover,
.pagination.block-color > li > a:focus,
.pagination.block-color > li > span:focus {
	color: #fff;
	background-color: #3E434D;
	border-color: #656D78;
}
.pagination.block-color > .active > a,
.pagination.block-color > .active > span,
.pagination.block-color > .active > a:hover,
.pagination.block-color > .active > span:hover,
.pagination.block-color > .active > a:focus,
.pagination.block-color > .active > span:focus {
	background-color: #2E363E;
	border-color: #656D78;
	color: #fff;
}
.pager.block-color > .disabled > span,
.pager.block-color > .disabled > span:hover,
.pager.block-color > .disabled > span:focus,
.pager.block-color > .disabled > a,
.pager.block-color > .disabled > a:hover,
.pager.block-color > .disabled > a:focus,
.pagination.block-color > .disabled > span,
.pagination.block-color > .disabled > span:hover,
.pagination.block-color > .disabled > span:focus,
.pagination.block-color > .disabled > a,
.pagination.block-color > .disabled > a:hover,
.pagination.block-color > .disabled > a:focus {
	color: #AAB2BD;
	border-color: #656D78;
}

.pager.primary.block-color > li > a,
.pager.primary.block-color > li > span,
.pagination.primary.block-color > li > a,
.pagination.primary.block-color > li > span {
	color: #fff;
	background-color: #37BC9B;
	border-color: #48CFAD;
}
.pager.primary.block-color > li > a:hover,
.pager.primary.block-color > li > span:hover,
.pager.primary.block-color > li > a:focus,
.pager.primary.block-color > li > span:focus,
.pagination.primary.block-color > li > a:hover,
.pagination.primary.block-color > li > span:hover,
.pagination.primary.block-color > li > a:focus,
.pagination.primary.block-color > li > span:focus {
	background-color: #31B495;
}
.pagination.primary.block-color > .active > a,
.pagination.primary.block-color > .active > span,
.pagination.primary.block-color > .active > a:hover,
.pagination.primary.block-color > .active > span:hover,
.pagination.primary.block-color > .active > a:focus,
.pagination.primary.block-color > .active > span:focus {
	background-color: #29A789;
	border-color: #48CFAD;
	color: #fff;
}
.pager.primary.block-color > .disabled > span,
.pager.primary.block-color > .disabled > span:hover,
.pager.primary.block-color > .disabled > span:focus,
.pager.primary.block-color > .disabled > a,
.pager.primary.block-color > .disabled > a:hover,
.pager.primary.block-color > .disabled > a:focus, 
.pagination.primary.block-color > .disabled > span,
.pagination.primary.block-color > .disabled > span:hover,
.pagination.primary.block-color > .disabled > span:focus,
.pagination.primary.block-color > .disabled > a,
.pagination.primary.block-color > .disabled > a:hover,
.pagination.primary.block-color > .disabled > a:focus {
	color: #fff;
	color: rgba(255,255,255,0.5);
	border-color: #48CFAD;
	background-color: #37BC9B;
}

.pager.success.block-color > li > a,
.pager.success.block-color > li > span,
.pagination.success.block-color > li > a,
.pagination.success.block-color > li > span {
	color: #fff;
	background-color: #8CC152;
	border-color: #A0D468;
}
.pager.success.block-color > li > a:hover,
.pager.success.block-color > li > span:hover,
.pager.success.block-color > li > a:focus,
.pager.success.block-color > li > span:focus,
.pagination.success.block-color > li > a:hover,
.pagination.success.block-color > li > span:hover,
.pagination.success.block-color > li > a:focus,
.pagination.success.block-color > li > span:focus {
	background-color: #83B94B;
}
.pagination.success.block-color > .active > a,
.pagination.success.block-color > .active > span,
.pagination.success.block-color > .active > a:hover,
.pagination.success.block-color > .active > span:hover,
.pagination.success.block-color > .active > a:focus,
.pagination.success.block-color > .active > span:focus {
	background-color: #74A73E;
	border-color: #A0D468;
	color: #fff;
}
.pager.success.block-color > .disabled > span,
.pager.success.block-color > .disabled > span:hover,
.pager.success.block-color > .disabled > span:focus,
.pager.success.block-color > .disabled > a,
.pager.success.block-color > .disabled > a:hover,
.pager.success.block-color > .disabled > a:focus,
.pagination.success.block-color > .disabled > span,
.pagination.success.block-color > .disabled > span:hover,
.pagination.success.block-color > .disabled > span:focus,
.pagination.success.block-color > .disabled > a,
.pagination.success.block-color > .disabled > a:hover,
.pagination.success.block-color > .disabled > a:focus {
	color: #fff;
	color: rgba(255,255,255,0.5);
	border-color: #A0D468;
	background-color: #8CC152;
}

.pager.info.block-color > li > a,
.pager.info.block-color > li > span, 
.pagination.info.block-color > li > a,
.pagination.info.block-color > li > span {
	color: #fff;
	background-color: #3BAFDA;
	border-color: #4FC1E9;
}
.pager.info.block-color > li > a:hover,
.pager.info.block-color > li > span:hover,
.pager.info.block-color > li > a:focus,
.pager.info.block-color > li > span:focus,
.pagination.info.block-color > li > a:hover,
.pagination.info.block-color > li > span:hover,
.pagination.info.block-color > li > a:focus,
.pagination.info.block-color > li > span:focus {
	background-color: #31A5D1;
}
.pagination.info.block-color > .active > a,
.pagination.info.block-color > .active > span,
.pagination.info.block-color > .active > a:hover,
.pagination.info.block-color > .active > span:hover,
.pagination.info.block-color > .active > a:focus,
.pagination.info.block-color > .active > span:focus {
	background-color: #2993BC;
	border-color: #4FC1E9;
	color: #fff;
}
.pager.info.block-color > .disabled > span,
.pager.info.block-color > .disabled > span:hover,
.pager.info.block-color > .disabled > span:focus,
.pager.info.block-color > .disabled > a,
.pager.info.block-color > .disabled > a:hover,
.pager.info.block-color > .disabled > a:focus,
.pagination.info.block-color > .disabled > span,
.pagination.info.block-color > .disabled > span:hover,
.pagination.info.block-color > .disabled > span:focus,
.pagination.info.block-color > .disabled > a,
.pagination.info.block-color > .disabled > a:hover,
.pagination.info.block-color > .disabled > a:focus {
	color: #fff;
	color: rgba(255,255,255,0.5);
	border-color: #4FC1E9;
	background-color: #3BAFDA;
}

.pager.danger.block-color > li > a,
.pager.danger.block-color > li > span ,
.pagination.danger.block-color > li > a,
.pagination.danger.block-color > li > span {
	color: #fff;
	background-color: #E9573F;
	border-color: #FC6E51;
}
.pager.danger.block-color > li > a:hover,
.pager.danger.block-color > li > span:hover,
.pager.danger.block-color > li > a:focus,
.pager.danger.block-color > li > span:focus,
.pagination.danger.block-color > li > a:hover,
.pagination.danger.block-color > li > span:hover,
.pagination.danger.block-color > li > a:focus,
.pagination.danger.block-color > li > span:focus {
	background-color: #DB5036;
}
.pagination.danger.block-color > .active > a,
.pagination.danger.block-color > .active > span,
.pagination.danger.block-color > .active > a:hover,
.pagination.danger.block-color > .active > span:hover,
.pagination.danger.block-color > .active > a:focus,
.pagination.danger.block-color > .active > span:focus {
	background-color: #CB462C;
	border-color: #FC6E51;
	color: #fff;
}
.pager.danger.block-color > .disabled > span,
.pager.danger.block-color > .disabled > span:hover,
.pager.danger.block-color > .disabled > span:focus,
.pager.danger.block-color > .disabled > a,
.pager.danger.block-color > .disabled > a:hover,
.pager.danger.block-color > .disabled > a:focus,
.pagination.danger.block-color > .disabled > span,
.pagination.danger.block-color > .disabled > span:hover,
.pagination.danger.block-color > .disabled > span:focus,
.pagination.danger.block-color > .disabled > a,
.pagination.danger.block-color > .disabled > a:hover,
.pagination.danger.block-color > .disabled > a:focus {
	color: #fff;
	color: rgba(255,255,255,0.5);
	border-color: #FC6E51;
	background-color: #E9573F;
}

.pager.warning.block-color > li > a,
.pager.warning.block-color > li > span,
.pagination.warning.block-color > li > a,
.pagination.warning.block-color > li > span {
	color: #fff;
	background-color: #F6BB42;
	border-color: #FFCE54;
}
.pager.warning.block-color > li > a:hover,
.pager.warning.block-color > li > span:hover,
.pager.warning.block-color > li > a:focus,
.pager.warning.block-color > li > span:focus,
.pagination.warning.block-color > li > a:hover,
.pagination.warning.block-color > li > span:hover,
.pagination.warning.block-color > li > a:focus,
.pagination.warning.block-color > li > span:focus {
	background-color: #EDB239;
}
.pagination.warning.block-color > .active > a,
.pagination.warning.block-color > .active > span,
.pagination.warning.block-color > .active > a:hover,
.pagination.warning.block-color > .active > span:hover,
.pagination.warning.block-color > .active > a:focus,
.pagination.warning.block-color > .active > span:focus {
	background-color: #DEA531;
	border-color: #FFCE54;
	color: #fff;
}
.pager.warning.block-color > .disabled > span,
.pager.warning.block-color > .disabled > span:hover,
.pager.warning.block-color > .disabled > span:focus,
.pager.warning.block-color > .disabled > a,
.pager.warning.block-color > .disabled > a:hover,
.pager.warning.block-color > .disabled > a:focus,
.pagination.warning.block-color > .disabled > span,
.pagination.warning.block-color > .disabled > span:hover,
.pagination.warning.block-color > .disabled > span:focus,
.pagination.warning.block-color > .disabled > a,
.pagination.warning.block-color > .disabled > a:hover,
.pagination.warning.block-color > .disabled > a:focus {
	color: #fff;
	color: rgba(255,255,255,0.5);
	border-color: #FFCE54;
	background-color: #F6BB42;
}