body, html, #PageForm
{
	height: 100%;
}

.pix-dialog
{
	height: calc(100% - 20px) !important;
	background-color: #ffffff;
}

.ui-dialog 
{
	overflow-y: auto; 
}

#pixelator
{
	width: 1650px;
	display: block;
	height: calc(100% - 20px); 
}

#pixelator .mdl-hdr, #pixelator .mdl-bdy, #pixelator .mdl-ftr
{
	margin: 0;
}

#pixelatorToolbarDiv
{
	background-color: white;
	background-color: #eeeeee;
	padding: 6px;
	height: 43px;
	float: left;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}

#pixelatorHeaderDiv
{
	height: calc(100% - 58px);
}

#pixelatorCancelButton
{
	float: right;
}

#pixelatorZoomOutImageButton
{
	margin-left: 600px;
}

.pixelatorSpan
{
	text-align: center;
	color: gray;
	font-size: 0.7em;
}

.pix-wrd-cnt-cntrls span
{
	vertical-align: top;
}

#pixelatorZoomLevelSpan
{
	width: 30px;
	text-align: center;
}

#pixelatorImageDiv
{
	overflow: auto !important;
	border: 1px solid gray;
	background-color: lightGray;
	width: 100%;
	height: calc(100vh - 250px);
}

#pixelatorImage
{
	transform-origin-x: 0% !important;
	transform-origin-y: 0% !important;
	transform-origin: 0% 0% 0px !important;
	filter: none !important;
}

#pixelatorCoverPageWordCountWrapperLabel,
#pixelatorSubPageWordCountWrapperLabel
{
	xmargin-left: 300px;
}

#pixelatorCoverPageWordCountLabel,
#pixelatorSubPageWordCountLabel
{
	font-weight: bold;
}

