#page_previewContentBody{
	height: 100%;
	width: 100%;
	min-width: 860px;
}
#page_previewContentBody > div{
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#pagePreviewCanvas{
	height: 91%;
}
#current_preview_page{
	height: 9%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#current_preview_page .toBeforePage{
	width: 45.7%;
  	-moz-align-items: center;
  	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center;
  	-moz-justify-content: flex-end;
  	-ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#current_preview_page .currentPage{
	width: 8.6%;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}
#current_preview_page .toNextPage{
	width: 45.7%;
  	-moz-align-items: center;
  	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center;
  	-moz-justify-content: flex-start;
  	-ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#current_preview_page i{
	color: #4597F5;
}
#current_preview_page .currentPage > input{
	padding: 0px;
	border: 0px solid;
}
#current_preview_page .currentPage > input:nth-child(1){
	text-align: right;
}
#current_preview_page .currentPage > input:nth-child(2){
	text-align: left;
}
#current_preview_page .currentPage label{
	margin: 0px;
    margin-left: 2.8%;
    margin-right: 2.8%;
}
#current_preview_page i.disable{
	opacity: 0.5;
	cursor: auto !important;
}

@media (max-width: 1609px){
	#page_previewContentBody{
		padding-top: 90px;
		padding-bottom: 70px;
	}
	#current_preview_page i{
		font-size: 25px;
	}
	#current_preview_page .currentPage > input, #current_preview_page .currentPage label{
		font-size: 12px !important;
	}
}

@media (min-width: 1610px) and (max-width: 1930px){
	#page_previewContentBody{
		padding-top: 112px;
		padding-bottom: 88px;
	}
	#current_preview_page i{
		font-size: 31px;
	}
	#current_preview_page .currentPage > input, #current_preview_page .currentPage label{
		font-size: 15px !important;
	}
}

@media (min-width: 1931px) and (max-width: 2570px){
	#page_previewContentBody{
		padding-top: 135px;
		padding-bottom: 104px;
	}
	#current_preview_page i{
		font-size: 37px;
	}
	#current_preview_page .currentPage > input, #current_preview_page .currentPage label{
		font-size: 18px !important;
	}
}

@media (min-width: 2571px) and (max-width: 3199px){
	#page_previewContentBody{
		padding-top: 180px;
		padding-bottom: 134px;
	}
	#current_preview_page i{
		font-size: 50px;
	}
	#current_preview_page .currentPage > input, #current_preview_page .currentPage label{
		font-size: 24px !important;
	}
}

@media (min-width: 3200px) and (max-width: 3839px){
	#page_previewContentBody{
		padding-top: 225px;
		padding-bottom: 167px;
	}
	#current_preview_page i{
		font-size: 62px;
	}
	#current_preview_page .currentPage > input, #current_preview_page .currentPage label{
		font-size: 30px !important;
	}
}

@media (min-width: 3840px){
	#page_previewContentBody{
		padding-top: 270px;
		padding-bottom: 200px;
	}
	#current_preview_page i{
		font-size: 75px;
	}
	#current_preview_page .currentPage > input, #current_preview_page .currentPage label{
		font-size: 36px !important;
	}
}