@font-face {
	font-family: Varela Round;
	src: url("../../fonts/VarelaRound-Regular.ttf");
}

/**
 * HTML Elements.
*/

html {
	height:100%;
	margin: 0px;
	padding: 0px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Chrome and Opera */
}

html * {
	outline:none;
}

body {
	font-family: 'Varela Round', sans-serif;
	font-size: .80em;
	margin-top: 1px;
	padding: 0px;
}


button {
	cursor:pointer;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
  position: relative;
  cursor:pointer;
  color: #F90;
}

.jqte {
	cursor: pointer !important;
	margin: 5px 0 !important;
	border-radius: 2px !important;
	-moz-user-select: text !important;
	-webkit-user-select: text !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.jqte_fontsize {
	color:#000;
}

/**
 * Top Menu.
*/

#divApprovalMenu {
	border-bottom: 1px solid grey;
	color:grey;
	min-height: 30px;
	margin-bottom:5px;
	display: inline-flex;
	width: 100%;
	overflow: hidden;
}

#divViewMenu {
	padding-bottom: 3px;
	padding-top: 2px;
	height: 24px;
	border-bottom: 1px solid gray;
	color: grey;
	max-height: 24px;
}


#divApprovalMenu #divApprovalName {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 100%;
	min-width: 50%;
}

#divApprovalMenu #divCompareName {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 100%;
	margin-right: 80px;
}

#divApprovalMenu #divToolbar .toolBarIcon {
	margin-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	vertical-align: bottom;
}

.compareSelect {
	height: 24px;
	border: none;
	font-size: 12px;
	text-align: left;
}

#divDocumentMenu {
	color: grey;
	min-height: 10px;
	margin-bottom: 5px;
}

#divHelpBar {
	top: 3px;
	right: 32px;
	position: absolute;
}

#divSettingsBar {
	top: 3px;
	right: 56px;
	position: absolute;
}

#divAiVisionBar {
	top: 3px;
	right: 84px;
	position: absolute;
}

.barIcon {
	cursor: pointer;
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 24px;
}

/**
 * Settings Menu.
 */

.settings {
	z-index: 1001;
	position: absolute;
	top: 32px;
	right: 7px;
	padding-bottom: 10px;
}

.settings__table {
	margin-left: 6px;
	margin-right: 6px;
	display: block;
}

.settings__table-container {
	max-height: calc(100vh - 50px);
	overflow-y: auto;
}

.settings__header {
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}

.settings__nowrap {
	white-space: nowrap;
}

.settings__selectable {
	user-select: text;
	/* Mozilla-specific values */
	-moz-user-select: text;
	/* WebKit-specific values */
	-webkit-user-select: text;
	/* Microsoft-specific values */
	-ms-user-select: text;
}

.settings__column {
	text-align: center;
}

.settings__select {
	width: auto !important;
}

.settings__help {
	width: 14px;
	height: 14px;
	background-color: grey;
	display: inline-block;
	border-radius: 10px;
	vertical-align: middle;
	cursor: pointer;
}

.settings__icon {
	width: 100%;
	height: 100%;
}

/* Tolerance */

.tolerance {
	z-index: 1001;
	position: absolute;
	top: 32px;
	left: 0px;
}

/**
 * Viewer Toolbar.
*/

#divToolbar {
	height:100%;
	width:100%;
}

#divToolsContainer {
	height:36px;
	margin-bottom:5px;
	text-align:center;
	width:100%;
}

#divCanvasToolsContainer {
	height:36px;
	text-align:center;
	width:100%;
	border-top: 1px solid gray;
}

#divAlignmentToolsContainer {
	min-height: 32px;
	text-align:center;
	width:100%;
	border-top: 1px solid gray;
}

#divTextCompareToolsContainer {
	min-height: 32px;
	text-align: center;
	width: 100%;
	border-top: 1px solid gray;
}

#tblPageTools {

}

#tblNavTools {
	margin-left: 5%;
	margin-right: 5%;
}

#tblSVGTools {
	margin-left: 5%;
	margin-right: 5%;
}

#tblApprovalTools {
	margin-left:5%;
}

#divSupportSession {
	margin-left: 10px;
	margin-top: 3px;
	background-color: red;
	padding: 8px;
	color: white;
	font-size: 14px;
	border-radius: 6px;
}

#divApprovalMembers {

}

#tblInfoTools #divInfoDropDown {
	width: 350px;
	margin-left: -150px;
}

.toolsSection {
	display:inline-block;
	height:100%;
}

.ToolbarImage {
	max-width: 75%;
	height: auto;
}

.ToolbarImage--disabled {
	opacity: 0.5;
}

.mediumIcon {
	width: 20px;
	height: 20px;
}

.dropdown-content {
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-left: -45px;
	display: none;
	position: absolute;
	z-index: 1000;
	max-height: 80%;
}

.spinner__message {
	position: absolute;
	width: 400px;
	top: 55%;
	left: calc(50% - 100px);
	z-index: 1000;
	text-align: center;
	font-size: 20px;
	margin-right: -50%;
}

.progressBar {
	display: flex;
	position: absolute;
	width: 200px;
	top: 55%;
	left: calc(50% - 100px);
	z-index: 1000;
	text-align: center;
	margin-right: -50%;
}

#divLoadingMessageContainer {
	width: 100%;
	color: black;
}

#divLoadingProgressBarBG {
	height: 10px;
	width: 100%;
	background-color: black;
}

#divLoadingProgressBar {
	height: 10px;
	background-color: darkgreen;
}

.modelOverlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	z-index: 999;
	left: 0px;
	display: none;
}

.scrollOverlay {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 120px;
}

.uploadOverlay {
	min-width: 576px;
	position: absolute;
	z-index: 999;
	left: 0px;
	display: none;
	border-radius: 2px;
}

.modelContent {
	overflow: auto;
	height: inherit;
}

.uploadContent {
	overflow: auto;
	height: auto;
	padding: 10px;
	padding-bottom: 1px;
}

.modelHeader {
	padding: 10px;
	font-weight: bold;
}

.uploadHeader {
	padding: 10px;
	font-weight: bold;
	padding-bottom: 5px;
}

.modelBody {
	padding: 0px 20px 20px 20px;
}

.modelCloseIcon {
	float: right;
}

.modalFilter {
	padding: 2px;
	padding-right: 100px;
	float: right;
	vertical-align: middle;
	border: 1px solid grey;
}

.modelHeaderBar {
	font-weight: bold;
	padding: 10px;
	text-align: left;
	display: flow-root;
}

.modelExpansion {
	display: inline-flex;
	cursor: pointer;
}