.pix-icn.dsbld
{
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

#pixelator #pixelatorDrawRegionButton
{
	background-color: #bbbbbb;
	opacity: .8;
	color: #000000;
	border-color: #888888;
	pointer-events: none;
}

#pixelatorFooterDiv
{
	padding: 10px 0px 0px 0px;
}

#pixelatorFooterDiv input
{
	border: none;
}

#pixelatorSaveButton
{
	float: right;
	clear: both;
}

.imgareaselect-outer
{
	display: none;
}

#pixelatorHeaderDiv, #pixelatorHeaderDiv div
{
	display: block;
}

#pixelatorHeaderDiv
{
	padding: 3px 8px 5px 8px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.pix-dialog .ui-dialog-titlebar, .pub-upld-dialog .ui-dialog-titlebar
{
	background-color: #868686;
	height: 23px;
	color: #ffffff;
	padding-left: 8px;
	padding-top: 3px;
}

#pixelatorHeaderDiv div span
{
font-size: 14px;
}

#pixelatorHeaderDiv div span.pixelatorHeaderDataSpan
{
	font-weight: bold;
}

.pix-pub-name
{
	float: left;
}

.pix-avg-wrd-cnt
{
	float: right;
}

#pixelatorPageNumberDiv ul li
{
	display: inline;
	margin: 0px 2px;
	float: left;
}

#pixelatorPageNumberDiv ul li input
{
	float: left;
	clear: both;
}

.pix-main-cntrls, .pix-zoom-cntrls, .pix-cvr-pg-cntrls
{
	float: left;
}

.pix-zoom-cntrls
{
	margin-left: 35px;
}

.pix-cvr-pg-cntrls
{
	margin-left: 20px;
	margin-top: 4px;
}

.pix-wrd-cnt-cntrls
{
	xmargin-left: 330px; /* temp fixed position */
	float: right;
	clear: none;
}

.pix-wrd-cnt-cntrls div
{
	display: block;
	text-align: right;
	height: 14px;
}

.pix-zoom-cntrls a, .pix-zoom-cntrls span
{
	float: left;
}

.pix-zoom-cntrls .pixelatorSpan
{
	padding-top: 10px;
}

#pixelator .pix-control-btn
{
	border: 1px solid #979797;
	float: left;
	font-size: 24px;
	height: 32px;
	width: 32px;
	margin: 0 2px;
	padding-top: 6px;
	padding-left: 6px;
	box-sizing: border-box;
	color: #656565;
	font-size: 18px;
}

#pixelator .pix-dlt-all-rgns
{
	font-size: 21px;
	padding-left: 5px;
	padding-top: 5px;
}
	

#pixelator .pix-control-btn:first-child
{
	margin-left: 0px;
}

#pixelatorCoverPageCheckbox
{
	vertical-align: middle;
}

#pixelator .pix-dlt-all-crnt-page /* delete all */
{
	font-size: 24px;
	padding: 3px;
}

#pixelator .pix-dlt-all-icn
{
	font-size: 16px;
	opacity: 0.6;
	padding-top: 2px;
	position: absolute;
	left: 9px;
	top: 9px;
}

#pixelatorDeleteAllRegionsDiv
{
	float: left;
	position: relative;
}

#pixelator .pix-dlt-all
{
	font-size: 12px;
	float: left;
	margin-left: 15px;
	margin-top: 12px;
	padding-left: 10px;
}

#pixelator .pix-dlt-all:hover
{
	cursor: pointer;
}

#pixelator a.pix-control-btn:hover
{
	cursor: pointer;
}

#pixelatorPageNumberDiv ul
{
	margin: 6px 0 0 0;
	padding: 0 0 0 6px;
	float: left;
}

#pixelator .select-areas-background-area
{
	background: none !important; /* overrides jQuery select area */
}

#pixelator .select-areas-background-area:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}

#pixelator .select-areas-delete-area
{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon_gui' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

	position: absolute;
	right: -11px;
	top: 15px;
	background: none;
	color: #797979;
	opacity: 0.5;
	font-size: 18px;
	width: 18px;
	height: 18px;
	transition: color .3s ease-in-out, opacity .3s ease-in-out;;
}

#pixelator .select-areas-delete-area:hover
{
	color: #e45b5b;
	opacity: 1;
}

#pixelator .select-areas-delete-area:before
{
	content: "\e917";
}

#pixelator .select-areas-outline
{
	background: none; /* overwrites dotted border */
	border: 1px solid #222301;
	background-color: #fcff95; /* yellow */
	opacity: .4;
}

#pixelator.pix-cvr-pg .select-areas-outline
{
	background-color: #95cdff; /* blue */
	opacity: .3;	
}

#pixelator .select-areas-overlay
{
	display: none !important; /* overwrites default overlay */
}

#pixelator .select-areas-resize-handler
{
	z-index: 103 !important; /* grab handles above border */
	opacity: 1 !important;
	background-color: #4d4d4d;
}


#pixelatorPageNumberDiv ul li input
{
	border: 1px solid gray;
	padding: 5px 8px 5px 8px;
	border-radius: 2px;
	background-color: white;
	color: black;
}


#pixelatorPageNumberDiv ul li input:hover
{
	cursor: pointer;
}

#pixelatorPageNumberDiv ul li input:disabled
{
	background-color: #8c8c8c;
	color: #ffffff;
}

#pixelatorPageNumberDiv
{
	float: left;
	box-sizing: border-box;
	margin-bottom: 0px;
}

#pixelatorCheckBox_All
{
	margin-left: 10px;
	margin-top: 14px;
	margin-right: 0px;
	float: left;
}

#pixelatorCoverPageCheckbox
{
	float: left;
	margin-right: 0px;
}

#pixelatorCoverPageCheckbox + label
{
	padding-left: 4px;
	padding-top: 3px;
	float: left;
}

#pixelatorCheckBox_All + label
{
	font-size: 12px;
	margin-top: 12px;
	float: left;
	padding-left: 4px;
}

#pixelatorPageNumberDiv .pix-slct-pg-chkbx
{
	margin: 6px;
}

#toggleWordCountTextBoxesImage
{
	position: absolute;
	right: -19px;
	top: 4px;
}

.pix-ok-button
{
	background-color: #6a91ce;
	padding: 8px 22px;
	margin: 5px 7px;
	color: #ffffff;
	border-radius: 4px;
	box-shadow: inset 1px 1px 8px rgba(0,0,0,0.6);
	background-image: -webkit-gradient( linear, center bottom, center top, color-stop(0.05, #5879ab), color-stop(1, #98b6e6) );
}

.pix-ok-button:hover
{
	cursor: pointer;
}