/**
* 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;
    width: fit-content;
    margin: 10px auto;
}

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

.simple-pagination li {
    position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
    cursor: pointer;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

span.ellipse.clickable input {
    padding-left: 5px;
    padding-top: 5px;
    margin-top: 0;
    width: 35px;
    height: 35px;
    color: #5f7576;
}

.ellipse input:focus{
    outline: none;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
	display: inline-block;
	position: relative;
	width: 35px;
	height: 35px;
	background: #ffffff;
	border: 1px solid #c4cccc;
	border-radius: 3px;
	text-align: center;
	margin-left: 5px;
    margin-right: 5px;
    color: #5f7576;
    padding: 8px 0;
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
    background: #FCFCFC;
    color: #5f7576;
}

.light-theme .current {
	background: #5f7576;
	color: #fff;
    cursor: default;
    padding: 6px 0;
}

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

.light-theme ul li:first-child span,
.light-theme ul li:first-child a{
    padding-left: 12px;
    padding-right: 0;
}

.light-theme ul li:last-child span,
.light-theme ul li:last-child a{
    padding-right: 12px;
    padding-left: 0;
}

.light-theme ul li:first-child span,
.light-theme ul li:first-child a,
.light-theme ul li:last-child a,
.light-theme ul li:last-child span{
    width: fit-content;
    background-color: transparent;
    border: none;
    color: #5f7576;
}

.light-theme ul li:first-child:before,
.light-theme ul li:last-child:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #cf3b31;
    border-left: 2px solid #cf3b31;
}

.light-theme ul li:first-child:before{
    left: 7px;
	top: 50%;
	transform: rotate(-45deg) translateY(-50%);
}

.light-theme ul li:last-child:after{
    right: 7px;
	top: 30%;
	transform: rotate(135deg) translateY(-50%);
}