.modelImagePlaceholder {
	width: 150px;
	height: 150px;
	background-color: white;
	display: block;
	margin: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.modelImagePlaceHolderTable {
	display: block;
	text-align:left;
}

.dropdown-content:before {
	content: "";
	position: absolute;
	margin-left: calc(50% - 12px);
	top: 0px;
	left: 0px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #2c2121 transparent;
	display: block;
	width: 0;
	z-index: 10;
}

.dropdown-content-batch {
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-left: -45px;
	display: none;
	position: absolute;
	z-index: 1000;
	max-height: none;
	overflow-y: auto;
}

.optionContainer {
	border-radius: 2px;
	padding: 5px;
}

/**
 * Approval Tools.
*/

.approveRejectButton {
	border: none;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px;
	margin: 5px;
	width: 120px;
}

.approveRejectButton--approve {
	background: #79d279;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#79d279), to(#53c653));
	background: -moz-linear-gradient(#79d279, #53c653);
	background: -o-linear-gradient(#79d279, #53c653);
	background: linear-gradient(#79d279, #53c653);
}

.approveRejectButton--conditional {
	background: #f3961c;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
	background: -moz-linear-gradient(#f9d835, #f3961c);
	background: -o-linear-gradient(#f9d835, #f3961c);
	background: linear-gradient(#f9d835, #f3961c);
}

.approveRejectButton--reject {
	background: #ff1a1a;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4d4d), to(#ff1a1a));
	background: -moz-linear-gradient(#ff4d4d, #ff1a1a);
	background: -o-linear-gradient(#ff4d4d, #ff1a1a);
	background: linear-gradient(#ff4d4d, #ff1a1a);
}

.approveRejectButton--disabled {
	background: #828282;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c8c8c8), to(#828282));
	background: -moz-linear-gradient(#c8c8c8, #828282);
	background: -o-linear-gradient(#c8c8c8, #828282);
	background: linear-gradient(#c8c8c8, #828282);
}



.reportButton {
	border: none;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px;
	margin: 5px;
	width: 120px;
	background: #2f618b;
}

.disabledButton {
	background:#A1A1A1!important;
}

/**
 * Info Panel.
*/

.approverDiv {
	padding-left: 5px;
	color: white;
	font-size: 10pt;
	text-align: left;
	margin: 5px;
	vertical-align: middle;
	word-break: break-word;
}

.approverDivIcon {
	width: 16px;
}

.rejected {
	color:red;
}

.approvedwithchanges {
	color:orange;
}

.approved {
	color:green;
}

.highlighted {
	color: #367bb1 !important;
}

.approverStatusImage {
	max-height: 24px;
	max-width: 24px;
	vertical-align: middle;
}

.approversSheriffImage {
	max-height: 24px;
	max-width: 24px;
	vertical-align: middle;
}

/**
 * Approval Status Bar
*/

#divStatusBar {
	height: 5px;
}

.approvalStatusBar {
	height:5px;
	position: absolute;
	z-index:2;
	width: -webkit-calc(100% - 16px);
	width: -moz-calc(100% - 16px);
	width: calc(100% - 16px);
}

.approvalStatusBarApproved{
	background: linear-gradient(90deg, #32b7a3, #83b061);
}

.approvalStatusBarApprovedWithChanges{
	background: linear-gradient(90deg, #ed8634, #fcb762);
}

.approvalStatusBarRejected{
	background: linear-gradient(90deg, #bd2a27, #e1352d);
}

.approvalStatusBarPending{
	background: linear-gradient(90deg, #3953a4, #367bb1);
}

.shine {
	display: none;
	width: 100%; /*Make sure the animation is over the whole element*/
	-webkit-animation-name: ShineAnimation;
	background: linear-gradient( 90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% );
	background-repeat: no-repeat;
	background-size: 1200px 60px;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-name: ShineAnimation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes ShineAnimation {
	from { background-position: -1200px 0px; }
	to { background-position: 3000px 0px; }
}

@keyframes ShineAnimation {
	from { background-position: -1200px 0px; }
	to { background-position: 3000px 0px; }
}

@-webkit-keyframes RotateAnimation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}

@keyframes RotateAnimation {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}

/**
  Annotations
*/

.addStatusButton {
	cursor: pointer;
	display: inline;
	float: right;
	padding: 2px;
	vertical-align: top;
	letter-spacing: 4px;
	width: 16px;
	height: 16px;
}

.annotationColor {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	border-color: transparent;
	border-style: solid;
	cursor: pointer;
	margin-top: 4px;
}

.annotationNumbersForPage {
	min-width: 10px;
	padding: 1px 4px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	background-color: #a3baba;
	border-radius: 10px;
	margin-top: 1px;
 }

.annotationIcon {
	margin-left: -18px;
}

#annListFilterBox {
	background-color: rgba(255,255,255,0.5);
	width: 50%;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	float: right;
	border: none;
}

.annotationListItem {
	border-radius: 2px;
	margin: 5px;
	padding: 5px;
	overflow: hidden;
}

#annotateRed {
	background-color: red;
}

#annotateBlue {
	background-color: blue;
}

#annotateGreen {
	background-color: green;
}

#annotateOrange {
	background-color: orange;
}

#annotatePurple {
	background-color: purple;
}

#annotateCyan {
	background-color: cyan;
}

#annotateMagenta {
	background-color: magenta;
}

#annotateYellow {
	background-color: yellow;
}

#annotateGrey {
	background-color: #aaaaaa;
}

.annNumber {
	margin-left: 5px;
	font-size: 1.0em;
	height:15px;
}

.annotationauditbutton, .annotationdatabutton {
	cursor: pointer;
	display: inline;
	margin-right: 2px;
	float: right;
	vertical-align: top;
}

.closebutton {
	cursor:pointer;
	display: inline;
	margin-right: 2px;
	float: right;
	vertical-align: top;
}

.deletebutton, .deleteAnnotationReplyButton, .cancelAnnotationReplyButton {
	cursor: pointer;
	vertical-align: top;
	display: inline;
	margin-right: 2px;
	float: right;
}

.attachmentLink {
	display: inline-block;
	width: 90%;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.attachmentLinkWide {
	width: 100%;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}

.attachmentLinkText {
	padding-top: 5px;
	padding-left: 5px;
	font-size: 10pt;
	vertical-align: bottom;
}

.attachmentLinkIcon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	padding: 0px 2px 2px 2px;
}

.attachmentLinkPopup {
	display: inline-block;
	color: black;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-size: 10pt;
	text-align: left;
	font-family: 'Varela Round', sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.attachmentDeletion {
	display: inline-block;
	width: 10%;
}

.attachmentDeletionButton {
	cursor: pointer;
	vertical-align: middle;
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}


.annotationAttachmentContainer {
	border-top: 1px solid white;
	border-top-style: dashed;
	margin-top: 6px;
	max-height: 150px;
	overflow-y: auto;
}

.annotationAttachment {
	max-height: 150px;
	overflow-x: auto;
	background-color: rgba(255,255,255,0.2);
	padding: 2px;
	margin-top: 6px;
	cursor: pointer;
}

.annotationAttachmentActive {
	background-color: rgba(255,255,255,0.35);
}

.annotationAttachmentEntry {
	padding-left: 8px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-color: #ffffff;
	background-color: #d9d9d9;
	cursor: pointer;
}

.annotationAttachmentEntryActive {
	background-color: #b0b0b0;
}

.annotationattachmentbutton {
	cursor: pointer;
	vertical-align: top;
	display: inline;
	margin-right: 4px;
	float: right;
}

.fileUpload {
	display: block;
	margin: 5px 5px 15px 5px;
	border-radius: 10px;
	padding: 15px;
}

.uploadHeader {
	color: #000;
	background-color: #ffffff;
}

.uploadContent {
	background-color: #ffffff;
}

.listAttachments {
	list-style-type: none;
	line-height: 25px;
	width: 100%;
}

.copybatchbutton {
	cursor: pointer;
	vertical-align: top;
	display: inline;
	margin-right: 2px;
	float: right;
	width: 24px;
	height: 24px;
}


.dropdown-content-annotations::before {
	content: "";
	position: absolute;
	margin-left: 24px;
	top: 0px;
	left: 0px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #2c2121 transparent;
	display: block;
	width: 0;
	z-index: 10;
}

.dropdown-content-annotations {
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-left: -10px;
	display: none;
	position: absolute;
	z-index: 1000;
	max-height: 80%;
}

.dropdown-content-compare::before {
	content: "";
	position: absolute;
	margin-left: 34px;
	top: 0px;
	left: 0px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #2c2121 transparent;
	display: block;
	width: 0;
	z-index: 10;
}

.dropdown-content-compare {
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-left: -20px;
	display: none;
	position: absolute;
	z-index: 1000;
	max-height: 80%;
	overflow-y: auto;
	width: 90px;
}

#divCloseUploadOverlay {
	float: right;
	cursor: pointer;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px;
	margin: 0;
	padding: 0;
}

#closeThreeDPreviewOptions {
	float: right;
	cursor: pointer;
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px;
	margin: 0;
	padding: 0;
}

#DeactivateCompare {
	cursor:pointer;
	background-repeat: no-repeat;
	display:inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px;
	margin: 0;
	padding: 0;
}

.HeaderBar {
	vertical-align: top;
	height: 25px;
}

.editAnnotationTextButton {
	cursor:pointer;
	float: right;
}

.editAnnotationDataButton, .saveAnnotationDataButton {
	cursor: pointer;
	float: right;
	margin-top: 2px;
	margin-bottom: 2px;
}

.popup-content {
   overflow: auto;
   max-height: 250px;
   padding: 3px;
   margin-top: 3px;
}

.HeaderText {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 3px;
	font-size: 8pt;
	vertical-align: middle;
	word-break: break-word;
}

.HeaderTextReply {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 5px 3px;
	font-size: 8pt;
	display: block;
	vertical-align: middle;
	word-break: break-word;
}

.HeaderTextStatus {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 5px 3px;
	font-size: 8pt;
	display: block;
	vertical-align: middle;
	text-align: right;
	word-break: break-word;
}

.ReadOnlyAnnotationText, .TextClassificationAnnotationText {
	background-color: rgba(255,255,255,0.2);
	margin-top: 0px;
	margin-left: 5px;
	padding: 2px 5px;
	margin-bottom: 0px;
	font-size: 10pt;
	vertical-align: middle;
	overflow: auto;
	user-select: text;
	/* Mozilla-specific values */
	-moz-user-select: text;
	/* WebKit-specific values */
	-webkit-user-select: text;
	/* Microsoft-specific values */
	-ms-user-select: text;
}

.contentDataText__Content .TextClassificationAnnotationText {
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
	border-top: 1px dashed black;
}

.ReadOnlyReplyText {
	background-color: rgba(255,255,255,0.2);
	padding: 2px 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 10pt;
	vertical-align: middle;
	overflow: auto;
	user-select: text;
	/* Mozilla-specific values */
	-moz-user-select: text;
	/* WebKit-specific values */
	-webkit-user-select: text;
	/* Microsoft-specific values */
	-ms-user-select: text;
}

.replyButton {
	cursor:pointer;
	padding: 2px 2px 3px 2px;
	display: inline;
}

.addShapeButton {
	cursor: pointer;
	padding: 2px;
	display: inline;
}

.addTextButton, .removeTextButton {
	cursor: pointer;
	padding: 2px;
	display: inline;
}

.colourSelection {
	cursor: pointer;
	padding: 2px 2px 2px 3px;
	display: inline;
}

.status {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 10pt;
	vertical-align: middle;
	text-align: right;
}


/**
 * Technical Tools
**/

.dropdown-content-tech-tools {
	padding-top: 1%;
	padding-bottom: 0.5%;
	margin-left: -25px;
	display: none;
	position: absolute;
	z-index: 1000;
	/*max-height: 80%;*/
	width: 210px;
	/*height: 29%;*/
}

#techToolsDrodown {
	width:45%;
	padding-right:0px;
	padding-left:0px;
	float:left;
}

.caliperToolImg {
	margin-left: 11%;
	padding: 2px 0 2px 0;
}

.rightArrowFlex {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid darkgrey;
	align-self: center;
	padding-right: 3px
}

#savedMeasurementContainer {
	width: 52%;
	overflow: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	max-height: 180px;
	float: right;
}

.savedMeasurement {
	height: 24px;
	line-height: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}

.savedMeasDelButton {
	float: right;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 3px;
	max-height: 16px;
}

.invisible-scrollbar::-webkit-scrollbar{
	display:none;
}


.dropdown-content-tech-tools::before {
	content: "";
	position: absolute;
	margin-left: 34px;
	top: 0px;
	left: 5px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #2c2121 transparent;
	display: block;
	width: 0;
	z-index: 10;
}

.separationPercentage {
	font-size: 15px;
	padding-left: 5px;
	margin-left: 35px;
	background-color: rgba(255,255,255,0.2);
	float: right;
	width: 25%;
	vertical-align: middle;
}

.separationPercentage_Barcode {
	font-size: 15px;
	padding-left: 5px;
	margin-left: 35px;
	background-color: rgba(255,255,255,0.2);
}

#divTechToolsClearCanvas {
	cursor:pointer;
	background-repeat: no-repeat;
	display:inline-block;
	width: 20px;
	height: 20px;
	background-size: 20px;
	margin: 0;
	padding: 0;
}

#divTechToolsVertical, #divTechToolsHorizontal{
	display:flex;
	justify-content: space-between;
}
/**
 * Viewer.
*/
#divViewerCell {
	display: inline;
	position: absolute;
	/*height: -webkit-calc(100% - 83px);
	height: -moz-calc(100% - 83px);
	height: calc(100% - 83px);
	width: -webkit-calc(100% - 16px);
	width: -moz-calc(100% - 16px);
	width: calc(100% - 16px);*/
}

