/**
* 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;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}





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



.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
    width: 40px !important;
    height: 25px !important;
    float: left;
    color: var(--heading);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    border-right: 1px solid #d8d8d8;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 0px;
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef; 
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); 
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); 
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); 
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); 
    background: linear-gradient(top, #ffffff 0%,#efefef 100%);*/
}

    .light-theme a.next, .light-theme span.next {
        color: var(--heading) !important;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        padding: 0 7px;
        margin: 0px 35px 0 0;
        background: none !important;
        border: none;
        box-shadow: none !important;
    }
    .light-theme a.prev, .light-theme span.prev {
        color: var(--heading) !important;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        padding: 0 7px;
        margin: 0px 35px 0 0;
        background: none !important;
        border: none;
        box-shadow: none !important;
    }

.prev i {
    font-size: 11px;
}
.next i {
    font-size: 11px;
}
/*.page-link {
    width: 30px;
    height: 30px;
}*/
.page-link:hover {
    color: var(--white);
    background: var(--primary) !important;
}


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

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

.light-theme .disabled .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;
}