/* backround colors */
/* ==================== */
/* bbbbbb dark grey */
/* efefef light grey */
/* b4b4fa light blue */

.pagination-holder ul{
    list-style: none;
    display: inline flow-root list-item;
    margin:  0;
    padding: 0;
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
/*     box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1), 0 0 0 1px #5a2463; */
}

.pagination-holder ul li a, .ellipse, .pagination-holder .active span, .pagination-holder .disabled span{
    display: block;
    width: 45px;
    height: 30px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: darkblue;
/*      border-radius: 4px; */
/*     -webkit-border-radius: 4px; */
/*     -moz-border-radius: 4px; */
/*     -ms-border-radius: 4px; */
/*     -o-border-radius: 4px; */
/*    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.5); */
}

.pagination-holder ul li:first-child a,
.pagination-holder ul li:first-child span{
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
    padd
}

.pagination-holder ul li:last-child a,
.pagination-holder ul li:last-child span{
	border-left: 1px solid #AAA;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
}

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

.pagination-holder .disabled span {
	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 */
	color: gray;
	cursor: default;
}

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

.pagination-div {
	padding: 0px 0px 0px 15px;
	margin: 0px 15px 0px 15px;
	box-shadow: inset 0px 0px 5px #949caa;
/* 	background-color:#E7E8FA; */
	background-color:#ffffff;
	display:flex;
	align-items:center;
}

.pagination-div-preorder {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	box-shadow: inset 0px 0px 5px #949caa;
	background-color:#cde5ec;
	display:flex;
	align-items:center;
}