.viewer {
	position: absolute;
	width: 100%;
	height: 100%;
}

.annotationViewer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.CanvasHidden{
	display:none;
}

canvas {
	touch-action: none;
}

/**
 * Annotations Side Bar.
*/

#divAnnotationsContainer {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: auto;
	position: fixed;
	left: 0;
	top: 10%;
	width: 10px;
	z-index: 5;
}

#divAnnotationsContainer #divAnnDiv {
	float: left;
	margin: 0 auto;
	overflow-y: auto;
	padding: 0px;
	position: relative;
	left: 0;
	opacity: 0.95;
}

#divAnnDiv_Header {
	min-height: 40px;
	overflow-x: auto;
}

#divAnnDiv_ListItems {
	width: 100%;
	height: calc(100% - 40px);
	overflow-y: auto;
}

#divAnnButton {
	background-color: transparent;
	cursor: pointer;
	float: right;
	margin: 0 auto;
	position: relative;
}

#divAnnButton:before {
	content: "";
	position: absolute;
	border-radius: 0px 0px 10px 0px;
	padding: 15px;
}

#divAnnButtonArrow {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #888888;
  position: absolute;
  margin-top: 8px;
  margin-left: 15px;

  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

#imgStepThroughAnnotations {
	cursor:pointer;
	margin-left: 5px;
	transform: rotate(270deg);
}

#btnShowAnnNumbers {
   cursor:pointer;
}

.filtertoggle {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	padding: 0;
	vertical-align: middle;
	float: right;
	cursor: pointer;
}

.filtertoggle__icon {
	display: inline-block;
	height: 24px;
	width: 24px;
	vertical-align: middle;
}

.filtertoggle__number {
	position: absolute;
	right: -8px;
	top: 40%;
	font-size: 10px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	background-color: rgb(163, 186, 186);
	margin-top: 1px;
	padding: 1px 3px;
	border-radius: 10px;
}

#HideAnnotations {
	cursor: pointer;
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	margin: 0;
	padding: 0;
	width: 24px;
}

#ResetSeparations {
	cursor:pointer;
	background-repeat: no-repeat;
	display:inline-block;
	height: 24px;
	margin: 0;
	padding: 0;
	width: 24px;
}

