/* START CUSTOMIZATION OF PAGINATION FOR WITHOUT USING ahref or button */
.paginationbase {
  text-align: left;
  margin-top: 5%;
  margin-bottom: 2%;
}

.pagin {
  display: inline-flex;
  list-style: none;
  padding-left: 0px;
}

.sbwprev {
  cursor: pointer;
}

.sbwnext {
  cursor: pointer;
}

.current {
  color: white;
  background-color: var(--color3) !important;
}

.btno {
  cursor: pointer;
}


.btno.current{
	color: white;
    background-color: var(--color3);
}


li.btno {
    background-color: #293c47;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
    font-size: 1rem;
    margin-left: 1px;
	color: white;
	cursor: pointer;
}

li.sbwprev {
    background-color: #293c47;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
    font-size: 1rem;
	color: white;
	margin-right: 2px;
}



li.sbwnext {
    background-color: #293c47;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
    font-size: 1rem;
	color: white;
	margin-left: 2px;
}



.showingpageof {
    margin-left: 2%;
}