/* CHANGE THE PAGER STYLE */

.docSlider-pager {
	position		: fixed;
	z-index			: 100;
	top				: 50%;
	right			: 20px;
	-ms-transform		: translateX(-50%);
	-webkit-transform	: translateX(-50%);
	-moz-transform		: translateX(-50%);
	transform			: translateX(-50%);	
}

/* CHANGE THE BUTTON STYLE */

.docSlider-button {
	height				: 10px;
	width				: 10px;
	border-radius		: 50%;
	cursor				: pointer;
	display				: block;
	margin				: 5px 0;
	background-color	: #ffffff;
	opacity				: .25;
	appearance			: none;
	border				: none;
	box-sizing			: border-box;
}

.docSlider-button.selected {
  opacity	: 1;
}

.docSlider-button:active {
  outline	: none;
}

/**------------------------------
  REWRITING IS NOT RECOMMENDED
 -----------------------------**/
 
html, body {
  overflow		: hidden;
  touch-action	: none;
  height		: 100%;
}

html, body,
.docSlider,
.docSlider-inner,
.docSlider-page {
	box-sizing	: border-box;
	margin		: 0;
	padding		: 0;
	appearance	: none;
	border		: none;
	outline		: none;
}

html:active, body:active,
.docSlider:active,
.docSlider-inner:active,
.docSlider-page:active {
	outline		: none;
}

.docSlider {
	overflow	: hidden;
	width		: 80vw;
	height		: 100vh;
	position	: fixed;
	top			: 0;
	left		: 20vw;
}

.docSlider-inner {
	width		: inherit;
	height		: inherit;
	position	: fixed;
	top			: 0;
	left		: 20vw;
}

.docSlider-page {
	height				: inherit;
	width				: inherit;
	overflow			: auto;
	position			: absolute;
	overflow-scrolling	: touch;
}