/*remove just before project completed.

all product related css removed - 04/07/2018 
added descriptions to all rules - 04/07/2018

*/
/*highlights outline*/
[id="taskprefpage"] #highlightOutline {
	border: none !important;
	background-color: #FFF;
	color: #333;
	display: table;
	font-weight: 500;
	margin: .5em 0;
}
[id="taskprefpage"] #highlightOutline .ui-btn {
	margin-right: 0;
}
/*highlights title*/
[id="taskprefpage"] #highlightContent h3 {
	margin: 0;
}
/*highlights input for word or phrase*/
[data-role="main"] #highlightContent .ui-input-text {
	border-color: #AAA !important;
	border-width: 3px !important;
}
/*highlights display table row*/
[id="taskprefpage"] .highlightRow {
	display: inherit;
	width: 100%
}
/*highlights display table cell*/
[id="taskprefpage"] .highlightCell {
	display: table-cell;
	padding: .5em 0 0 0;
	vertical-align: top;
}
[id="taskprefpage"] .highlightCell {
	display: inline-block;
	min-width: 2em;
}
[id="taskprefpage"] .highlightCell.textbox {
	width: calc(100% - 5.3em);
}
/*highlights display table cell - last item*/
[id="taskprefpage"] .highlightCell:last-child {
	vertical-align: middle;
}
/*highlights select styling*/
[id="taskprefpage"] .highlightSelectAll, [id="taskprefpage"] .highlightinput {
	margin: 1em 0 0 0;
}
/*highlights select checkbox*/
[id="taskprefpage"] .highlightSelectAll .ui-checkbox {
	display: inline-block;
	/*margin-bottom: 1em;*/
}
/*highlights select checkbox text*/
[id="taskprefpage"] .highlightSelectAll .ui-checkbox label span {
	padding-left: 10px
}
.ui-checkbox label:empty {
    height: 22px;
    padding-left: 30px;
}
[id="taskprefpage"] .ui-checkbox-off:after, [id="taskprefpage"] .ui-btn.ui-radio-off:after, [id="taskprefpage"] .ui-icon-check:after, [id="taskprefpage"]  .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    top: 18px!important;
}
/*highlights select button*/
[id="taskprefpage"] .highlightSelectAll button {
	display: inline-block;
	margin: 0;
	width: 6em;
}
/*highlights input format*/
[id="taskprefpage"] .ui-checkbox input {
	height: 1.1em;
	margin: 11px 0 0 -6px;
	width: 1.1em;
}
/*highlights input border*/
[id="taskprefpage"] .ui-input-text {
	border-width: 3px;
	min-width: 6em;
}
/*highlights yellow shown word*/
[id="taskprefpage"] .showword {
	background-color: #FF9;
	color: #000000;
	display: inline-block;
	font-weight: 500;
	margin-left: 1em;
	margin-right: .5em;
	padding: .2em .5em;
	vertical-align: middle;
	word-wrap: break-word;
}
/*Word already exists in the list*/
[id="taskprefpage"] .highlightexists {
	color: #ff6f6f;
	padding-left: .5em;
}
/*delete parent cell align top*/
[id="taskprefpage"] #recordHighlightsContainer .highlightCell:last-child, #restricttoword .highlightCell:last-child {
	padding-top: 1em;
	vertical-align: top;
}
/*display delete button in center*/
[id="taskprefpage"] .flaticon-delete {
	cursor: pointer;
	margin: 10px 0 0 10px;
	text-align: center;
}
[id="highlightsTab"] .menuitembar {
	margin: 20px 0;
	padding: 0;
	overflow: hidden
}
[id="systemHighlightsContainer"] .highlightCell p, [id="recordHighlightsContainer"] .systemHighlightCell p {
	padding: 5px 10px;
	margin: 0;
	border-color: #AAA !important;
	border-width: 2px !important;
	border-style: solid;
	border-radius: 5px;
}
[id="systemHighlightsContainer"] .highlightCell, [id="recordHighlightsContainer"] .systemHighlightCell {
	/*	width: calc(100% - 6.3em);*/
	width: 23.5em;
	display: inline-block;
	margin-left: 15px
}
[id="systemHighlightsContainer"] .highlightRow, [id="recordHighlightsContainer"] .systemHighlightRow {
	padding-bottom: 15px;
}
#highlightContent .above {
	top: -16.5em;
}

#tasktopicpriority {
	display: none;
}

.priorityTopic {
	background-color: #ffeeb0;
    font-size: 1.5em;
}

.removePriorityTopic {
	font-weight: 700;
    cursor: pointer;
}

.removePriorityTopic:hover {
	color: #962d91 !important; 
}

.topic-indent {
	display: inline-block;
	width: 2em;
	min-width: 2em;
}

.topic-label {
	display: inline-block !important;
}

#taskprefitemtopics {
	padding-bottom: 2em;
}

#taskusertopics {
	padding-bottom: 1em;
}