.ShowAnnotations {
	background-image: url('../../img/Annotation_col_24.png')!important;
}

/*
 * Copy Magic Side Bar.
 */

#divCopyMagicContainer {
	float: right;
	height: auto;
	position: fixed;
	right: 0;
	top: 10%;
	width: 10px;
	z-index: 5;
}

#divCopyMagicDiv {
	float: right;
	margin: 0 auto;
	overflow-y: auto;
	padding: 0px;
	position: relative;
	right: 0;
	background-color: rgb(143, 143, 143);
}

#divCopyMagicFilter {
	height: 40px;
}

#imgCopyMagicUnusedItems {
	float: right;
	margin-top: 12px;
	margin-right: 12px;
	cursor: pointer;
}

#txtCopyMagicFilter {
	margin-top: 7px;
	margin-left: 10px;
	vertical-align: middle;
	width: 50%;
	border: 1px solid black;
	padding: 4px;
}

/*
 * Content Data
 */

.contentData {
	margin: 0px 8px 8px 8px;
	padding: 8px;
	overflow: hidden;
	background-color: white;
}

.contentData--initial {
	border-top: 2px solid grey;
}

.contentData--query, .contentData--todo {
	border-top: 2px solid blue;
}

.contentData--edited,
.contentData--warning {
	border-top: 2px solid orange;
}

.contentData--error {
	border-top: 2px solid red;
}

.contentData--rejected {
	border-top: 2px solid grey;
	opacity: 0.4;
}

.contentData--approved {
	border-top: 2px solid green;
}

.contentDataTitle {
	width: 100%;
}

	.contentDataTitle:hover {
		cursor: pointer;
		opacity: 0.8;
	}

.contentDataTitle__Image {
	vertical-align: middle;
	margin-right: 4px;
	width: 14px;
	transform: rotate(-90deg);
}

.contentDataTitle__Image--Expanded {
	transform: rotate(0deg);
}

.contentDataTitle__Text {
	vertical-align: middle;
}

.contentData__TextContent {
	width: 100%;
}

.contentDataText {
	background-color: #eaeaea;
	margin-top: 10px;
	padding: 6px;
	border-radius: 2px;
}

.contentDataText--initial {
	border-top: 2px solid grey;
	border-radius: 0px 0px 2px 2px;
}

.contentDataText--edited, .contentDataText--warning {
	border-top: 2px solid orange;
	border-radius: 0px 0px 2px 2px;
}

.contentDataText--error {
	border-top: 2px solid red;
	border-radius: 0px 0px 2px 2px;
}

.contentDataText__Header {
	margin-bottom: 4px;
}

.contentDataText__Footer {
	margin-top: 4px;
}

.contentDataText__Footer__Icon {
	height: 14px;
	margin-right: 4px;
	vertical-align: middle;
	cursor: pointer;
}

.contentDataText__Footer__Text {
	vertical-align: middle;
}

.contentDataText__Footer__Text--error {
	color: red;
}

.contentDataText__Content {
	background-color: white;
	border: 1px solid black;
	padding: 4px;
}

.contentDataText__Icon {
	float: right;
	margin-left: 2px;
	cursor: pointer;
}

.contentDataText__Icon--medium {
	height: 14px;
	margin-top: 1px;
}

.contentDataText__Icon--small {
	height: 14px;
	margin-left: 4px;
}

.contentDataText__Icon--margin {
	margin-top: 1px;
	margin-left: 3px;
}

.contentDataText__Icon--disabled {
	opacity: 0.4;
}

.contentSummary {
	margin: 0px 8px 8px 8px;
	border: 1px solid black;
	color: black;
	background-color: white;
}

.contentSummary__Section {
	margin: 6px;
}

.contentSummary__Section__Title {
	margin-bottom: 2px;
}

/**
 * Separations Side Bar.
*/

#divSepContainer {
	float: right;
	height: auto;
	position: fixed;
	right: 0;
	top: 10%;
	width: 10px;
	z-index: 5;
}

#divSepContainer #divSepDiv {
	float: right;
	margin: 0 auto;
	overflow-y: auto;
	padding: 0px;
	position: relative;
	right: 0;
}

#divSepContainer #divSepDiv #divNavigator {
	padding-top: 5px;
	padding-bottom: 5px;
}

#divSeparationItems {
	width: 100%;
	overflow-y: auto;
}

#divNavigatorDisabled {
	height: 200px;
}

#tblNavigatorDisabled {
	width: 100%;
	height: 100%;
	align-items: center;
}

/* Tabs */

.divTabs {
	font-size: 0;
	width: 100%;
}

.divTab {
	display: inline-block;
	text-align: center;
}

.divTab--Half {
	width: 50%;
}

.divTab--Third {
	width: 33.3%;
}

/* Classifications */

#divClassifications {
	overflow-y: hidden;
}

#divClassificationOptions {
	margin: 8px;
}

#divClassificationItems {
	overflow-y: auto;
}

.classificationFilter {
	vertical-align: middle;
}

.classificationFilterType {
	height: 16px;
	margin-left: 2px;
	vertical-align: middle;
}

.classificationFilterSummary {
	height: 15px;
	margin-left: 2px;
	vertical-align: middle;
}

.classificationFilterExpand {
	height: 17px;
	margin-left: 0px;
	vertical-align: middle;
}

.classificationFilterValidationState {
	margin-left: 2px;
	vertical-align: middle;
	cursor: default;
	height: 12px;
}

.classificationPlaceholder {
	margin: 10px;
}

/* Checklist Table */

#divChecklist {
	overflow-y: auto;
}

.checklistItem {
	position: relative;
	margin: 14px 10px;
	padding: 10px;
	border-top: 3px solid grey;
}

.checkListItem--Pass {
	border-top: 3px solid #29df3e;
}

.checkListItem--Warning {
	border-top: 3px solid #ffa808;
}

.checkListItem--Fail {
	border-top: 3px solid #ff2f18;
}

.checkListItem--NotApplicable {
	border-top: 3px solid #5a5a5a;
}

.checklistItem__Prompt {
	display: inline-block;
	width: 50%;
	word-wrap: break-word
}

.checklistItem__Prompt__Mandatory {
	color: red;
}

.checklistItem__Control {
	display: inline-block;
	max-width: 48%;
	float: right;
}

.checklistItem__SelectList {
	max-width: 100%;
}

.checklistItem__Header {
	margin-right: 30px;
	word-break: break-word;
}

.checklistItem__HeaderClose {
	position: absolute;
	top: 4px;
	right: 5px;
	cursor: pointer;
}

#divCopyMagicButton {
	background-color: transparent;
	cursor: pointer;
	float: right;
	margin: 0 -40px;
	position: absolute;
}

#divCopyMagicButton:before {
	content: "";
	position: absolute;
	border-radius: 0px 0px 0px 10px;
	padding: 15px;
}

#divCopyMagicButtonArrow {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #888888;
	position: absolute;
	margin-top: 8px;
	margin-left: 15px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

#divSepButton {
	background-color: transparent;
	cursor: pointer;
	float: right;
	margin: 0 -40px;
	position: absolute;
}

#divSepButton:before {
	content: "";
	position: absolute;
	border-radius: 0px 0px 0px 10px;
	padding: 15px;
}

#divSepButtonArrow {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #888888;
  position: absolute;
  margin-top: 8px;
  margin-left: 15px;

  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.navCanvas {
	position: absolute;
}

.navCanvasOverlay {
	position:absolute;
	z-index:1;
}

.zoomSlider {
	text-align: center;
	margin-top: 5px;
}

.zoomSlider__Range {
	vertical-align: middle;
}

