/* Pagination css */

/* font setting */
.pagination .active {
	font-family: "montserratbold", verdana, helvetica, sans-serif;
	}


.pagination {
	position: relative;
	width: auto;
	float: right;
	}

.pagination li {
	list-style: none;
	text-align: center;
	min-width: 36px;
	float: left;
	}

.pagination li .no-jump  {opacity: 0.3;}

.jump 							{ cursor: pointer; }

.pagination .active,

.pagination li .jump:hover 		{ color: #ff9f1c; }

/* Border outline for selected elements */
.pagination li:focus-within	{ outline: auto; outline-color: #000;}

.pagination .fa-angle-left,
.pagination .fa-angle-right,
.pagination .fa-caret-right,
.pagination .fa-caret-left	{
	line-height: 24px;
	min-width: 14px;
	}

.pagination .fa-caret-right,
.pagination .fa-caret-left {
	color: #5f5f5f;
	}


.disable,
.disable:hover {
	color: #dcdcdc;
	cursor: none;
	}

.detail-pagination {
	position: absolute;
	list-style: none;
	text-align: right;
	width: 100%;
	padding: 0px 25px 0px 25px;
	
	left: 0px;
}

.detail-pagination:not(.bottom-pagination){
	top: 15px;
}

.detail-pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
  	overflow: hidden;
}



.bottom-pagination {
	/* top: auto; */
	bottom: 0px;
	left: 0px;
}



.detail-pagination li			{ display: inline-block; }

.detail-pagination a 			{ 
	/* display: inline-block; */
	width: 100%;
	height: 100%;
	color: #5f5f5f; 
	text-decoration: none; 
	overflow: hidden;

}
.detail-pagination a:hover 		{ color: #ff9f1c; text-decoration: none; }

.detail-pagination .disabled,
.detail-pagination .disabled a {
	color: #dcdcdc;
	text-decoration: none;
	cursor: default;
	}

/* --------------------------------------- */
/* mediaqueries css */
/* --------------------------------------- */

@media only screen and (max-width: 1024px) {
	/* Move pagination down */
	.detail-pagination { 
		left: -10px;
	}
	.detail-pagination:not(.bottom-pagination) {
		top: 26px;
	}
}

/* ==> breakpoint mobiles */
@media only screen and (max-width: 640px) {

	.overview-page {
		width: 46px;
		height: 24px;
		overflow: hidden;
		}

}