.btn-open-help-wrapper {
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 18px;
    right: 20px;
    width: 48px;
    height: 48px;
	opacity: 0.5;
	z-index: 110;
}

.btn-open-help {
	background: url(data:image/png;base64,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);
	background: url(data:image/png;base64,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);
    border: none;
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.btn-open-help-wrapper:hover{
	opacity: 1;
}

.help-popup {
  display: none;
  position: fixed;
  bottom: 18px;
  right: 20px;
  /* right: 120px; */
  border: 1px solid #acacac;
  z-index: 111;
  width: 480px;
}

.help-popup.wide {
  width: 640px;
}

.help-menu {
	position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    border: 0;
    z-index: 10;
    background: white;
	overflow: auto;
}

.help-container {
  width: 100%;
  background-color: #ffffff;
}

.help-contents {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0;
  border: none;
  background: #ffffff;
  resize: none;
  height: 420px;
  overflow-y: scroll;
}

.help-container .button  {
  /* background-color: #afafaf; */
  color: white;
  border: none;
  cursor: pointer;
  opacity: 0.5;
  /* display: inline-block; */
  text-align: center;
}

.help-actions {
	height: 53px;
	border-top: solid #acacac 1px;
}

.help-actions .button  {
  width: 26px;
  height: 26px;
  opacity: 0.5;
}

.help-container .button:hover {
	opacity: 1;
}

.help-container .button.active-item{
	opacity: 1;
}

.help-container .submit {

}

/* Add a red background color to the cancel button */
.help-container .cancel {

}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.help-toppane {
	width: 100%;
	height: 27px;
	text-align: center;
	border-bottom: solid #acacac 1px;
	background: #acacac;
}

.help-selector {
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-bottom: solid #acacac 1px;
	cursor: pointer;
	position:relative;
}

.help-selector:hover {
	/* background: #17a2b87a; */
	background: #0000ff1c;
}

.help-selector .new-count {
	width: 20px;
    height: 20px;
    background: blue;
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 0.3;
    border-radius: 10px;
    color: white;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
}

.help-toppane .button {
	height: 26px;
	width: 26px;
}

.help-container .float-left {
	float: left;
}

.help-container .float-right {
	float: right;
}

.help-toppane .current-help {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
    /* font-variant: small-caps; */
	line-height: 26px;
	color: #ffffff;
}

.action-buttons {
	line-height: 0;
	width: 26px;
}

.icon-menu {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAUklEQVRIS+2SMRIAEAwE16f4f8mrjE53kpmoTr2EtY3i1YrPxwOk4VvRBLrc8QYsYBz064C3uwUpVySFff3k8kzlczOAK5LWXFFIkYQzgDOV1jbv7gwZdrW8TwAAAABJRU5ErkJggg==);
    background-position: 1px 1px;
    background-repeat: no-repeat;
}

.icon-back {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAS5JREFUaEPtmMsNwjAMQF8FY7AUEp8j3JiBBZiAEfgcubASTAESitRKVVVK0qS1LdJr1eQ921FcFxh/CuP8ZAHpDOYM5AxERiCXUEcA58CxfL8D7pHBbv18qAysgRMwLXd9ADMrAk14x21GoA3+BayAm/YMLIFLrWwc7xvYAOch4N2aqc6ACHwqATH4FAKi8LEC4vAxAirg+wqoge8joAo+VEAdfIiASnhfgQOwH+om7Vj3CfzsYn1uYtfLTAQEvJrAvxAwX0IulQvg2tJpbssfF6EKC+tGVUr4nIF6dNVJhAqoK6c+Aqok+gqokYgRUCERKyAukUJAVCKVgJhESgEnYXqwVV14pkeL3yTMzEbrbYfp8fpo3WnqQzwaeLVRFhg95I0NcwZyBiIjYL6EPr3wWDG3EFXwAAAAAElFTkSuQmCC);	
	background-size: 26px;
}

.icon-append {
	background-image: url(data:image/png;base64,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);
    background-position: 1px 1px;
	background-size: 24px;
    background-repeat: no-repeat;
	visibility: hidden;
}

.icon-close {
	/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAtklEQVRIS+2UIQ6DQBBFH6ZH4AyImlbhEDU9ck0FDlUMgjNwBFQzpCSk7e58MwmC1X//y/75OwXBpwj25wC4Caci6oATcAcmx6UEHsAM1N/aFOAFXIABuGUgZv4EzkAPXFXA9mIKomiyLcoZSOb2Gq+m/4zs3hqLF6ELMLMtZPxkXAnzWaTeC9aZGaQFzNiOgRqhYfsAhEYUOuTQmio9VzTJIYevivBl565hVaB+NNXvR3cA3OjeZUlCGcNPuQQAAAAASUVORK5CYII=); */
    /* background-position: 1px 1px; */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAABYklEQVQ4T83UPU/CQBgH8P+dYJTagYXBt83JROeaSBFnxcSwE0z8Qu7IbDdr1YDRMBk0fgnfZhENKHCP4YRa6bWJARM6X3/P/e+5exhG9LERORhz6NHMG7VE/W7Zsj7DIj8Y2WlMzawsXB1W++vcaE8b+W0SZAE4ryXeskGYRKK6zTitMaLMXKVY7mISuk/vJXlHlMEwKSsQjlWYB9ns7aQhiMzFSvFWQs9b+zHx2rLBkHYjDWAKBBDkNDR9d+ns4MONFobFm/GIr5AHcaP1d6HCBGBzgvZrtwOIDwqM6W2hAlFCoVgA8r+Q8tD/Gi2gc6cg0sCZ6Xphh61Eej/onZdIuznhhGHBF3KgqixUbzkAUqqd/TwR0b4AeFQuCuiOAmsKoqT7RGTLU7kdATqCYKX+tVdNgB52AsDgnGVmLwsl/802c+vvMf2m+3bCxsj3ebZX5yuFa98YGXbkjvmoHSbeF18QECjcv25mAAAAAElFTkSuQmCC);
    background-position: 5px 1px;
    background-repeat: no-repeat;
}

.help-menu-title {
	text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: #e3e3ff;
    border-bottom: solid #c7c7ff 1px;
}

.help-tab-hidden {
	display: none;
}

.help-menu-item {
	display: block;
    color: #212529;
    /* background-color: #f8f9fa; */
	/* background-color: #f5f5f5; */
	border-bottom: solid #d7d7d7 1px;
	cursor: pointer;
	padding: 4px 8px;
}

.help-menu-item:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}