.zoomSlider__Label {
	vertical-align: middle;
	margin-left: 5px;
	color: orange;
	font-size: 0.7em;
}

.customSlider {
	background: transparent;
	margin-bottom:15px;
}

.sep{
	min-height:21px;
	padding:2px;
	margin:5px;
	cursor:pointer;
	vertical-align:middle;
	font-size: 80%;
}

.swatch{
	border-radius:2px;
	height:20px;
	width:20px;
	float:left;
	cursor:all-scroll;
	border: 1px solid black;
	vertical-align:middle;
}

.colourChangeButton {
	vertical-align: middle;
	display: inline;
	padding: 2px;
	float: right;
	cursor: pointer;
}

.innerSepDiv {
	font-size: 14px;
	padding: 2px 0px 7px 0px;
	margin-left: 30px;
	word-wrap: break-word;
}

.spinner{
	display:none;
	padding-left:3px;
}

.colinput{
	width:30px;
	border:0;
	padding-left:3px;
	border: 1px solid gray;
	margin: 2px;
}

.colourResetButton{
	vertical-align:middle;
	display: inline;
	padding: 2px;
	float:right;
	cursor: pointer;
}

.separationDisabled{
	background-color:rgba(0,0,0,0.5) !important;
	color:#666 !important;
}

/* Text Highlight */

.speechbubble__texthighlight--margintop {
	margin-top: 10px;
}

.speechbubble__texthighlight--marginbottom {
	margin-bottom: 10px;
}

.speechbubble__texthighlight--marginleft {
	margin-left: 10px;
}

.speechbubble__texthighlight--inline {
	display: inline-block;
}

.speechbubble__texthighlight--clickable {
	cursor: pointer;
}

/* Text Annotation Bottom Bar */

.divTextCompare {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 6;
}

.divTextCompareButton {
	width: 40px;
	height: 40px;
	border-radius: 8px 0px 0px 0px;
	float: right;
	margin-top: -40px;
	cursor: pointer;
}

.divTextCompareArrow {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #888888;
	position: absolute;
	margin-top: 8px;
	margin-left: 15px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

.divTextCompareContent {
	width: 100%;
	background-color: white;
	height: 200px;
}

.divTextCompareContent__Wrapper {
	width: 94%;
	height: 100%;
	margin: auto;
}

.divTextComparisonTitle {
	width: 100%;
	border-bottom: 1px solid black;
	position: relative;
	padding-top: 36px;
	padding-bottom: 10px;
}

.divTextComparisonTitle__Text {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 22px;
	vertical-align: bottom;
	cursor: pointer;
}

	.divTextComparisonTitle__Text:hover {
		opacity: 0.7;
	}

.divTextComparisonTitle__Text--active {
	font-weight: bold;
	color: #2568a4;
}

	.divTextComparisonTitle__Text--active:hover {
		opacity: 1;
	}

.divTextComparisonTitle__Divider {
	display: inline-block;
	height: 20px;
	margin-bottom: 3px;
	width: 2px;
	background-color: black;
	vertical-align: bottom;
}

.divTextComparisonTitle__Option {
	position: absolute;
}

.divTextComparisonTitle__Option--disabled {
	opacity: 0.5;
}

.divTextComparisonTitle__Option--StepThrough {
	height: 20px;
	right: 10px;
	bottom: 6px;
}

.divTextComparisonTitle__Option--Equivalents {
	height: 19px;
	right: 34px;
	bottom: 6px;
}

.divTextComparisonTitle__Option--Filter {
	height: 22px;
	bottom: 5px;
	right: 60px;
}

.divTextComparisonTitle__Textbox {
	position: absolute;
	bottom: 4px;
	right: 80px;
	background-color: white;
	border: 1px solid black;
	padding: 4px;
	margin-right: 16px;
}

.divTextComparisonTitle__Tabs {
	display: inline-block;
	width: 30%;
}

.divTextComparisonTitle__Settings {
	display: inline-block;
	width: 40%;
	text-align: center;
	font-size: 18px;
}

.divTextComparisonTitle__Setting {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.divTextComparisonTitle__Select {
	vertical-align: middle;
	margin-left: 6px;
	margin-bottom: 3px;
}

.divTextCompareHeadings {
	margin-top: 20px;
}

.divTextCompareHeading {
	width: 33%;
	display: inline-block;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.divTextCompareHeading__icon {
	height: 20px;
	margin-left: 10px;
	cursor: pointer;
	vertical-align: middle;
}

.divTextCompareSections {
	width: 100%;
	overflow-y: scroll;
}

.divCompareSection {
	width: 99%;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #eaeaea;
	border-radius: 6px;
}

.divCompareSection--none {
	border-bottom: none;
	text-align: center;
	font-size: 16px;
	margin-top: 40px;
}

.divCompareSection--initial {
	border-left: 4px solid orange;
}

.divCompareSection--ignore {
	border-left: 4px solid grey;
}

.divCompareSection--accepted {
	border-left: 4px solid green;
}

.divCompareSection--rejected {
	border-left: 4px solid red;
}

.divCompareSection__title {
	margin: 0px 20px 0px 20px;
	font-size: 20px;
}

.divCompareSection__icon {
	height: 16px;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 3px;
	opacity: 1;
}

	.divCompareSection__icon:hover {
		cursor: pointer;
		opacity: 0.8;
	}

.divCompareSection__title--margin {
	margin-bottom: 20px;
}

.divCompareSections__columns {
	width: 100%;
}

.divCompareSection__column {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.divCompareSection__column--large {
	width:100%;
}

.divTextSection {
	position: relative;
	margin: 20px;
	padding: 10px;
	background-color: white;
	border: 1px solid black;
	font-size: 14px;
	word-break: break-word;
}

.divTextSection--dragging {
	border: 2px solid orange;
}

.divTextSection--padding {
	padding: 10px 70px 10px 10px;
}

.divTextSection--error {
	border-top: 3px solid red;
}

.divTextSection--info {
	border-top: 3px solid grey;
}

.divTextSection--success {
	border-top: 3px solid green;
}

.divTextSection--initial {
	border-top: 3px solid orange;
}

.divTextSection--ignore {
	border-top: 3px solid grey;
}

.divTextSection--accept {
	border-top: 3px solid green;
}

.divTextSection--reject {
	border-top: 3px solid red;
}

.divTextSection__icon {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 16px;
}

	.divTextSection__icon:hover {
		cursor: pointer;
		opacity: 0.8;
	}

.divTextSection__icon--second {
	right: 30px;
}

.divTextSection__icon--third {
	right: 50px;
}

.divTextSection__counter {
	position: absolute;
	right: 8px;
	top: 6px;
	border: 2px solid black;
	border-radius: 50%;
	padding-left: 4px;
	font-weight: bold;
	padding-right: 4px;
}

.divTextSection__step {
	position: absolute;
	right: 36px;
	top: 7px;
	height: 18px;
	cursor: pointer;
}

.divTextSection__status {
	position: absolute;
	right: 64px;
	top: 7px;
}

.divTextSection__title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 12px;
}

.divTextSection__heading {
	margin-top: 12px;
	margin-bottom: 12px;
	font-weight: bold;
}

.divTextSection__word {
	color: black;
}

.divTextSection__word--addition {
	color: green;
}

.divTextSection__word--deletion {
	color: red;
	text-decoration: line-through;
}

.divTextSection__word--bold {
	font-weight: bold;
}

.divTextSection__word--italic {
	font-style: italic;
}

/* Text Compare Drop Zones */

.divScrollZoneTop {
	z-index: 7;
	position: fixed;
	width: 100%;
	height: 40px;
	left: 0px;
}

.divScrollZoneBottom {
	z-index: 7;
	position: fixed;
	width: 100%;
	height: 40px;
	left: 0px;
	bottom: 0px;
}

.textCompareDropZoneWrapper {
	display: none;
}

.textCompareDropZoneWrapper--active {
	display: block;
	width: 100%;
}

.textCompareDropZoneWrapper--first {
	margin-top: 20px;
}

.textCompareDropZone {
	height: 20px;
	background-color: white;
	border: 2px dashed black;
	margin-left: 20px;
	margin-right: 20px;
}

.textCompareDropZone--hover {
	background-color: lightgray;
	border: 2px dashed orange;
}

/* Text Differences Bottom Bar */

.divTextDifferences {
	z-index: 5;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0);
	color: white;
	background-color: rgb(44, 33, 33);
	width: 35%;
	min-width: 400px;
	border-radius: 8px 8px 0px 0px;
}

.divTextDifferences__header {
	padding-bottom: 6px;
	margin: 10px;
	border-bottom: 1px dashed white;
}

.divTextDifferences__content {
	position: relative;
	margin: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.divTextDifferences__title {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}

.divTextDifferences__counter {
	display: inline-block;
	margin-right: 10px;
}

.divTextDifferences__annotate {
	vertical-align: middle;
	margin-left: 10px;
	height: 16px;
	margin-bottom: 2px;
	cursor: pointer;
}

.divTextDifferences__icon {
	cursor: pointer;
	position: absolute;
	top: 5px;
}

.divTextDifferences__icon--first {
	transform: rotate(270deg);
	right: 68px;
}

.divTextDifferences__icon--second {
	transform: rotate(90deg);
	right: 38px;
}

.divTextDifferences__icon--third {
	transform: rotate(270deg);
	right: 10px;
}

.divTextDifferences__buttons {
	position: absolute;
	top: 10px;
	right: 5px;
}

.divTextDifferences__button {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	cursor: pointer;
}

.divTextDifferences__button--confirm {
	margin-left: 6px;
	background-color: green;
}

.divTextDifferences__button--cancel {
	background-color: red;
}

/* Text Compare Summary */

.textCompareSummaryIcon {
	height: 18px;
	margin-left: 8px;
	vertical-align: middle;
	margin-bottom: 5px;
	cursor: help;
}

.textCompareSummary {
	position: absolute;
	top: 0px;
	left: 0px;
	transform: translate(-50%, 0px);
	background-color: white;
	border: 1px solid black;
	border-radius: 8px;
}

.textCompareSummary__content {
	margin: 20px;
}

.textCompareSummary__row {
	height: 52px;
}

.textCompareSummary__row--small {
	height: 32px;
}

.textCompareSummary__number {
	display: inline-block;
	font-size: 20px;
	height: 50px;
	width: 50px;
	position: relative;
	border-top: 2px solid black;
	border-left: 2px solid black;
}

.textCompareSummary__number--small {
	font-size: 15px;
	height: 30px;
}

.textCompareSummary__number--last {
	border-bottom: 2px solid black;
}

.textCompareSummary__description {
	display: inline-block;
	font-size: 20px;
	height: 50px;
	width: 250px;
	position: relative;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
}

.textCompareSummary__description--small {
	font-size: 15px;
	height: 30px;
}

.textCompareSummary__description--last {
	border-bottom: 2px solid black;
}

.textCompareSummary_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.textCompareSummary_text--left {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translate(0%, -50%);
}

.textCompareSummaryIntial {
	background-color: #ffd68c;
}

.textCompareSummaryIgnored {
	background-color: #d3d3d3;
}

.textCompareSummaryApproved {
	background-color: #90ee90;
}

.textCompareSummaryRejected {
	background-color: #ffc0cb;
}

.textCompareSummary__status {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 30px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

.textCompareSummary__status--last {
	border-right: 2px solid black;
}

.textCompareSummary__statusText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

/* Print Differences Report */

.textPrintDifferencesReportIcon {
	height: 18px;
	margin-left: 8px;
	vertical-align: middle;
	margin-bottom: 5px;
	cursor: pointer;
}

/**
 * Lock Screen and Loading Bar.
*/
#divLockScreen {
	position: fixed;
	top: 0em;
	right: 0em;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(100, 100, 100, 0.5);
	z-index: 998;
}

.spLoadingFont {
	font-weight: bold;
	font-size: medium;
}

#imgSpinner {
	height:20%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width:30%;
}

.progressBar {
	display: flex;
	position: absolute;
	width: 200px;
	top: 55%;
	left: calc(50% - 100px);
	z-index: 1000;
	text-align: center;
	margin-right: -50%;
}

#divLoadingMessageContainer {
	width: 100%;
	color: black;
}

#divLoadingProgressBarBG {
	height: 10px;
	width: 100%;
	background-color: black;
}

