/**
* 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 {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.simple-pagination li {
	display:inline-block;
	margin:7px;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/
.dark-theme span {
	cursor:pointer;
}

.dark-theme a, .dark-theme span {
	display:block;
	border-radius:24px;
	text-align:center;
	width:48px;
	height:48px;
	line-height:48px;
}

.dark-theme a {
	background:#fff;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	-webkit-transition: all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	text-decoration:none !important;
}

.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.dark-theme .disabled>.current {
	background:#eee;
	box-shadow: none;
	cursor: default;
}

.dark-theme .active>.current {
	background:#182949;
	color: #FFF;
	box-shadow: none;
	cursor: default;
}

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