#divLoadingProgressBar {
	height: 10px;
	background-color: darkgreen;
}

.divAboveLock {
	position: absolute !important;
	z-index: 999 !important;
	border: 1px dashed white !important;
}

/**
 * Bubble.
*/

.speechbubble {
	position: absolute;
	padding: 5px;
	/*  margin: 0 auto;*/
	/*  margin:1em 0 3em;*/
	color: #000;
	background: #f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
	background: -moz-linear-gradient(#f9d835, #f3961c);
	background: -o-linear-gradient(#f9d835, #f3961c);
	background: linear-gradient(#f9d835, #f3961c);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 3;
	box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
	cursor: all-scroll;
}

/* creates triangle */
.speechbubble:after {
  content:"";
  position:absolute;
  bottom:-10px; /* value = - border-top-width - border-bottom-width */
  left:30px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#f3961c transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Bubble Text */

.speechbubble__paragraph {
	margin-bottom: 4px;
}

.speechbubble__paragraph--indented {
	margin-left: 10px;
}

.speechbubble__paragraph--large {
	margin-bottom: 10px;
}

.speechbubble__image {
	max-height: 20px;
	margin-left: 2px;
	vertical-align: middle;
}

.speechbubble__image--small {
	max-height: 16px;
	margin-top: 2px;
}

.speechbubble__image--status {
	height: 16px;
	margin-left: 0px;
	margin-right: 6px;
}

.speechbubble__image--spin {
	animation: RotateAnimation 6s infinite linear;
}

/* Bubble Icons */

.bubble__dismiss {
	position: absolute;
	cursor: pointer;
	top: 4px;
	right: 5px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid white;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	transform: rotate(0deg);
}

/* Annotation */

.annotation {
	font-family: Arial, Helvetica, sans-serif;
  background:#7070db; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#7070db), to(#4747d1));
  background:-moz-linear-gradient(#7070db, #4747d1);
  background:-o-linear-gradient(#7070db, #4747d1);
  background:linear-gradient(#7070db, #4747d1);
}

/* creates triangle */
.annotation:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:30px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4747d1 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}


.annotationblue {
  background:#7070db; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#7070db), to(#4747d1));
  background:-moz-linear-gradient(#7070db, #4747d1);
  background:-o-linear-gradient(#7070db, #4747d1);
  background:linear-gradient(#7070db, #4747d1);
  /* text colour*/
  color:white;
}

.annotationlistblue{
  background:#7070db; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#7070db), to(#4747d1));
  background:-moz-linear-gradient(#7070db, #4747d1);
  background:-o-linear-gradient(#7070db, #4747d1);
  background:linear-gradient(#7070db, #4747d1);
  /* text colour*/
  color:white;
}

.annotationblue:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:30px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4747d1 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.speechbubble.noAfter:after {
  display:none;
}

.annotationred {
	background: #ff1a1a; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4d4d), to(#ff1a1a));
	background: -moz-linear-gradient(#ff4d4d, #ff1a1a);
	background: -o-linear-gradient(#ff4d4d, #ff1a1a);
	background: linear-gradient(#ff4d4d, #ff1a1a);
	/* text colour*/
	color:white;
}

.annotationlistred {
	background: #ff1a1a; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4d4d), to(#ff1a1a));
	background: -moz-linear-gradient(#ff4d4d, #ff1a1a);
	background: -o-linear-gradient(#ff4d4d, #ff1a1a);
	background: linear-gradient(#ff4d4d, #ff1a1a);
	/* text colour*/
	color:white;
}


.annotationred:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#ff1a1a transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.annotationgreen {
	background: #79d279; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#79d279), to(#53c653));
	background: -moz-linear-gradient(#79d279, #53c653);
	background: -o-linear-gradient(#79d279, #53c653);
	background: linear-gradient(#79d279, #53c653);
	/* text colour*/
	color:white;
}

.annotationlistgreen {
	background: #79d279; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#79d279), to(#53c653));
	background: -moz-linear-gradient(#79d279, #53c653);
	background: -o-linear-gradient(#79d279, #53c653);
	background: linear-gradient(#79d279, #53c653);
	/* text colour*/
	color:white;
}

.annotationgreen:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#53c653 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.annotationorange {
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* text colour*/
  color:black;
}

.annotationlistorange {
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* text colour*/
  color:black;
}


.annotationorange:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #f3961c transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.annotationpurple {
  background:#800080; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b300b3), to(#800080));
  background:-moz-linear-gradient(#b300b3, #800080);
  background:-o-linear-gradient(#b300b3, #800080);
  background:linear-gradient(#b300b3, #800080);
  /* text colour*/
  color:white;
}

.annotationlistpurple {
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#b300b3), to(#800080));
  background:-moz-linear-gradient(#b300b3, #800080);
  background:-o-linear-gradient(#b300b3, #800080);
  background:linear-gradient(#b300b3, #800080);
  /* text colour*/
  color:white;
}


.annotationpurple:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #800080 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.annotationcyan {
  background:#00ace6; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#33ccff), to(#00ace6));
  background:-moz-linear-gradient(#33ccff, #00ace6);
  background:-o-linear-gradient(#33ccff, #00ace6);
  background:linear-gradient(#33ccff, #00ace6);
  /* text colour*/
  color:black;
}

.annotationlistcyan {
  background:#00ace6; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#33ccff), to(#00ace6));
  background:-moz-linear-gradient(#33ccff, #00ace6);
  background:-o-linear-gradient(#33ccff, #00ace6);
  background:linear-gradient(#33ccff, #00ace6);
  /* text colour*/
  color:black;
}


.annotationcyan:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #00ace6 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.annotationmagenta {
  background:#cc00cc; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff00ff), to(#cc00cc));
  background:-moz-linear-gradient(#ff00ff, #cc00cc);
  background:-o-linear-gradient(#ff00ff, #cc00cc);
  background:linear-gradient(#ff00ff, #cc00cc);
  /* text colour*/
  color:white;
}

.annotationlistmagenta {
  background:#cc00cc; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff00ff), to(#cc00cc));
  background:-moz-linear-gradient(#ff00ff, #cc00cc);
  background:-o-linear-gradient(#ff00ff, #cc00cc);
  background:linear-gradient(#ff00ff, #cc00cc);
  /* text colour*/
  color:white;
}


.annotationmagenta:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #cc00cc transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.annotationyellow {
  background:#ffff00; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFDD00), to(#FFD700));
  background:-moz-linear-gradient(#FFDD00, #FFD700);
  background:-o-linear-gradient(#FFDD00, #FFD700);
  background:linear-gradient(#FFDD00, #FFD700);
  color:black;
}

.annotationlistyellow {
  background:#ffff00; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFDD00), to(#FFD700));
  background:-moz-linear-gradient(#FFDD00, #FFD700);
  background:-o-linear-gradient(#FFDD00, #FFD700);
  background:linear-gradient(#FFDD00, #FFD700);
  color:black;
}


.annotationyellow:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #FFDD00 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}


.annotationgrey {
	background: #aaaaaa; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bebebe), to(#aaaaaa));
	background: -moz-linear-gradient(#bebebe, #aaaaaa);
	background: -o-linear-gradient(#bebebe, #aaaaaa);
	background: linear-gradient(#bebebe, #aaaaaa);
	/* text colour*/
	color: black;
}

.annotationlistgrey {
	background: #aaaaaa; /* default background for browsers without gradient support */
	/* css3 */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bebebe), to(#aaaaaa));
	background: -moz-linear-gradient(#bebebe, #aaaaaa);
	background: -o-linear-gradient(#bebebe, #aaaaaa);
	background: linear-gradient(#bebebe, #aaaaaa);
	/* text colour*/
	color: black;
}

.annotationgrey:after {
	content: "";
	position: absolute;
	bottom: -15px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	border-width: 15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #aaaaaa transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.buttonSmall {
	max-height: 34px;
	vertical-align: middle;
}

/* Drop Down Divider */

.dropDownDivider {
	width: 100%;
	height: 5px;
}

/* Toggle Switch */

.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 20px;
  vertical-align: middle;
}

.switch--small {
	width: 70px;
}

.switch--margin {
	margin-right: 5px;
	margin-bottom: 2px;
}

.switch input {
	display:none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
	background-color: rgba(125,125,125, 0.95);
}

.slider--outlineBlack {
	outline: 2px solid black;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #266EAC;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(70px);
  -ms-transform: translateX(70px);
  transform: translateX(70px);
}

input:checked + .slider--small:before {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
}

.slider:after {
	 color: #FFFFFF;
	 display: block;
	 position: absolute;
	 transform: translate(-50%,-50%);
	 top: 50%;
	 left: 50%;
	 font-size: 10px;
	 font-family: Verdana, sans-serif;
}

.annotationToggle:after {
	content: 'Approval';
}

input:checked + .annotationToggle:after {
	content: 'Compare';
}

.overprintToggle:after {
	content: 'Overprint';
}

input:checked + .overprintToggle:after {
	content: 'Overprint';
}

.guidedToggle:after {
	content: 'Manual';
}

input:checked + .guidedToggle:after {
	content: 'Guided';
}

.yesNoToggle:after {
	content: 'No';
}

input:checked + .yesNoToggle:after {
	content: 'Yes';
}

#divCheckBoxWrapper {
	display: inline-block;
}

.annotationType, .techToolType, .compareType {
	padding: 2px;
}

.annotationTypeHidden {
	display: none !important;
}

.savedMeasurement:hover,
.annotationType:hover,
.techToolType:hover,
.compareType:hover {
	cursor: pointer;
	background-color: #574142;
}

.alignment__button {
	background-color: #206eae;
	vertical-align: middle;
	padding: 4px 10px;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	margin: 2px 6px;
	text-align: center;
}

.alignment__button--green {
	background-color: #20ae6c;
}

.alignment__button--red {
	background-color: #d52222;
}

.alignment__dropdown {
	vertical-align: top;
	margin-left: 6px;
}

/* Help Page */

.helpHeader {
	position: relative;
	margin: 0px;
	background-image: url(../../img/Greenlight-logo2_500px.png);
	background-repeat: no-repeat;
	background-size: 300px 80px;
	background-color: #A6A6A6;
	width: 100%;
	height: 80px;
}

.helpPageTitle {
	margin-top: 5px;
	margin-left:10px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-transform: none;
	height: 50px;
	padding-left: 20px;
}

.helpGradient {
	background: -webkit-linear-gradient(left, #a6a6a6 , #d9d9d9); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(bottom left, #a6a6a6, #d9d9d9);
	background: -o-linear-gradient(right, #a6a6a6, #d9d9d9); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(to right, #a6a6a6, #d9d9d9); /* Standard syntax (must be last) */
}

.helpPageSection {
	width:100%;
	overflow:auto;
}

.helpPageTable {
	width: 96%;
}

helpPageSeperator {
	height: 20px;
	background-color: #FFF;
}

.helpPageContent {
	background-color: #F3F3F3;
}

.helpDetailsOuter {
	padding: 15px;
	float:left;
	margin:5px;
}

.helpDetailsInner {
	position: relative;
	text-align: center;
	background-color: #FFF;
	border-radius: 15px;
	padding: 15px;
	width: 250px;
	height: 180px;
}

.helpToolbar {
	width: 100%;
	margin: auto;
	border-bottom: 2px solid #D9D9D9;
	padding-top: 10px;
}

.helpDocumentThumbnail {
	width: 240px;
	height: 180px;
}

.helpVideoThumbnail {
	width: 240px;
	height: 180px;
	border-radius: 10px;
}

.maintenanceContentText {
	font-size: 15px !important;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.textNormalRed {
	color: #E25182;
	font-size: 13px;
}

.multiDocumentSelect {
	width: 12px;
	vertical-align: middle;
}

.overprintColour {
	background-color: transparent;
	border: none;
	width: 24px;
	height: 24px;
	padding: 0px;
	cursor: pointer;
	color: #FFFFFF;
}

/*** Annotation Audit ***/

.annotationAuditContainer, .annotationDataContainer {
	border-top: 1px solid white;
	border-top-style: dashed;
	margin-top: 6px;
}

.annotationAudit, .annotationData {
	background-color: rgba(255,255,255,0.2);
	padding: 6px;
	margin-top: 6px;
}

.annotationAuditClose, .annotationDataClose {
	height: 24px;
	margin-top: 6px;
}

/* Tooltip Container */
.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box {
	background-color: #999;
	border: none;
	border-radius: 6px;
	display: inline-block;
	color: #FFF;
}

/* Tooltip Text */
.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-content {
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	white-space: nowrap;
}

/* Tooltip Arrow */
.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-arrow-border {
	border: none;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #999;
	border-bottom-color: rgba(153, 153, 153, 1);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #999;
	border-left-color: rgba(153, 153, 153, 1);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #999;
	border-right-color: rgba(153, 153, 153, 1);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #999;
	border-top-color: rgba(153, 153, 153, 1);
}

/* Multi Line Tooltips */
.tooltip-multi-line-theme .tooltipster-box {
	background-color: #999999 !important;
}

.tooltip-multi-line-theme .tooltipster-arrow-background {
	border-bottom-color: #999999 !important;
}

/* Colour Popup */
.annotationColorSelection {
	width: 1em;
	height: 1em;
	border-style: solid;
	cursor: pointer;
	margin: 1% 1% 1% 1%;
}

.dvPopupAnnotationBlackColour {
	display: none;
	position: absolute;
	display: block;
}

/* Popup arrow */
.colorBlackSelection {
	display: none;
	font-family: arial, sans-serif;
	border-collapse: collapse;
	border: solid;
	width: auto;
	border: 3px solid black;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.colorWhiteSelection {
	display: none;
	font-family: arial, sans-serif;
	border-collapse: collapse;
	border: solid;
	width: auto;
	border: 3px solid white;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.rowDetails {
	display: block;
}

.rowHorSpacer {
	margin-top: 2%;
}

.spacer {
	margin: 1% 1% 1% 1%;
	width: 5%;
}

.blue {
	border-color: blue;
	border-style: solid;
	background-color: blue;
	margin-right: 1%;
}

.red {
	border-color: red;
	border-style: solid;
	background-color: red;
}

.green {
	border-color: green;
	border-style: solid;
	background-color: green;
}

.orange {
	border-color: orange;
	border-style: solid;
	background-color: orange;
}

.purple {
	border-color: purple;
	border-style: solid;
	background-color: purple;
}

.cyan {
	border-color: cyan;
	border-style: solid;
	background-color: cyan;
}

.yellow {
	border-color: yellow;
	border-style: solid;
	background-color: yellow;
}

.magenta {
	border-color: magenta;
	border-style: solid;
	background-color: magenta;
}

.grey {
	border-color: grey;
	border-style: solid;
	background-color: grey;
}

.dvPopupAnnotationBlackColour::before {
	content: "";
	position: absolute;
	/*reduce the damage in FF3.0 */
	display: block;
	width: 0;
	color: black;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid black;
	margin-top: -8px;
	margin-left: 15px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}


.dvPopupAnnotationWhiteColour::before {
	content: "";
	position: absolute;
	/*reduce the damage in FF3.0 */
	display: block;
	width: 0;
	color: black;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	margin-top: -8px;
	margin-left: 15px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

.filters {
	width: 90%;
	padding: 10px 5%;
	text-align: center;
}

.filters__header {
	width: 100%;
	text-align: left;
}

.filterTextbox {
	width: calc(100% - 50px);
	max-width: 60%;
	background-color: white;
	vertical-align: middle;
	border: 1px solid black;
	padding: 4px;
}

.filterdropdown {
	min-width: 60%;
	position: absolute;
	background-color: white;
	z-index: 1000;
	max-height: 50%;
	margin-left: 1px;
	overflow-y: auto;
}

.filterdropdown__item {
	padding: 6px;
	font-size: 12px;
	word-break: break-word;
	cursor: pointer;
}

.filterdropdown__item--selected {
	background-color: lightgrey;
}

.filters__icon {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	float: right;
	margin-top: 2px;
	cursor: pointer;
}

.filters__icon--margin {
	margin-left: 2px;
}

.filters__content {
	width: 100%;
	margin-top: 6px;
	max-height: 100px;
	overflow-y: auto;
}

.filters__message {
	margin-top: 6px;
}

.filter {
	position: relative;
	padding: 4px;
	margin: 4px 0px;
	text-align: left;
	width: calc(100% - 8px);
}

.filter--warning {
	border-width: 1px 1px 1px 4px;
	border-style: solid;
	border-color: orange;
}

.filter__text {
	margin: 1px 22px;
	color: white;
}

.filter__icon {
	width: 16px;
	height: 16px;
	cursor: pointer;
	vertical-align: middle;
}

.filter__icon--include {
	position: absolute;
	top: 4px;
	left: 4px;
}

.filter__icon--close {
	position: absolute;
	top: 4px;
	right: 4px;
}

/**
 * Mentions
*/

.code_area_style {
	width: 400px;
	height: 100px;
	border: 1px solid #ccc;
}

.template_helper_commands {
	position: absolute;
	display: none;
}

#formulaDialog {
	width: 280px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 5px;
	height: auto;
	z-index: 1000;
	background-color: #fff;
}

.greenlight-mention-container {
	user-select: all;
	-webkit-user-select: all;
	-moz-user-select: all;
	white-space: nowrap;
	color: rgb(96, 143, 181); /* blue */
}

.greenlight-mention {
	text-decoration: underline;
}

.greenlight-mention-at-symbol {
	text-decoration: none;
}

.tribute-container {
	z-index: 9999 !important;
	max-height: 150px !important;
}

	.tribute-container li {
		padding: 4px 5px !important;
	}
/*# sourceMappingURL=Greenlight-07bd4d81a6.css.map */