@font-face {
    font-family: 'Help4IconFont';
    src: url('../files/IconFont.woff') format('woff'), url('../files/IconFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Ariba_icon_library';
    src: url('https://help.sap.com/resource/font/Ariba_icon_library-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAPGUI-Belize-Icons';
    src: url('https://help.sap.com/resource/font/SAPGUI-Belize-Icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BusinessSuiteInAppSymbols';
    src: url('https://help.sap.com/resource/font/BusinessSuiteInAppSymbols.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'bwicons';
    src: url('https://help.sap.com/resource/font/bwicons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'FPA-icons';
    src: url('https://help.sap.com/resource/font/FPA-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ITOA_FontIcon';
    src: url('https://help.sap.com/resource/font/ITOA_FontIcon.eot');
    src: url('https://help.sap.com/resource/font/ITOA_FontIcon.eot?#iefix') format('embedded-opentype'), url('https://help.sap.com/resource/font/ITOA_FontIcon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ITOA_FontIcon';
    src: url('https://help.sap.com/resource/font/ITOA_FontIcon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NS-SAP-icons';
    src: url('https://help.sap.com/resource/font/NS-SAP-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NS-SAP-icons-extended';
    src: url('https://help.sap.com/resource/font/NS-SAP-icons-extended.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sap-fiori-inapp-icons';
    src: url('https://help.sap.com/resource/font/sap-fiori-inapp-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAPiconsV3-2';
    src: url('https://help.sap.com/resource/font/SAPiconsV3-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAPiconsV3-6';
    src: url('https://help.sap.com/resource/font/SAPiconsV3-6.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAPiconsV4-1';
    src: url('https://help.sap.com/resource/font/SAPiconsV4-1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAP-icons-extended';
    src: url('https://help.sap.com/resource/font/SAP-icons-extended.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAP-icons-TNT';
    src: url('https://help.sap.com/resource/font/SAP-icons-TNT.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SAP-icons-watt';
    src: url('https://help.sap.com/resource/font/SAP-icons-watt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sap-launch-icons';
    src: url('https://help.sap.com/resource/font/sap-launch-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sapsportsone';
    src: url('https://help.sap.com/resource/font/sapsportsone.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 've-icon-set';
    src: url('https://help.sap.com/resource/font/ve-icon-set.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

.help4-html {
    height: 100%
}

.help4 {
    position: fixed;
    display: block !important;
    direction: ltr;
    left: 0;
    top: 0;
    z-index: 1000000;
    width: 100%;
    font-size: 8px;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    line-height: 1.33;
    color: #fff;
    -ms-high-contrast-adjust: none;
    text-align: left;
    text-align: start
}

.help4 .Ariba-icons {
    font-family: Ariba_icon_library
}

.help4 .Belize-icons {
    font-family: SAPGUI-Belize-Icons
}

.help4 .BusinessSuiteInAppSymbols {
    font-family: BusinessSuiteInAppSymbols
}

.help4 .BW-icons {
    font-family: bwicons
}

.help4 .FPA-icons {
    font-family: FPA-icons
}

.help4 .ITOA_FontIcon {
    font-family: ITOA_FontIcon
}

.help4 .NS-SAP-icons {
    font-family: NS-SAP-icons
}

.help4 .NS-SAP-icons-extended {
    font-family: NS-SAP-icons-extended
}

.help4 .sap-fiori-inapp-icons {
    font-family: sap-fiori-inapp-icons
}

.help4 .SAP-icons {
    font-family: SAP-icons
}

.help4 .SAPiconsV3-2 {
    font-family: SAPiconsV3-2
}

.help4 .SAPiconsV3-6 {
    font-family: SAPiconsV3-6
}

.help4 .SAPiconsV4-1 {
    font-family: SAPiconsV4-1
}

.help4 .SAP-icons-extended {
    font-family: SAP-icons-extended
}

.help4 .SAP-icons-TNT {
    font-family: SAP-icons-TNT
}

.help4 .SAP-icons-watt {
    font-family: SAP-icons-watt
}

.help4 .sap-launch-icons {
    font-family: sap-launch-icons
}

.help4 .sapsportsone {
    font-family: sapsportsone
}

.help4 .ve-icon-set {
    font-family: ve-icon-set
}

.help4.help4-body {
    height: 100%;
    margin: 0;
    position: static;
    overflow: hidden
}

.help4 *:not(rect),
.help4 *:after,
.help4 *:before,
.help4 *:disabled,
.help4 fieldset {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: static;
    float: none;
    overflow: visible;
    box-sizing: content-box;
    white-space: normal;
    vertical-align: baseline;
    background: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: none;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    font-style: normal;
    box-shadow: none;
    opacity: 1;
    border-radius: 0;
    transform: none;
    text-align: left;
    text-align: start
}

.help4 .help4-hidden {
    visibility: hidden
}

.help4 .help4-opacity0 {
    opacity: 0;
    pointer-events: none
}

.help4 .help4-no-transition {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.help4 .help4-disabled {
    opacity: .33;
    pointer-events: none
}

.help4 .help4-label {
    display: inline-block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    opacity: 1
}

.help4 .help4-notanimated {
    transition: none !important;
    -webkit-transition: none !important
}

.help4 ::-moz-selection {
    color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 ::-moz-selection {
    color: #fff
}

.help4-whatsnew.help4 ::-moz-selection {
    background-color: #d6682b
}

.help4 ::selection {
    color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 ::selection {
    color: #fff
}

.help4-whatsnew.help4 ::selection {
    background-color: #d6682b
}

.help4 input,
.help4 textarea {
    min-height: 32px;
    display: inline-block
}

.help4 input[type=range] {
    min-height: 24px
}

.help4 input::-ms-clear,
.help4 input::-ms-reveal {
    display: none
}

.help4 input[type=search] {
    -webkit-appearance: none
}

.help4 input[type=search]::-webkit-search-decoration,
.help4 input[type=search]::-webkit-search-cancel-button,
.help4 input[type=search]::-webkit-search-results-button,
.help4 input[type=search]::-webkit-search-results-decoration {
    display: none
}

.help4 input[type=number] {
    -moz-appearance: textfield
}

.help4 input[type=number]::-webkit-outer-spin-button,
.help4 input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.help4 button::-moz-focus-inner {
    border: 0
}

.help4 *[dir='ltr'] {
    direction: ltr;
    unicode-bidi: embed
}

.help4 *[dir='rtl'] {
    direction: rtl;
    unicode-bidi: embed
}

.help4 bdo[dir='ltr'] {
    direction: ltr;
    unicode-bidi: bidi-override
}

.help4 bdo[dir='rtl'] {
    direction: rtl;
    unicode-bidi: bidi-override
}

.help4 .help4-field,
.help4 .help4-textarea {
    height: 32px;
    padding: 0 6px;
    border: 2px solid rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.9);
    color: #303030;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    transition: width .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out
}

.help4 .help4-field:-ms-input-placeholder,
.help4 .help4-textarea:-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.66);
    font-style: italic
}

.help4 .help4-field::-webkit-input-placeholder,
.help4 .help4-textarea::-webkit-input-placeholder {
    color: rgba(48, 48, 48, 0.66);
    font-style: italic
}

.help4 .help4-field::-moz-placeholder,
.help4 .help4-textarea::-moz-placeholder {
    color: rgba(48, 48, 48, 0.66);
    font-style: italic
}

.help4 .help4-field:hover,
.help4 .help4-textarea:hover {
    border-color: #408600
}

.help4-whatsnew.help4 .help4-field:hover,
.help4-whatsnew.help4 .help4-textarea:hover {
    border-color: #d6682b
}

.help4 .help4-field:focus,
.help4 .help4-textarea:focus,
.help4 .help4-field.help4-active,
.help4 .help4-textarea.help4-active {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00;
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: -4px;
    outline-color: #303030
}

.help4-whatsnew.help4 .help4-field:focus,
.help4-whatsnew.help4 .help4-textarea:focus,
.help4-whatsnew.help4 .help4-field.help4-active,
.help4-whatsnew.help4 .help4-textarea.help4-active {
    border-color: #e47438
}

.help4 .help4-field:focus:-ms-input-placeholder,
.help4 .help4-textarea:focus:-ms-input-placeholder,
.help4 .help4-field.help4-active:-ms-input-placeholder,
.help4 .help4-textarea.help4-active:-ms-input-placeholder {
    color: rgba(48, 48, 48, 0.45);
    font-style: italic
}

.help4 .help4-field:focus::-webkit-input-placeholder,
.help4 .help4-textarea:focus::-webkit-input-placeholder,
.help4 .help4-field.help4-active::-webkit-input-placeholder,
.help4 .help4-textarea.help4-active::-webkit-input-placeholder {
    color: rgba(48, 48, 48, 0.45);
    font-style: italic
}

.help4 .help4-field:focus::-moz-placeholder,
.help4 .help4-textarea:focus::-moz-placeholder,
.help4 .help4-field.help4-active::-moz-placeholder,
.help4 .help4-textarea.help4-active::-moz-placeholder {
    color: rgba(48, 48, 48, 0.45);
    font-style: italic
}

.help4 .help4-field:focus:hover,
.help4 .help4-textarea:focus:hover,
.help4 .help4-field.help4-active:hover,
.help4 .help4-textarea.help4-active:hover {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00
}

.help4-whatsnew.help4 .help4-field:focus:hover,
.help4-whatsnew.help4 .help4-textarea:focus:hover,
.help4-whatsnew.help4 .help4-field.help4-active:hover,
.help4-whatsnew.help4 .help4-textarea.help4-active:hover {
    border-color: #e47438
}

.help4 .help4-textarea {
    height: 96px;
    min-height: 48px;
    padding: 4px 6px;
    vertical-align: bottom;
    line-height: 1.33;
    white-space: pre-wrap;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    resize: vertical;
    scrollbar-color: #969696 rgba(255, 255, 255, 0.9);
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: rgba(255, 255, 255, 0.9);
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-textarea::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-textarea::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-textarea::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-textarea::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px
}

.help4 .help4-textarea::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px
}

.help4 .help4-textarea::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.9)
}

.help4 .help4-textarea::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-textarea::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-textarea::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-icon {
    speak: none;
    -webkit-speak: none;
    -moz-speak: none;
    -ms-speak: none
}

.help4 .help4-dnd {
    cursor: move
}

.help4.help4-rtl>* {
    direction: rtl;
    text-align: right;
    text-align: start
}

.help4.help4-rtl *::-webkit-resizer {
    border-left: 2px solid #303030;
    border-right: 0
}

.help4.help4-rtl *:not(rect),
.help4.help4-rtl *:after,
.help4.help4-rtl *:before,
.help4.help4-rtl *:disabled,
.help4.help4-rtl fieldset {
    text-align: right;
    text-align: start
}

#sap-wpb-help4-fiori span {
    transition: background .3s ease-out, border .3s ease-out, color .3s ease-out
}

#sap-wpb-help4-fiori.sapUshellShellHeadItm.help4-minimized span {
    background-color: #408600 !important;
    color: #fff !important;
    transition: background .3s ease-out;
    animation: ani-minimized 1.2s 1;
    -webkit-animation: ani-minimized 1.2s 1
}

@keyframes ani-minimized {
    0% {
        background-color: #408600
    }

    50% {
        background-color: #65d300
    }

    100% {
        background-color: #408600
    }
}

@keyframes ani-minimized {
    0% {
        background-color: #408600
    }

    50% {
        background-color: #65d300
    }

    100% {
        background-color: #408600
    }
}

#sap-wpb-help4-fiori.sapUshellShellHeadItm.help4-minimized:hover span,
#sap-wpb-help4-fiori.sapUshellShellHeadItm.help4-minimized:focus span {
    background-color: #51aa00 !important;
    color: #fff !important
}

#sap-wpb-help4-fiori.sapUshellActionItem.help4-minimized .sapUiIcon,
#sap-wpb-help4-fiori.sapMActionSheetButton.help4-minimized #sap-wpb-help4-fiori-inner {
    background-color: #408600 !important;
    color: #fff !important
}

#sap-wpb-help4-fiori.sapUshellActionItem.help4-minimized .sapUiIcon:hover,
#sap-wpb-help4-fiori.sapMActionSheetButton.help4-minimized #sap-wpb-help4-fiori-inner:hover,
#sap-wpb-help4-fiori.sapUshellActionItem.help4-minimized .sapUiIcon:focus,
#sap-wpb-help4-fiori.sapMActionSheetButton.help4-minimized #sap-wpb-help4-fiori-inner:focus {
    background-color: #51aa00 !important;
    color: #fff !important
}

#meAreaHeaderButton.help4-minimized .userImgSpan {
    background-color: #408600 !important
}

.help4 .help4-control-line {
    position: absolute;
    z-index: 1;
    pointer-events: none
}

.help4 .help4-control-line .help4-line {
    position: absolute;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-line .help4-line {
    background-color: #e47438
}

.help4 .help4-control-line .help4-ending {
    position: absolute;
    top: 0;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-line .help4-ending {
    background-color: #e47438
}

.help4 .help4-control-line .help4-ending.help4-left {
    left: 0
}

.help4 .help4-control-line .help4-ending.help4-right {
    right: 0
}

.help4 .help4-control-line .help4-ending.help4-none {
    display: none
}

.help4 .help4-control-line .help4-ending.help4-round {
    border-radius: 100%
}

.help4 .help4-control-connectedhotspot {
    min-width: 3px
}

.help4 .help4-control-connectedhotspot .help4-control-line {
    z-index: 10
}

.help4 .help4-control-connectedhotspot.help4-control-numberedhotspot .help4-control-hotspot.help4-circle .help4-inner {
    border-style: dotted
}

.help4 .help4-control-connectedhotspot.help4-control-numberedhotspot .help4-control-hotspot.help4-circle .help4-inner .help4-text {
    width: 20px;
    height: 20px;
    margin-top: calc(100% - 18px);
    margin-left: calc(100% - 18px);
    display: inline-block;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    background-color: #408600;
    color: #fff
}

.help4-whatsnew.help4 .help4-control-connectedhotspot.help4-control-numberedhotspot .help4-control-hotspot.help4-circle .help4-inner .help4-text {
    background-color: #d6682b
}

.help4-whatsnew.help4 .help4-control-connectedhotspot.help4-control-numberedhotspot .help4-control-hotspot.help4-circle .help4-inner .help4-text {
    color: #fff
}

.help4 .help4-control-hotspot {
    position: absolute;
    box-sizing: border-box;
    cursor: help
}

.help4 .help4-control-hotspot:before {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 1px dashed transparent;
    position: absolute;
    content: '';
    border-radius: 50%;
    transform: translate(-4px, -4px)
}

.help4 .help4-control-hotspot:focus {
    outline: 0
}

.help4 .help4-control-hotspot:focus:before {
    border-color: #408600
}

.help4-whatsnew.help4 .help4-control-hotspot:focus:before {
    border-color: #d6682b
}

.help4 .help4-control-hotspot:hover,
.help4 .help4-control-hotspot.help4-active {
    z-index: 1
}

.help4 .help4-control-hotspot.help4-icon,
.help4 .help4-control-hotspot.help4-circle {
    border-radius: 50%
}

.help4 .help4-control-hotspot.help4-icon .help4-inner,
.help4 .help4-control-hotspot.help4-circle .help4-inner {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    border: 3px solid;
    box-sizing: border-box;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
    transition: color .3s ease-out, border .3s ease-out, box-shadow .3s ease-out;
    border-color: #408600
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-icon .help4-inner,
.help4-whatsnew.help4 .help4-control-hotspot.help4-circle .help4-inner {
    border-color: #d6682b
}

.help4 .help4-control-hotspot.help4-circle .help4-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66), inset 0 0 8px 1px rgba(64, 134, 0, 0.66)
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-circle .help4-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66), inset 0 0 8px 1px rgba(228, 116, 56, 0.66)
}

.help4 .help4-control-hotspot.help4-circle:hover .help4-inner,
.help4 .help4-control-hotspot.help4-circle.help4-active .help4-inner {
    box-shadow: 0 0 0 3px #92d455, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 8px 1px #92d455
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-circle:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-hotspot.help4-circle.help4-active .help4-inner {
    box-shadow: 0 0 0 3px #ebb496, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 8px 1px #ebb496
}

.help4 .help4-control-hotspot.help4-icon {
    color: #fff
}

.help4 .help4-control-hotspot.help4-icon .help4-inner {
    border: 0;
    font-family: Help4IconFont, sans-serif;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66)
}

.help4 .help4-control-hotspot.help4-icon .help4-inner span {
    font-family: Help4IconFont, sans-serif
}

.help4 .help4-control-hotspot.help4-icon:before {
    transform: translate(-5px, -4px)
}

.help4 .help4-control-hotspot.help4-icon:hover .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-active .help4-inner {
    box-shadow: 0 0 0 3px #92d455, 0 0 0 4px rgba(255, 255, 255, 0.66)
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-icon:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-hotspot.help4-icon.help4-active .help4-inner {
    box-shadow: 0 0 0 3px #ebb496, 0 0 0 4px rgba(255, 255, 255, 0.66)
}

.help4 .help4-control-hotspot.help4-icon.help4-size-xs {
    width: 24px;
    height: 24px;
    font-size: 12px;
    text-indent: 1px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-xs .help4-inner span {
    line-height: 20.16px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-s {
    width: 32px;
    height: 32px;
    font-size: 16px;
    text-indent: 1px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-s .help4-inner span {
    line-height: 28.16px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-m {
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-indent: 1px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-m .help4-inner span {
    line-height: 36.8px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-l {
    width: 48px;
    height: 48px;
    font-size: 24px;
    text-indent: 1px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-l .help4-inner span {
    line-height: 45.6px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-xl {
    width: 64px;
    height: 64px;
    font-size: 32px;
    text-indent: 1px
}

.help4 .help4-control-hotspot.help4-icon.help4-size-xl .help4-inner span {
    line-height: 62.72px
}

.help4 .help4-control-hotspot.help4-icon .help4-inner {
    color: #fff;
    border-color: #408600;
    background-color: #408600
}

.help4 .help4-control-hotspot.help4-icon.help4-link .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-learn .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-compliance .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-attachment .help4-inner {
    color: #fff;
    border-color: #6c6c6c;
    background-color: #6c6c6c
}

.help4 .help4-control-hotspot.help4-icon.help4-star .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-note .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-warning .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-maintain .help4-inner {
    color: #fff;
    border-color: #ffa000;
    background-color: #ffa000
}

.help4 .help4-control-hotspot.help4-icon.help4-change .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-whatsnew .help4-inner {
    color: #fff;
    border-color: #e47438;
    background-color: #e47438
}

.help4 .help4-control-hotspot.help4-icon.help4-help .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-tour .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-step .help4-inner {
    color: #fff;
    border-color: #107e3e;
    background-color: #107e3e
}

.help4 .help4-control-hotspot.help4-icon.help4-tip .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-info .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-update .help4-inner {
    color: #fff;
    border-color: #009de0;
    background-color: #009de0
}

.help4 .help4-control-hotspot.help4-icon.help4-news .help4-inner,
.help4 .help4-control-hotspot.help4-icon.help4-support .help4-inner {
    color: #fff;
    border-color: #ab218e;
    background-color: #ab218e
}

.help4 .help4-control-hotspot.help4-rectangle:before,
.help4 .help4-control-hotspot.help4-underline:before {
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 10px;
    transform: translate(-6px, -6px)
}

.help4 .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4 .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 0;
    line-height: 1;
    font-size: 14px;
    pointer-events: all;
    color: #408600
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4-whatsnew.help4 .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    color: #d6682b
}

.help4 .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow:after,
.help4 .help4-control-hotspot.help4-underline .help4-inner .help4-arrow:after {
    content: '⊽';
    font-family: Help4IconFont, sans-serif;
    transition: text-shadow .3s ease-out
}

.help4 .help4-control-hotspot.help4-rectangle {
    pointer-events: none
}

.help4 .help4-control-hotspot.help4-rectangle .help4-inner {
    height: 100%;
    width: 100%
}

.help4 .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow {
    right: 0;
    bottom: 1px;
    font-size: 15px
}

.help4 .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow:after {
    text-shadow: -1px 0 0 rgba(255, 255, 255, 0.66)
}

.help4 .help4-control-hotspot.help4-rectangle .help4-svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    fill-opacity: 1;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66), inset 0 0 0 4px rgba(255, 255, 255, 0.66);
    transition: color .3s ease-out, border .3s ease-out, box-shadow .3s ease-out
}

.help4 .help4-control-hotspot.help4-rectangle .help4-svg .help4-rect {
    fill-opacity: 0;
    stroke-width: 3px;
    stroke-opacity: 1;
    pointer-events: visiblestroke;
    stroke: #408600
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-rectangle .help4-svg .help4-rect {
    stroke: #d6682b
}

.help4 .help4-control-hotspot.help4-rectangle:hover .help4-inner .help4-arrow:after,
.help4 .help4-control-hotspot.help4-rectangle.help4-active .help4-inner .help4-arrow:after {
    text-shadow: none
}

.help4 .help4-control-hotspot.help4-rectangle:hover .help4-svg,
.help4 .help4-control-hotspot.help4-rectangle.help4-active .help4-svg {
    box-shadow: 0 0 0 3px #92d455, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 0 1px #92d455
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-rectangle:hover .help4-svg,
.help4-whatsnew.help4 .help4-control-hotspot.help4-rectangle.help4-active .help4-svg {
    box-shadow: 0 0 0 3px #ebb496, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 0 1px #e47438
}

.help4 .help4-control-hotspot.help4-underline {
    height: 3px;
    border: 0;
    border-radius: 4px 0 4px 4px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66);
    transition: color .3s ease-out, border .3s ease-out, box-shadow .3s ease-out;
    background: #408600
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-underline {
    background: #d6682b
}

.help4 .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    right: -3px;
    bottom: 0
}

.help4 .help4-control-hotspot.help4-underline .help4-inner .help4-arrow:after {
    text-shadow: 1px -1px 0 rgba(255, 255, 255, 0.66), 1px -3px 0 rgba(255, 255, 255, 0), -1px -1px 0 rgba(255, 255, 255, 0.66)
}

.help4 .help4-control-hotspot.help4-underline:hover,
.help4 .help4-control-hotspot.help4-underline.help4-active {
    box-shadow: 0 0 0 3px #92d455, 0 0 0 4px rgba(255, 255, 255, 0.66)
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-underline:hover,
.help4-whatsnew.help4 .help4-control-hotspot.help4-underline.help4-active {
    box-shadow: 0 0 0 3px #ebb496, 0 0 0 4px rgba(255, 255, 255, 0.66)
}

.help4 .help4-control-hotspot.help4-underline:hover .help4-inner .help4-arrow:after,
.help4 .help4-control-hotspot.help4-underline.help4-active .help4-inner .help4-arrow:after {
    text-shadow: -4px 0 0 #92d455, 3px -2px 0 #92d455, 3px -7px 0 #92d455
}

.help4-whatsnew.help4 .help4-control-hotspot.help4-underline:hover .help4-inner .help4-arrow:after,
.help4-whatsnew.help4 .help4-control-hotspot.help4-underline.help4-active .help4-inner .help4-arrow:after {
    text-shadow: -4px 0 0 #ebb496, 3px -2px 0 #ebb496, 3px -7px 0 #ebb496
}

.help4.help4-helpedit .help4-control-hotspot,
.help4.help4-touredit .help4-control-hotspot {
    cursor: pointer
}

.help4.help4-tour .help4-control-hotspot.help4-rectangle,
.help4.help4-touredit .help4-control-hotspot.help4-rectangle,
.help4.help4-tour .help4-control-hotspot.help4-underline,
.help4.help4-touredit .help4-control-hotspot.help4-underline {
    pointer-events: none
}

.help4.help4-tour .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4.help4-touredit .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4.help4-tour .help4-control-hotspot.help4-underline .help4-inner .help4-arrow,
.help4.help4-touredit .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    display: none
}

.help4.help4-tour .help4-control-hotspot.help4-rectangle .help4-svg .help4-rect,
.help4.help4-touredit .help4-control-hotspot.help4-rectangle .help4-svg .help4-rect {
    pointer-events: none
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot:focus {
    outline: none !important
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot:focus:before {
    border-color: transparent !important
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-circle .help4-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66), inset 0 0 2px 1px rgba(64, 134, 0, 0.66)
}

.help4-whatsnew.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-circle .help4-inner {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66), inset 0 0 2px 1px rgba(228, 116, 56, 0.66)
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-circle:hover .help4-inner,
.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-circle.help4-active .help4-inner {
    background-color: #fff;
    box-shadow: 0 0 0 3px #92d455, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 2px 1px rgba(255, 255, 255, 0.66)
}

.help4-whatsnew.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-circle:hover .help4-inner,
.help4-whatsnew.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-circle.help4-active .help4-inner {
    box-shadow: 0 0 0 3px #ebb496, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 2px 1px rgba(255, 255, 255, 0.66)
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    transform: scale(.75);
    bottom: -1px
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle .help4-svg {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.66), 0 0 0 0 rgba(255, 255, 255, 0.66), inset 0 0 0 2px rgba(255, 255, 255, 0.66)
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow {
    right: -1px
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow:after {
    text-shadow: none
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle:hover .help4-svg,
.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle.help4-active .help4-svg {
    box-shadow: 0 0 0 3px #92d455, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 0 2px #92d455
}

.help4-whatsnew.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle:hover .help4-svg,
.help4-whatsnew.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle.help4-active .help4-svg {
    box-shadow: 0 0 0 3px #ebb496, 0 0 0 4px rgba(255, 255, 255, 0.66), inset 0 0 0 2px #e47438
}

.help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    right: -4px
}

.help4 .help4-control-bubble {
    width: 304px;
    min-height: 40px;
    padding: 4px;
    position: absolute;
    z-index: 15;
    background-color: #303030;
    opacity: 1;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.75);
    border-radius: 4px;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, top .3s ease-out, left .3s ease-out, bottom .3s ease-out, right .3s ease-out
}

.help4 .help4-control-bubble:focus {
    outline: none
}

.help4 .help4-control-bubble.help4-size-xl {
    width: 800px
}

.help4 .help4-control-bubble.help4-size-l {
    width: 600px
}

.help4 .help4-control-bubble.help4-size-m {
    width: 528px
}

.help4 .help4-control-bubble.help4-size-s {
    width: 320px
}

.help4 .help4-control-bubble.help4-size-xs {
    width: 240px
}

.help4 .help4-control-bubble.help4-cover {
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0
}

.help4 .help4-control-bubble.help4-cover.help4-preview {
    background-color: transparent;
    box-shadow: inset 0 0 32px #000, inset -345.12px 0 32px rgba(0, 0, 0, 0.5)
}

.help4 .help4-control-bubble.help4-cover.help4-preview.help4-minimized {
    box-shadow: inset 0 0 32px #000, inset -76px 0 32px rgba(0, 0, 0, 0.5)
}

.help4 .help4-control-bubble .help4-arrow {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    visibility: hidden;
    transition: visibility .3s ease-out, opacity .3s ease-out
}

.help4 .help4-control-bubble .help4-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute
}

.help4 .help4-control-bubble .help4-arrow.help4-hidden {
    display: none
}

.help4 .help4-control-bubble.help4-hidden {
    opacity: 0;
    transform: scale(.75);
    -webkit-transform: scale(.75)
}

.help4 .help4-control-bubble.help4-hidden .help4-arrow {
    visibility: hidden !important
}

.help4 .help4-control-bubble.help4-hotspot.help4-top {
    margin-top: -3px
}

.help4 .help4-control-bubble.help4-hotspot.help4-left {
    margin-left: -3px
}

.help4 .help4-control-bubble.help4-hotspot.help4-right {
    margin-left: 3px
}

.help4 .help4-control-bubble.help4-hotspot.help4-bottom {
    margin-top: 3px
}

.help4 .help4-control-bubble.help4-top .help4-arrow {
    border-top-color: rgba(0, 0, 0, 0.25);
    margin-bottom: -16px;
    visibility: visible;
    bottom: 0;
    left: 4px;
    transform: translateX(-4px)
}

.help4 .help4-control-bubble.help4-top .help4-arrow:after {
    margin-top: -9px;
    border-top-color: #303030;
    transform: translateX(-8px)
}

.help4 .help4-control-bubble.help4-left .help4-arrow {
    border-left-color: rgba(0, 0, 0, 0.25);
    margin-right: -16px;
    visibility: visible;
    right: 0;
    transform: translateY(-4px)
}

.help4 .help4-control-bubble.help4-left .help4-arrow:after {
    margin-left: -9px;
    border-left-color: #303030;
    transform: translateY(-8px)
}

.help4 .help4-control-bubble.help4-right .help4-arrow {
    border-right-color: rgba(0, 0, 0, 0.25);
    margin-left: -16px;
    visibility: visible;
    left: 0;
    transform: translateY(-4px)
}

.help4 .help4-control-bubble.help4-right .help4-arrow:after {
    margin-left: -7px;
    border-right-color: #303030;
    transform: translateY(-8px)
}

.help4 .help4-control-bubble.help4-bottom .help4-arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    margin-top: -16px;
    visibility: visible;
    top: 0;
    left: 4px;
    transform: translateX(-4px)
}

.help4 .help4-control-bubble.help4-bottom .help4-arrow:after {
    margin-top: -7px;
    border-bottom-color: #303030;
    transform: translateX(-8px)
}

.help4 .help4-control-bubble.help4-fit-screen {
    left: 16px !important;
    top: 16px !important;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px)
}

.help4 .help4-control-bubble.help4-fit-screen .help4-arrow {
    visibility: hidden !important
}

.help4 .help4-control-bubble.help4-fit-screen .help4-content {
    height: 50% !important;
    min-height: 50% !important
}

.help4 .help4-control-bubble.help4-fit-screen .help4-footer {
    position: relative;
    bottom: 0;
    right: 0
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab),
.help4 .help4-control-bubble.help4-select:not(help4-tab) {
    animation: ani-move-down .6s 1;
    -webkit-animation: ani-move-down .6s 1;
    background-color: rgba(255, 255, 255, 0.9);
    width: auto
}

@keyframes ani-move-down {
    0% {
        opacity: 0;
        transform: translateY(-32px);
        -webkit-transform: translateY(-32px)
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper {
    scrollbar-color: #969696 rgba(255, 255, 255, 0.9);
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: rgba(255, 255, 255, 0.9);
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-button,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-resizer,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-track,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-track-piece,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-corner,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.9)
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-thumb,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-thumb:hover,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-thumb:active,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab) .help4-container-wrapper .help4-control-button.help4-link .help4-inner,
.help4 .help4-control-bubble.help4-select:not(help4-tab) .help4-container-wrapper .help4-control-button.help4-link .help4-inner {
    max-width: 85vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option .help4-icon {
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-color: #408600
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-active .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-active .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option:hover:not(.help4-disabled) .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option:hover:not(.help4-disabled) .help4-icon {
    color: #fff
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-link .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-link .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-learn .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-learn .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-compliance .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-compliance .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-attachment .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-attachment .help4-icon {
    background-color: #6c6c6c
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-star .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-star .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-note .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-note .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-warning .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-warning .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-maintain .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-maintain .help4-icon {
    background-color: #ffa000
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-change .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-change .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-whatsnew .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-whatsnew .help4-icon {
    background-color: #e47438
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-help .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-help .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-tour .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-tour .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-step .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-step .help4-icon {
    background-color: #107e3e
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-tip .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-tip .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-info .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-info .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-update .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-update .help4-icon {
    background-color: #009de0
}

.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-news .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-news .help4-icon,
.help4 .help4-control-bubble.help4-combo:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-support .help4-icon,
.help4 .help4-control-bubble.help4-select:not(help4-tab).help4-psctlid-hotspotIconType .help4-option.help4-icon-support .help4-icon {
    background-color: #ab218e
}

.help4 .help4-control-bubble .help4-header {
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header {
    background-color: #d6682b
}

.help4 .help4-control-bubble .help4-header .help4-close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 6px;
    top: 6px;
    opacity: .75;
    z-index: 5;
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close {
    color: #fff;
}

.help4 .help4-control-bubble .help4-header .help4-close .help4-icon {
    font-size: 12px;
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close .help4-icon {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close .help4-icon {
    color: #fff;
}

.help4 .help4-control-bubble .help4-header .help4-close:hover,
.help4 .help4-control-bubble .help4-header .help4-close:focus {
    opacity: 1;
    background-color: transparent !important;
    outline-color: #fff !important
}

.help4 .help4-control-bubble .help4-header .help4-close:hover .help4-icon,
.help4 .help4-control-bubble .help4-header .help4-close:focus .help4-icon {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close:focus .help4-icon {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-close:focus .help4-icon {
    color: #fff;
}

.help4 .help4-control-bubble .help4-header .help4-caption {
    min-height: 16px;
    padding: 8px 40px 8px 16px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    text-align: start;
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-caption {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-header .help4-caption {
    color: #fff;
}

.help4 .help4-control-bubble .help4-header .help4-dragbar {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    width: 100%
}

.help4 .help4-control-bubble .help4-subheader {
    padding-bottom: 6px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
    font-size: 16px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble .help4-groupheader {
    width: calc(99% - 32px);
    padding: 4px 16px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px
}

.help4 .help4-control-bubble .help4-content {
    padding: 12px 12px 12px 16px;
    overflow: auto;
    scrollbar-color: #969696 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-bubble .help4-content::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-corner {
    background-color: #444
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-bubble .help4-content::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-control-bubble .help4-content:focus {
    outline: none
}

.help4 .help4-control-bubble .help4-content img,
.help4 .help4-control-bubble .help4-content audio,
.help4 .help4-control-bubble .help4-content video {
    max-width: 100%
}

.help4 .help4-control-bubble .help4-content iframe {
    border: 0;
    vertical-align: top
}

.help4 .help4-control-bubble .help4-content a:focus,
.help4 .help4-control-bubble .help4-content a:hover {
    background-color: #303030;
    outline: 1px dotted rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble .help4-content p:first-child,
.help4 .help4-control-bubble .help4-content div:first-child,
.help4 .help4-control-bubble .help4-content table:first-child,
.help4 .help4-control-bubble .help4-content ol:first-child,
.help4 .help4-control-bubble .help4-content ul:first-child {
    margin-top: 0
}

.help4 .help4-control-bubble .help4-content p:last-child,
.help4 .help4-control-bubble .help4-content div:last-child,
.help4 .help4-control-bubble .help4-content table:last-child,
.help4 .help4-control-bubble .help4-content ol:last-child,
.help4 .help4-control-bubble .help4-content ul:last-child {
    margin-bottom: 0
}

.help4 .help4-control-bubble .help4-content h1:first-child,
.help4 .help4-control-bubble .help4-content h2:first-child,
.help4 .help4-control-bubble .help4-content h3:first-child,
.help4 .help4-control-bubble .help4-content h4:first-child,
.help4 .help4-control-bubble .help4-content h5:first-child,
.help4 .help4-control-bubble .help4-content h6:first-child {
    margin-top: 0
}

.help4 .help4-control-bubble .help4-content li p:first-child {
    margin-top: 8px
}

.help4 .help4-control-bubble .help4-content li p:last-child {
    margin-bottom: 8px
}

.help4 .help4-control-bubble .help4-content li:first-child p:first-child {
    margin-top: 0
}

.help4 .help4-control-bubble .help4-content li:last-child p:last-child {
    margin-bottom: 0
}

@keyframes ani-highlight {
    0% {
        border-color: #d32030
    }

    100% {
        border-color: transparent
    }
}

.help4 .help4-control-bubble .help4-content .help4-zoom-inplace-preview .help4-zoom-inplace-highlight {
    border: 3px solid #d32030;
    position: absolute;
    pointer-events: none;
    -webkit-animation: ani-highlight 1s alternate infinite;
    animation: ani-highlight 1s alternate infinite
}

.help4 .help4-control-bubble .help4-content .help4-zoom-inplace-preview img {
    max-width: 100%;
    max-height: 50vh;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    cursor: zoom-in
}

.help4 .help4-control-bubble .help4-content .help4-zoom-inplace-preview .help4-zoom-inplace-original {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -100%;
    display: none
}

.help4 .help4-control-bubble .help4-content .help4-zoom-inplace-preview.help4-zoom-inplace-zoomed img {
    opacity: 0;
    cursor: pointer;
    cursor: zoom-out
}

.help4 .help4-control-bubble .help4-content .help4-zoom-inplace-preview.help4-zoom-inplace-zoomed .help4-zoom-inplace-original {
    display: block
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem],
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem],
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem] {
    width: 100%;
    padding: 0 16px;
    border-bottom: 1px solid #202020;
    display: block;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom-color: #202020;
    transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem],
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem],
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem] {
    border-bottom-color: #202020
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover {
    color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover,
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover,
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover,
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover,
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover {
    background-color: #e47438
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover .help4-icon,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover .help4-icon,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover .help4-icon,
.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover .help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover .help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover .help4-inner {
    color: #fff
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem] .help4-icon,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem] .help4-icon,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem] .help4-icon,
.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem] .help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem] .help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem] .help4-inner {
    font-size: 16px
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem] .help4-icon+.help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem] .help4-icon+.help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem] .help4-icon+.help4-inner {
    margin: 0 8px
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem] .help4-icon:empty+.help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem] .help4-icon:empty+.help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem] .help4-icon:empty+.help4-inner {
    margin: 0
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:focus,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:focus,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:focus {
    outline-offset: -2px
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover {
    border-bottom: 1px solid #202020
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:hover .help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:hover .help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:hover .help4-inner {
    border-bottom: 0
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem]:last-child,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem]:last-child,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem]:last-child {
    border-bottom: none
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden .help4-icon,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden .help4-icon,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden .help4-icon,
.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden .help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden .help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden .help4-inner {
    opacity: .33
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden:focus .help4-icon,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden:focus .help4-icon,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden:focus .help4-icon,
.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden:focus .help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden:focus .help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden:focus .help4-inner {
    opacity: .66
}

.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-icon,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-icon,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-icon,
.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-inner,
.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-inner,
.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-inner {
    color: #fff;
    opacity: .66
}

.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble.help4-addlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-bubble.help4-tourlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-bubble.help4-editlist .help4-item[role=menuitem].help4-projecthidden:hover .help4-inner {
    color: #fff
}

.help4 .help4-control-bubble .help4-footer {
    padding: 12px;
    overflow: hidden;
    font-size: 17px;
    color: #fff
}

.help4 .help4-control-bubble .help4-footer .help4-control-button {
    visibility: visible
}

.help4 .help4-control-bubble .help4-footer .help4-control-button.help4-hidden {
    display: none
}

.help4 .help4-control-bubble .help4-footer .help4-prev {
    margin-left: -4px;
    padding-right: 12px
}

.help4 .help4-control-bubble .help4-footer .help4-next {
    float: right;
    margin-bottom: 12px;
    padding-left: 12px
}

.help4 .help4-control-bubble .help4-footer .help4-prev+.help4-next {
    margin-bottom: 0
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center {
    height: 36px;
    min-height: 36px;
    padding: 0 20px;
    border: 1px solid;
    float: right;
    line-height: 34px;
    border-radius: 20px;
    border-color: #408600;
    color: #bcdf9c
}

.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center {
    border-color: #d6682b
}

.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center {
    color: #f0b392
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center .help4-icon {
    height: 36px;
    width: 36px;
    margin: 0;
    border: 0;
    line-height: 36px;
    background-color: transparent
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start .help4-inner,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish .help4-inner,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center .help4-inner {
    font-size: 16px
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:focus,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:focus,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:focus {
    outline-offset: 2px
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:focus .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:focus .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:focus .help4-icon {
    background-color: transparent
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:focus:hover,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:focus:hover,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:focus:hover {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none
}

.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover {
    background-color: #e47438
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover .help4-inner,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover .help4-inner,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover .help4-inner,
.help4-whatsnew.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover .help4-inner {
    color: #fff
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start:hover .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-finish:hover .help4-icon,
.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center:hover .help4-icon {
    background-color: transparent
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-start {
    margin-bottom: 0;
    padding: 0 6px 0 18px;
    float: none
}

.help4 .help4-control-bubble .help4-footer .help4-exposed.help4-center {
    float: none
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header {
    background-color: transparent
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-caption.help4-tour,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-caption.help4-tour {
    color: #fff;
    padding: 12px 0 0 0;
    text-align: center
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-caption.help4-tour:before,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-caption.help4-tour:before {
    width: 56px;
    height: 56px;
    margin: 8px auto 16px auto;
    border: 4px solid;
    content: 'V';
    display: block;
    line-height: 56px;
    text-align: center;
    font-size: 28px;
    font-family: Help4IconFont, sans-serif;
    border-radius: 50%;
    border-color: #51aa00;
    background-color: #bcdf9c;
    color: #2f6200
}

.help4-whatsnew.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-caption.help4-tour:before,
.help4-whatsnew.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-caption.help4-tour:before {
    border-color: #e47438
}

.help4-whatsnew.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-caption.help4-tour:before,
.help4-whatsnew.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-caption.help4-tour:before {
    background-color: #ebb495
}

.help4-whatsnew.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-caption.help4-tour:before,
.help4-whatsnew.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-caption.help4-tour:before {
    color: #97491d
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-close .help4-icon,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-close .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-close:hover,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-close:hover,
.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-close:focus,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-close:focus {
    opacity: 1
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-close:hover .help4-icon,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-close:hover .help4-icon,
.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-close:focus .help4-icon,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-close:focus .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-header .help4-close:focus,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-close:focus {
    outline-color: rgba(255, 255, 255, 0.85) !important
}

.help4 .help4-control-bubble.help4-bubble-appear-end .help4-content,
.help4 .help4-control-bubble.help4-bubble-appear-start .help4-content {
    padding: 8.04px 12px 8.04px 16px
}

.help4 .help4-control-bubble.help4-bubble-appear-start .help4-header .help4-caption.help4-tour:before {
    content: 't'
}

.help4 .help4-control-bubble.help4-bubble-appear-start .help4-footer {
    text-align: center
}

.help4 .help4-control-bubble.help4-bubble-appear-start .help4-footer .help4-prev {
    display: none
}

.help4 .help4-control-bubble.help4-bubble-appear-tip .help4-content,
.help4 .help4-control-bubble.help4-bubble-appear-info .help4-content,
.help4 .help4-control-bubble.help4-bubble-appear-note .help4-content,
.help4 .help4-control-bubble.help4-bubble-appear-important .help4-content {
    padding-left: 72px
}

.help4 .help4-control-bubble.help4-bubble-appear-tip .help4-content:before,
.help4 .help4-control-bubble.help4-bubble-appear-info .help4-content:before,
.help4 .help4-control-bubble.help4-bubble-appear-note .help4-content:before,
.help4 .help4-control-bubble.help4-bubble-appear-important .help4-content:before {
    width: 40px;
    height: 40px;
    margin: 0 16px 0 -56px;
    border-radius: 50%;
    content: '';
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-family: Help4IconFont, sans-serif;
    font-size: 40px;
    vertical-align: top;
    line-height: 36px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.help4 .help4-control-bubble.help4-bubble-appear-tip .help4-content:before {
    content: 'Θ'
}

.help4 .help4-control-bubble.help4-bubble-appear-info .help4-content:before {
    content: '¡'
}

.help4 .help4-control-bubble.help4-bubble-appear-note .help4-content:before {
    content: 'Ω'
}

.help4 .help4-control-bubble.help4-bubble-appear-important .help4-content:before {
    content: 'W'
}

.help4 .help4-control-bubble.help4-notitlebar .help4-header {
    background-color: transparent
}

.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-caption {
    padding: 0 !important;
    min-height: 0
}

.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-close {
    top: 8.04px;
    right: 12px;
    outline-color: rgba(255, 255, 255, 0.85) !important;
    opacity: .75
}

.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-close .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-close:hover,
.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-close:focus {
    opacity: 1
}

.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-close:hover .help4-icon,
.help4 .help4-control-bubble.help4-notitlebar .help4-header .help4-close:focus .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-bubble.help4-notitlebar .help4-content>*:first-child:before {
    width: 28px;
    height: 16px;
    content: '';
    float: right;
    display: inline-block
}

.help4 .help4-control-step {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 32px;
    height: 32px
}

.help4 .help4-control-step .help4-css-helper {
    width: 32px;
    display: none;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    border: 8px solid #2f6200;
    border-color: #2f6200;
    background-color: #bcdf9c;
    color: #2f6200
}

.help4-whatsnew.help4 .help4-control-step .help4-css-helper {
    border-color: #97491d
}

.help4-whatsnew.help4 .help4-control-step .help4-css-helper {
    background-color: #ebb495
}

.help4-whatsnew.help4 .help4-control-step .help4-css-helper {
    color: #97491d
}

.help4 .help4-control-step .help4-canvas {
    width: 32px;
    height: 32px
}

.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended {
    background: linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%)
}

.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:focus,
.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-focus {
    background: linear-gradient(90deg, #3e7907 0, #3e7907 1.5%, transparent 1.5%)
}

.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:hover,
.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:hover,
.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:focus,
.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active.help4-focus {
    background: linear-gradient(90deg, #408600 0, #408600 1.5%, #51aa00 1.5%)
}

.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active {
    background: linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, #408600 1.5%)
}

.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended {
    background: linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:focus,
.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-focus {
    background: linear-gradient(90deg, #bd602c 0, #bd602c 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:hover,
.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:hover,
.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:focus,
.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active.help4-focus {
    background: linear-gradient(90deg, #d6682b 0, #d6682b 1.5%, #e47438 1.5%)
}

.help4-whatsnew.help4 .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active {
    background: linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, #d6682b 1.5%)
}

.help4.help4-mobile .help4-control-bubble * {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.help4.help4-mobile .help4-control-bubble.help4-size-xl.help4-center,
.help4.help4-mobile .help4-control-bubble.help4-size-l.help4-center,
.help4.help4-mobile .help4-control-bubble.help4-size-m.help4-center,
.help4.help4-mobile .help4-control-bubble.help4-size-s.help4-center,
.help4.help4-mobile .help4-control-bubble.help4-size-xs.help4-center {
    max-width: calc(100% - 8px)
}

.help4.help4-whatsnew .help4-control-bubble .help4-content {
    scrollbar-color: #969696 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-button {
    display: none
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-corner {
    background-color: #444
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4.help4-whatsnew .help4-control-bubble .help4-content::-webkit-scrollbar-thumb:active {
    background-color: #d6682b
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble {
    box-shadow: none !important;
    transition: transform .3s ease-out, visibility .3s ease-out, top .3s ease-out, left .3s ease-out, bottom .3s ease-out, right .3s ease-out
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps {
    list-style-type: none;
    padding: 0
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.33)
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand:last-child {
    border: 0
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div {
    border: 1px solid rgba(255, 255, 255, 0.33);
    background: none !important;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div:after {
    content: '>';
    line-height: 52px;
    font-family: Help4IconFont, sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85)
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: -4px
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div:hover {
    border-color: #fff;
    background-color: #51aa00 !important
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div:hover:focus {
    outline-color: #fff
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div:hover:after {
    color: #fff
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-info {
    padding-left: 1.1em;
    margin-bottom: 16px
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-info li {
    margin-bottom: 4px
}

@keyframes ani-highlight {
    0% {
        border-color: #d32030
    }

    100% {
        border-color: transparent
    }
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-preview .da-highlight {
    border: 3px solid #d32030;
    position: absolute;
    pointer-events: none;
    -webkit-animation: ani-highlight 1s alternate infinite;
    animation: ani-highlight 1s alternate infinite
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-preview img {
    max-width: 100%;
    max-height: 50vh;
    margin: 0 auto;
    display: block;
    cursor: zoom-in
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-preview .da-original {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -100%;
    display: none
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-preview.da-zoom img {
    opacity: 0
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-preview.da-zoom .da-original {
    display: block
}

.help4.help4-adapter-desktopAssistant .help4-control-bubble .help4-footer .help4-quit {
    float: left
}

.help4 .help4-control-dialog {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-dialog .help4-header .help4-caption {
    padding: 8px;
    font-size: 16px;
    text-align: center
}

.help4 .help4-control-dialog .help4-content {
    padding: 20px 16px;
    font-size: 14px;
    line-height: 1.4;
    scroll-behavior: smooth
}

.help4 .help4-control-dialog .help4-content aside.help4-icon {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    border-radius: 50%;
    display: inline-block;
    float: left;
    font-family: Help4IconFont, sans-serif;
    font-size: 28px;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.help4 .help4-control-dialog .help4-content .help4-inner {
    display: inline-block
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    width: calc(100% + 12px);
    max-height: 480px;
    padding-right: 4px;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-color: #969696 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-corner {
    background-color: #444
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    overflow: hidden
}

.help4 .help4-control-dialog.help4-size-xl .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    max-width: 768px
}

.help4 .help4-control-dialog.help4-size-l .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    max-width: 568px
}

.help4 .help4-control-dialog.help4-size-m .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    max-width: 496px
}

.help4 .help4-control-dialog.help4-size-s .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    max-width: 288px
}

.help4 .help4-control-dialog.help4-size-xs .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    max-width: 208px
}

.help4 .help4-control-dialog .help4-footer {
    text-align: right;
    text-align: end
}

.help4 .help4-control-dialog .help4-footer .help4-control-button {
    margin-left: 12px
}

.help4 .help4-control-dialog .help4-footer .help4-control-button:first-child {
    margin-left: 0
}

.help4 .help4-control-dialog.help4-learningapp .help4-content {
    padding: 20px 12px
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer {
    height: 400px
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer>.help4-header {
    display: none
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets {
    background-color: transparent;
    height: 100%;
    margin: 0;
    padding: 0 12px;
    scrollbar-color: #969696 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-corner {
    background-color: #444
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets .help4-asset {
    margin: 0 0 12px 0;
    width: 100%
}

.help4 .help4-control-dialog.help4-learningapp .help4-footer .help4-community {
    float: left
}

.help4 .help4-control-dialog.help4-sendfeedback .help4-control-container.help4-propsheetcontainer .help4-property-wrapper:first-child {
    margin-bottom: 0
}

.help4 .help4-control-dialog.help4-sendfeedback .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-rating {
    width: auto !important;
    display: inline-block
}

.help4 .help4-control-dialog.help4-sendfeedback .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label {
    text-align: left;
    text-align: start
}

.help4 .help4-control-dialog.help4-edittile {
    width: 720px !important
}

.help4 .help4-control-dialog.help4-edittile .help4-content .help4-control-select {
    vertical-align: middle
}

.help4 .help4-control-dialog.help4-edittile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type .help4-propsheetcontainer .help4-group {
    max-width: 688px
}

.help4 .help4-control-dialog.help4-edittile .help4-header {
    width: 100%;
    height: 24px;
    padding: 0;
    margin: -4px;
    position: absolute;
    opacity: 0;
    overflow: hidden
}

.help4 .help4-control-dialog.help4-edittile.help4-size-xl .help4-control-input.help4-size-s {
    max-width: 200px
}

.help4 .help4-control-dialog.help4-edittile.help4-uacp.help4-linktile .help4-content {
    min-height: 272px
}

.help4 .help4-control-dialog.help4-edittile.help4-uacp.help4-linktile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    max-height: 228px
}

.help4 .help4-control-dialog.help4-edittile.help4-uacp.help4-helptile .help4-content {
    min-height: 400px
}

.help4 .help4-control-dialog.help4-edittile.help4-uacp.help4-helptile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    max-height: 356px
}

.help4 .help4-control-dialog.help4-edittile.help4-uacp.help4-tourtile .help4-content {
    min-height: 480px
}

.help4 .help4-control-dialog.help4-edittile.help4-uacp.help4-tourtile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    max-height: 436px
}

.help4 .help4-control-dialog.help4-edittile.help4-wpb.help4-linktile .help4-content {
    min-height: 320px
}

.help4 .help4-control-dialog.help4-edittile.help4-wpb.help4-linktile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    max-height: 276px
}

.help4 .help4-control-dialog.help4-edittile.help4-wpb.help4-helptile .help4-content {
    min-height: 432px
}

.help4 .help4-control-dialog.help4-edittile.help4-wpb.help4-helptile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    max-height: 388px
}

.help4 .help4-control-dialog.help4-edittile.help4-wpb.help4-tourtile .help4-content {
    min-height: 480px
}

.help4 .help4-control-dialog.help4-edittile.help4-wpb.help4-tourtile .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    max-height: 436px
}

.help4 .help4-control-dialog.help4-edittile .help4-footer .help4-assign,
.help4 .help4-control-dialog.help4-edittile .help4-footer .help4-preview {
    min-width: 32px;
    float: left
}

.help4 .help4-control-dialog.help4-changesequence.help4-size-s {
    width: 264px
}

.help4 .help4-control-dialog.help4-changesequence .help4-content {
    padding-top: 12px;
    padding-bottom: 8px
}

.help4 .help4-control-dialog.help4-changesequence .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    width: 100%;
    padding: 0
}

.help4 .help4-control-dialog.help4-changesequence .help4-number {
    width: 100%
}

.help4 .help4-control-dialog.help4-hotkey .help4-content .help4-column-1,
.help4 .help4-control-dialog.help4-hotkey .help4-content .help4-column-2 {
    width: 33%;
    padding-bottom: 5.52px;
    padding-top: 5.52px;
    display: inline-block
}

.help4 .help4-control-dialog.help4-hotkey .help4-content .help4-column-1 {
    vertical-align: top
}

.help4 .help4-control-dialog.help4-hotkey .help4-content .help4-column-1 kbd {
    min-width: 24px;
    padding: 2px 8px;
    margin-right: 8px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    display: inline;
    line-height: 1.4;
    text-align: center;
    font-family: lucida console, monaco, liberation mono, courier, courier new;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 4px;
    box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.33)
}

.help4 .help4-control-dialog.help4-hotkey .help4-content .help4-column-2 {
    width: 66%
}

.help4 .help4-control-dialog.help4-hotkey .help4-content .help4-column-2 span {
    display: block
}

.help4 .help4-control-dialog.help4-update-notification .help4-header {
    height: 160px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(64, 134, 0, 0) 33%, rgba(64, 134, 0, 0.66))
}

.help4 .help4-control-dialog.help4-update-notification .help4-header .help4-caption {
    display: none
}

.help4 .help4-control-dialog.help4-update-notification .help4-header .help4-close .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-dialog.help4-update-notification .help4-header .help4-svg svg {
    margin-top: 16px;
    transform: scale(2.25);
    transform-origin: top
}

.help4 .help4-control-dialog.help4-update-notification .help4-content {
    padding: 0;
    line-height: 1.4;
    text-align: center;
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-dialog.help4-update-notification .help4-content .help4-caption {
    margin: .66em 0;
    text-align: center;
    font-weight: normal;
    font-size: 22px
}

.help4 .help4-control-dialog.help4-update-notification .help4-content p {
    margin: .75em 0;
    text-align: center;
    font-size: 14px
}

.help4 .help4-control-dialog.help4-update-notification .help4-footer {
    text-align: center
}

.help4 .help4-control-dialog.help4-message .help4-content .help4-column-1,
.help4 .help4-control-dialog.help4-nohelp .help4-content .help4-column-1,
.help4 .help4-control-dialog.help4-message .help4-content .help4-column-2,
.help4 .help4-control-dialog.help4-nohelp .help4-content .help4-column-2 {
    margin-bottom: 4px
}

.help4 .help4-control-dialog.help4-message .help4-content .help4-inner,
.help4 .help4-control-dialog.help4-nohelp .help4-content .help4-inner {
    width: calc(100% - 78px);
    float: right
}

.help4 .help4-control-dialog.help4-message {
    z-index: 20
}

.help4 .help4-control-dialog.help4-nohelp .help4-column-1,
.help4 .help4-control-dialog.help4-nohelp .help4-column-2 {
    width: 33%;
    display: inline-block;
    margin-bottom: 4px;
    text-indent: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-dialog.help4-nohelp .help4-column-2 {
    width: 66%
}

.help4 .help4-control-dialog.help4-nohelp .help4-mismatch {
    background: #d32030
}

.help4 .help4-control-dialog.help4-nohelp .help4-mismatch+.help4-mismatch {
    border-left: 1px solid #303030
}

.help4 .help4-control-dialog.help4-nohelp header.help4-column-1,
.help4 .help4-control-dialog.help4-nohelp .help4-subheader.help4-column-1 {
    text-indent: 0;
    opacity: 1
}

.help4 .help4-control-dialog.help4-nohelp .help4-subheader.help4-column-2,
.help4 .help4-control-dialog.help4-nohelp .help4-subheader.help4-column-1 {
    margin-top: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
    border-bottom: none
}

.help4 .help4-control-dialog.help4-nohelp .help4-helpkey.help4-column-1 {
    vertical-align: top;
    margin-bottom: 16px
}

.help4 .help4-control-dialog.help4-nohelp .help4-helpkey.help4-column-2 {
    white-space: normal;
    word-break: break-all;
    text-overflow: initial
}

.help4 .help4-control-dialog.help4-nohelp .help4-thead {
    font-weight: bold
}

.help4 .help4-control-dialog.help4-nohelp .help4-footer .help4-reload,
.help4 .help4-control-dialog.help4-nohelp .help4-footer .help4-addhelp,
.help4 .help4-control-dialog.help4-nohelp .help4-footer .help4-addhelp_wn {
    float: left
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets {
    scrollbar-color: #969696 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-button {
    display: none
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-corner {
    background-color: #444
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4.help4-whatsnew .help4-control-dialog.help4-learningapp .help4-content .help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb:active {
    background-color: #d6682b
}

.help4 .help4-control-infobar {
    height: 56px;
    width: 640px;
    margin-left: -320px;
    padding: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 15;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.75);
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, top .3s ease-out, left .3s ease-out, bottom .3s ease-out, right .3s ease-out;
    animation: ani-move .6s 1;
    -webkit-animation: ani-move .6s 1
}

@keyframes ani-move {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.help4 .help4-control-infobar .help4-caption,
.help4 .help4-control-infobar.help4-hidden {
    display: none
}

.help4 .help4-control-infobar .help4-content {
    width: 90%;
    padding: 8px 0 0 16px;
    display: inline-block;
    line-height: 40px;
    pointer-events: none
}

.help4 .help4-control-infobar .help4-content .help4-inner {
    width: calc(100% - 60px);
    margin-top: 2px;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    font-size: 14px
}

.help4 .help4-control-infobar .help4-content .help4-icon {
    float: left;
    font-family: Help4IconFont, sans-serif;
    margin-right: 16px;
    font-size: 24px;
    line-height: 60%;
    border-radius: 100%;
    text-align: center;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    display: inline-block;
    line-height: 39px;
    background-color: #303030;
    border: 1px solid rgba(255, 255, 255, 0.33);
    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.help4 .help4-control-infobar .help4-footer {
    width: 40px;
    padding: 8px 8px 0 0;
    float: right;
    display: inline-block
}

.help4 .help4-control-infobar .help4-footer .help4-close {
    padding: 12px 8px;
    color: #fff;
    background-color: transparent !important;
    opacity: .5
}

.help4 .help4-control-infobar .help4-footer .help4-close .help4-icon {
    color: #fff;
    font-size: 12px
}

.help4 .help4-control-infobar .help4-footer .help4-close:focus,
.help4 .help4-control-infobar .help4-footer .help4-close:hover {
    opacity: 1
}

.help4 .help4-control-infobar .help4-footer .help4-close:focus .help4-icon,
.help4 .help4-control-infobar .help4-footer .help4-close:hover .help4-icon {
    color: #fff
}

.help4 .help4-control-infobar.help4-info {
    background-color: #007cc0
}

.help4 .help4-control-infobar.help4-success {
    background-color: #61a656
}

.help4 .help4-control-infobar.help4-error {
    background-color: #d32030
}

.help4 .help4-control-infobar.help4-whatsnew {
    background-color: #d6682b
}

.help4 .help4-control-infobar.help4-whatsnew .help4-content .help4-icon,
.help4 .help4-control-infobar.help4-whatsnew .help4-content .help4-inner {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5)
}

.help4 .help4-control-infobar.help4-whatsnew .help4-footer .help4-close .help4-icon {
    color: #fff
}

.help4 .help4-control-infobar.help4-whatsnew .help4-footer .help4-close:focus,
.help4 .help4-control-infobar.help4-whatsnew .help4-footer .help4-close:hover {
    opacity: 1
}

.help4 .help4-control-infobar.help4-whatsnew .help4-footer .help4-close:focus .help4-icon,
.help4 .help4-control-infobar.help4-whatsnew .help4-footer .help4-close:hover .help4-icon {
    color: #fff
}

.help4 .help4-control-infobar.help4-warning {
    background-color: #ffdd8b
}

.help4 .help4-control-infobar.help4-warning .help4-content .help4-icon,
.help4 .help4-control-infobar.help4-warning .help4-content .help4-inner {
    color: #000;
    border-color: rgba(0, 0, 0, 0.5)
}

.help4 .help4-control-infobar.help4-warning .help4-footer .help4-close .help4-icon {
    color: #000
}

.help4 .help4-control-infobar.help4-warning .help4-footer .help4-close:focus,
.help4 .help4-control-infobar.help4-warning .help4-footer .help4-close:hover {
    opacity: 1
}

.help4 .help4-control-infobar.help4-warning .help4-footer .help4-close:focus .help4-icon,
.help4 .help4-control-infobar.help4-warning .help4-footer .help4-close:hover .help4-icon {
    color: #000
}

.help4 .help4-control-infobar.help4-clickable {
    cursor: pointer
}

.help4.help4-adapter-desktopAssistant .help4-control-infobar {
    box-shadow: none !important;
    transition: transform .3s ease-out, top .3s ease-out, left .3s ease-out, bottom .3s ease-out, right .3s ease-out;
    animation: da-ani-move .6s 1;
    -webkit-animation: da-ani-move .6s 1
}

@keyframes da-ani-move {
    0% {
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

.help4 .help4-control-container.help4-propsheetcontainer {
    animation: ani-show .6s 1;
    -webkit-animation: ani-show .6s 1
}

@keyframes ani-show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.help4 .help4-control-container.help4-propsheetcontainer.help4-hidden {
    display: none;
    opacity: 0
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper {
    margin-bottom: 16px;
    overflow: hidden
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper:last-child {
    margin-bottom: 0
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-hidden,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-hidden {
    display: none
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper input[readonly],
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper textarea[readonly] {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.85);
    border: 2px solid rgba(255, 255, 255, 0.33)
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-toggle {
    margin-left: 152px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label {
    width: 136px;
    margin-right: 16px;
    line-height: 32px;
    vertical-align: top;
    text-align: right;
    text-align: end;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+* {
    vertical-align: top
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-size-l {
    width: calc(100% - 152px) !important
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-bubbleOffset,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-lightboxSize,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-hotspotRectDelta,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-hotspotManualOffset {
    display: inline-block
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-text,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-pageUrl,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-anchorRule,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-anchorValue {
    width: 100% !important
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-anchorValue {
    height: 160px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-insertPlaceholder {
    max-width: 416px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-hotspotIconPos,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-hotspotIconType,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-bubbleType {
    width: 200px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress .help4-auto-progress,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress .help4-auto-progress:hover,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress .help4-auto-progress:focus {
    background: transparent
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress .help4-auto-progress .help4-inner,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress .help4-auto-progress:hover .help4-inner,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label+.help4-psctlid-autoProgress .help4-auto-progress:focus .help4-inner {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-text .help4-label,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-pageUrl .help4-label,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorRule .help4-label,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorValue .help4-label {
    width: 100%;
    text-align: left;
    text-align: start
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-content .help4-label {
    margin-top: 32px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-bubbleSize .help4-control-slider,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-hotspotSize .help4-control-slider,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-lightboxSizing .help4-control-slider {
    display: inline-block;
    vertical-align: top
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-pageUrl .help4-size-l,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorRule .help4-size-l,
.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorValue .help4-size-l {
    width: 100%
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorRule .help4-label {
    margin-top: -8px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorValue .help4-textarea {
    height: 160px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-summaryText .help4-textarea {
    height: 64px
}

.help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-title {
    margin-bottom: 8px
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper {
    overflow: auto;
    scrollbar-color: #969696 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-corner {
    background-color: #444
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-container.help4-selectcontainer .help4-container-wrapper::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-control-container.help4-selectcontainer.help4-list {
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4 .help4-control-container.help4-selectcontainer.help4-list.help4-hidden {
    opacity: 0;
    transform: translateY(32px);
    -webkit-transform: translateY(32px)
}

.help4 .help4-control-container.help4-optioncontainer {
    transform: none;
    background-color: transparent
}

.help4 .help4-control-container.help4-optioncontainer.help4-tab {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.33)
}

.help4 .help4-control-container.help4-optioncontainer.help4-tab .help4-tab.help4-hidden {
    display: none
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch {
    width: auto;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    border-radius: 4px
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button {
    width: 49.92px;
    min-width: 49.92px;
    border-right: 0;
    border-radius: 0
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:first-child {
    border-radius: 4px 0 0 4px
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.33);
    border-radius: 0 4px 4px 0
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button {
    border-left-color: #fff
}

.help4-whatsnew.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button {
    border-left-color: #fff
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button:last-child {
    border-left: 1px solid;
    border-left-color: #fff
}

.help4-whatsnew.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button:last-child {
    border-left-color: #fff
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active {
    border-color: #fff !important
}

.help4-whatsnew.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active {
    border-color: #fff !important
}

.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active+.help4-control-button {
    border-left-color: #fff !important
}

.help4-whatsnew.help4 .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active+.help4-control-button {
    border-left-color: #fff !important
}

.help4 .help4-control-container.help4-tilecontainer {
    height: 100%;
    width: 100%;
    white-space: normal;
    overflow: auto;
    display: block;
    vertical-align: top;
    scroll-behavior: smooth;
    scrollbar-color: #636363 #444;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #636363;
    -ms-scrollbar-3dlight-color: #636363;
    -ms-scrollbar-highlight-color: #636363;
    -ms-scrollbar-track-color: #444;
    -ms-scrollbar-face-color: #636363;
    -ms-scrollbar-arrow-color: #636363;
    -ms-scrollbar-shadow-color: #636363;
    -ms-scrollbar-darkshadow-color: #636363
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-track {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-track-piece {
    background-color: #444;
    border-radius: 4px
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-corner {
    background-color: #444
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #636363;
    border-radius: 4px
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-container.help4-tilecontainer::-webkit-scrollbar-thumb:active {
    background-color: #51aa00
}

.help4 .help4-control-container.help4-toolbarcontainer .help4-group {
    margin-right: 8px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top
}

.help4 .help4-control-container.help4-toolbarcontainer .help4-group:last-child {
    margin: 0
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer {
    margin: 0 0 4px 0;
    vertical-align: top
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-rect {
    height: 28px;
    width: 28px;
    min-width: 28px;
    margin-right: 1px;
    padding: 0;
    border: 0;
    line-height: 27px
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select {
    width: 152px;
    height: 28px
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select .help4-field {
    height: 28px;
    border-color: transparent;
    color: rgba(255, 255, 255, 0.85);
    background-color: transparent
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select .help4-field .help4-inner {
    line-height: 24px
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select .help4-field:focus {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select .help4-carret {
    height: 24px;
    line-height: 24px
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select .help4-carret .help4-icon {
    height: 24px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-field {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-field {
    border-color: #e47438
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-field:hover .help4-carret .help4-icon,
.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-field:focus .help4-carret .help4-icon {
    color: #408600
}

.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-field:hover .help4-carret .help4-icon,
.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-field:focus .help4-carret .help4-icon {
    color: #d6682b
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon {
    color: #408600
}

.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon {
    color: #d6682b
}

.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:hover,
.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:hover .help4-icon,
.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:focus,
.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:focus .help4-icon {
    color: #408600
}

.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:hover,
.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:focus,
.help4-whatsnew.help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-control-select.help4-open .help4-carret .help4-icon:focus .help4-icon {
    color: #d6682b
}

.help4 .help4-control-container.help4-conditioncontainer .help4-button-wrapper {
    margin-top: 12px;
    margin-bottom: 12px
}

.help4 .help4-control-container.help4-conditioncontainer .help4-button-wrapper .help4-rect {
    min-width: 92px
}

.help4 .help4-control-container.help4-conditioncontainer .help4-button-wrapper .help4-button-or {
    margin-left: 12px
}

.help4 .help4-control-container.help4-group {
    margin-bottom: 32px
}

.help4 .help4-control-container.help4-group:last-child {
    margin-bottom: 0
}

.help4 .help4-control-container.help4-group.help4-hidden {
    display: none
}

.help4 .help4-control-container.help4-collapsible {
    max-height: 64px;
    margin-bottom: 0;
    overflow: hidden;
    transition: opacity .3s ease-out, max-height .3s ease-out
}

.help4 .help4-control-container.help4-collapsible .help4-control-button.help4-collapsible .help4-icon {
    transform: rotate(270deg);
    transition: transform .3s ease-out
}

.help4 .help4-control-container.help4-collapsible fieldset {
    display: none
}

.help4 .help4-control-container.help4-collapsible.help4-open {
    max-height: 480px;
    padding-bottom: 32px
}

.help4 .help4-control-container.help4-collapsible.help4-open fieldset {
    display: block
}

.help4 .help4-control-container.help4-collapsible.help4-open .help4-control-button.help4-collapsible .help4-icon {
    transform: rotate(360deg)
}

.help4 .help4-control-container.help4-collapsible.help4-open:last-child {
    padding-bottom: 0
}

.help4 .help4-control-container.help4-collapsible:last-child {
    margin-bottom: 0
}

.help4 .help4-control-container.help4-collapsible.help4-hidden {
    display: none
}

.help4.help4-adapter-desktopAssistant .help4-control-container.help4-selectcontainer.help4-list {
    transition: transform .3s ease-out
}

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    .help4 .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-group button {
        font-size: 0
    }
}

.help4.help4-learningapp-body .help4-infobar {
    position: absolute;
    top: 0
}

.help4.help4-learningapp-body .help4-control-bubble.help4-select.help4-size-xs {
    right: 20px;
    left: auto !important
}

.help4.help4-learningapp-body.help4-error .help4-categories,
.help4.help4-learningapp-body.help4-error .help4-options,
.help4.help4-learningapp-body.help4-error .help4-filter {
    display: none !important
}

.help4 .help4-control-container.help4-learningappcontainer {
    height: 100%
}

.help4 .help4-control-container.help4-learningappcontainer .help4-infobar {
    top: 0
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header {
    height: 108px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding: 16px 20px;
    box-sizing: border-box;
    z-index: 1;
    color: rgba(255, 255, 255, 0.85);
    background: #408600
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-caption {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-label {
    color: rgba(255, 255, 255, 0.85);
    margin-right: 12px
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field {
    border-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field:hover {
    border-color: #408600
}

.help4-whatsnew.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field:hover {
    border-color: #d6682b
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field:focus,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field.help4-active {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field:focus,
.help4-whatsnew.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-field.help4-active {
    border-color: #e47438
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories {
    display: inline-block;
    vertical-align: top
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-label,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-label {
    vertical-align: -75%
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    text-align: center;
    line-height: 44px;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    vertical-align: top;
    background-color: transparent;
    border-radius: 50%;
    overflow: visible;
    transition: color .3s ease-out, background-color .3s ease-out
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit+button,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit+button,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category+button,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category+button {
    margin-left: 16px
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit .help4-inner,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit .help4-inner,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category .help4-inner,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category .help4-inner {
    min-width: 12px;
    margin-top: -52px;
    margin-left: 30px;
    padding: 2px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    color: #408600;
    background: rgba(255, 255, 255, 0.85);
    line-height: 1;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #408600
}

@-moz-document url-prefix() {

    .help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit .help4-inner,
    .help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit .help4-inner,
    .help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category .help4-inner,
    .help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category .help4-inner {
        margin-top: -12px;
        display: block
    }
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category .help4-icon {
    line-height: 16px;
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit:focus,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit:focus,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category:focus,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category:focus {
    outline-offset: 2px;
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit.help4-active,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit.help4-active,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category.help4-active,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category.help4-active {
    background-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit.help4-active .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit.help4-active .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category.help4-active .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category.help4-active .help4-icon {
    color: #408600
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit:hover,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit:hover,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category:hover,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category:hover {
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.25)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit:hover .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit:hover .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category:hover .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category:hover .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community {
    border: 0;
    transform: translateY(8px)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community .help4-inner,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community .help4-inner {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community:focus,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community:focus {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community:hover,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community:hover {
    background-color: rgba(255, 255, 255, 0.25)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community:hover .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community:hover .help4-icon,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-community:hover .help4-inner,
.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-community:hover .help4-inner {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options:before {
    content: '';
    height: 20px;
    width: 1px;
    margin: 16px 24px 0 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    vertical-align: middle
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options:empty {
    display: none
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-options button:before {
    margin: 0
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter {
    vertical-align: top;
    width: 512px;
    display: inline-block;
    float: right;
    text-align: right
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter>* {
    text-align: left
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter .help4-control-searchfield {
    width: 280px;
    margin-right: 32px;
    vertical-align: middle
}

.help4 .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter .help4-control-bubble {
    min-width: 200px;
    width: auto;
    max-width: 480px;
    right: 20px
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets {
    height: calc(100% - 108px);
    margin-top: 108px;
    padding: 16px 8px;
    box-sizing: border-box;
    overflow: auto;
    text-align: left;
    background-color: #ededed;
    scrollbar-color: #969696 #ededed;
    scrollbar-width: thin;
    -ms-scrollbar-base-color: #969696;
    -ms-scrollbar-3dlight-color: #969696;
    -ms-scrollbar-highlight-color: #969696;
    -ms-scrollbar-track-color: #ededed;
    -ms-scrollbar-face-color: #969696;
    -ms-scrollbar-arrow-color: #969696;
    -ms-scrollbar-shadow-color: #969696;
    -ms-scrollbar-darkshadow-color: #969696
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #303030
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-button {
    display: none
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-resizer {
    background-color: transparent;
    border-bottom: 2px solid #303030;
    border-right: 2px solid #303030
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-track {
    background-color: #ededed;
    border-radius: 4px
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-track-piece {
    background-color: #ededed;
    border-radius: 4px
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-corner {
    background-color: #ededed
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb {
    height: 48px;
    background-color: #969696;
    border-radius: 4px
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb:hover {
    background-color: #d8d8d8
}

.help4 .help4-control-container.help4-learningappcontainer .help4-assets::-webkit-scrollbar-thumb:active {
    background-color: #408600
}

@media screen and (max-width: 1024px) {
    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-label {
        display: none
    }

    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter {
        width: auto
    }

    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter .help4-dropdown {
        width: 128px
    }
}

@media screen and (max-width: 768px) {
    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-label {
        display: none
    }

    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter {
        width: 280px;
        position: absolute;
        top: 16px;
        right: 20px
    }

    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter .help4-control-select,
    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter .help4-control-searchfield {
        width: 100%;
        margin: 0 0 12px 0
    }

    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter .help4-control-bubble {
        min-width: calc(280px - 8px);
        right: 0
    }

    .help4 .help4-control-container.help4-learningappcontainer .help4-header .help4-filter .help4-dropdown {
        width: 128px
    }
}

.help4 .help4-control-button {
    box-sizing: border-box;
    line-height: 1.1;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    cursor: pointer;
    transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4 .help4-control-button .help4-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    font-family: Help4IconFont, sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 100%;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s ease-out, background-color .3s ease-out, font-size .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, text-indent .3s ease-out;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.help4 .help4-control-button .help4-icon.help4-hidden {
    display: none
}

.help4 .help4-control-button .help4-icon.help4-changed {
    font-size: 0 !important;
    transition: background-color 0s;
    -webkit-transition: background-color 0s
}

.help4 .help4-control-button .help4-inner {
    vertical-align: middle;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    pointer-events: none;
    transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.help4 .help4-control-button .help4-inner.help4-top,
.help4 .help4-control-button .help4-inner.help4-bottom {
    display: block
}

.help4 .help4-control-button .help4-inner+.help4-icon,
.help4 .help4-control-button .help4-icon+.help4-inner,
.help4 .help4-control-button .help4-inner+.help4-image,
.help4 .help4-control-button .help4-image+.help4-inner {
    margin-left: 8px
}

.help4 .help4-control-button:focus:not(.help4-disabled) {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: -4px;
    text-shadow: none
}

.help4 .help4-control-button:after,
.help4 .help4-control-button:before {
    border: 0;
    position: static
}

.help4 .help4-control-button:focus:after,
.help4 .help4-control-button:focus:before {
    border: 0;
    position: static
}

.help4 .help4-control-button.help4-active,
.help4 .help4-control-button.help4-primary {
    border-color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-button.help4-active,
.help4-whatsnew.help4 .help4-control-button.help4-primary {
    background-color: #d6682b
}

.help4 .help4-control-button.help4-active .help4-icon,
.help4 .help4-control-button.help4-primary .help4-icon,
.help4 .help4-control-button.help4-active .help4-inner,
.help4 .help4-control-button.help4-primary .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-primary .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-active .help4-inner,
.help4-whatsnew.help4 .help4-control-button.help4-primary .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-active:focus:not(.help4-disabled),
.help4 .help4-control-button.help4-primary:focus:not(.help4-disabled) {
    border-color: #fff;
    text-shadow: none;
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-active:focus:not(.help4-disabled),
.help4-whatsnew.help4 .help4-control-button.help4-primary:focus:not(.help4-disabled) {
    outline-color: #fff
}

.help4 .help4-control-button.help4-active:hover:not(.help4-disabled),
.help4 .help4-control-button.help4-primary:hover:not(.help4-disabled) {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-active:hover:not(.help4-disabled),
.help4-whatsnew.help4 .help4-control-button.help4-primary:hover:not(.help4-disabled) {
    outline-color: #fff
}

.help4 .help4-control-button:hover:not(.help4-disabled) {
    border-color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-button:hover:not(.help4-disabled) {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button:hover:not(.help4-disabled) {
    background-color: #e47438
}

.help4 .help4-control-button:hover:not(.help4-disabled):focus {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-button:hover:not(.help4-disabled):focus {
    outline-color: #fff
}

.help4 .help4-control-button:hover:not(.help4-disabled) .help4-icon,
.help4 .help4-control-button:hover:not(.help4-disabled) .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button:hover:not(.help4-disabled) .help4-icon,
.help4-whatsnew.help4 .help4-control-button:hover:not(.help4-disabled) .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-figure {
    pointer-events: none
}

.help4 .help4-control-button.help4-figure .help4-svg {
    text-align: center
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-hlight {
    fill: #d69522
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-grey1 {
    fill: rgba(255, 255, 255, 0.8)
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-grey2 {
    fill: rgba(255, 255, 255, 0.6)
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-grey3 {
    fill: rgba(255, 255, 255, 0.4)
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-light {
    fill: #fff
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-dark {
    fill: #000
}

.help4 .help4-control-button.help4-figure .help4-svg .help4-illu-accent {
    fill: #408600
}

.help4 .help4-control-button.help4-link {
    min-width: 40px;
    min-height: 40px;
    line-height: 39px;
    border-radius: 4px;
    text-align: left;
    text-align: start
}

.help4 .help4-control-button.help4-link .help4-inner:empty+.help4-icon,
.help4 .help4-control-button.help4-link .help4-icon:empty+.help4-inner {
    margin: 0 16px
}

.help4 .help4-control-button.help4-link:focus {
    outline-offset: 2px
}

.help4 .help4-control-button.help4-link:hover {
    background-color: transparent
}

.help4 .help4-control-button.help4-link:hover .help4-inner {
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.33)
}

.help4 .help4-control-button.help4-link:hover .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-button.help4-input {
    height: 32px;
    width: 32px;
    min-width: 32px;
    line-height: 30px;
    background-color: transparent !important;
    outline-color: #303030 !important
}

.help4 .help4-control-button.help4-input .help4-icon {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #303030
}

.help4 .help4-control-button.help4-input:active .help4-icon {
    color: #408600
}

.help4-whatsnew.help4 .help4-control-button.help4-input:active .help4-icon {
    color: #d6682b
}

.help4 .help4-control-button.help4-input:hover .help4-icon {
    color: #51aa00
}

.help4-whatsnew.help4 .help4-control-button.help4-input:hover .help4-icon {
    color: #e47438
}

.help4 .help4-control-button.help4-tab {
    height: 24px;
    width: auto;
    margin: 0 2px;
    border-radius: 0;
    line-height: 1.2;
    background: transparent !important;
    overflow: hidden
}

.help4 .help4-control-button.help4-tab .help4-icon {
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 16px
}

.help4 .help4-control-button.help4-tab .help4-inner,
.help4 .help4-control-button.help4-tab .help4-icon:empty+.help4-inner {
    width: auto;
    margin: 0 8px 4px 8px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85) !important
}

.help4 .help4-control-button.help4-tab .help4-inner {
    font-size: 13px
}

.help4 .help4-control-button.help4-tab .help4-icon+.help4-inner {
    margin-left: 4px
}

.help4 .help4-control-button.help4-tab:after {
    width: 100%;
    height: 4px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    content: '';
    border-radius: 4px 4px 0 0;
    transition: background-color .3s ease-out, opacity .3s ease-out
}

.help4 .help4-control-button.help4-tab:first-child {
    margin-left: 0
}

.help4 .help4-control-button.help4-tab:last-child {
    margin-right: 0
}

.help4 .help4-control-button.help4-tab:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: 2px
}

.help4 .help4-control-button.help4-tab.help4-active:after,
.help4 .help4-control-button.help4-tab.help4-active:before {
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-button.help4-tab.help4-active:after,
.help4-whatsnew.help4 .help4-control-button.help4-tab.help4-active:before {
    background-color: #d6682b
}

.help4 .help4-control-button.help4-tab.help4-active:hover:after,
.help4 .help4-control-button.help4-tab.help4-active:hover:before {
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-button.help4-tab.help4-active:hover:after,
.help4-whatsnew.help4 .help4-control-button.help4-tab.help4-active:hover:before {
    background-color: #e47438
}

.help4 .help4-control-button.help4-tab.help4-active:focus {
    outline-color: rgba(255, 255, 255, 0.85) !important
}

.help4 .help4-control-button.help4-tab:hover:focus {
    outline-color: rgba(255, 255, 255, 0.85) !important
}

.help4 .help4-control-button.help4-tab:hover:after,
.help4 .help4-control-button.help4-tab:hover:before {
    background-color: rgba(81, 170, 0, 0.33)
}

.help4 .help4-control-button.help4-option.help4-link {
    width: 100%;
    height: 32px;
    display: block;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-button.help4-option.help4-link .help4-icon {
    margin: 0 8px;
    color: #303030
}

.help4 .help4-control-button.help4-option.help4-link .help4-inner {
    min-width: 32px;
    margin: 0 8px;
    display: inline-block;
    color: #303030;
    border-bottom: 0 !important
}

.help4 .help4-control-button.help4-option.help4-link .help4-icon+.help4-inner {
    width: calc(100% - 40px);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-button.help4-option.help4-link:focus {
    outline-color: #303030;
    outline-offset: -4px;
    text-shadow: none
}

.help4 .help4-control-button.help4-option.help4-link.help4-active {
    border-color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link.help4-active {
    background-color: #d6682b
}

.help4 .help4-control-button.help4-option.help4-link.help4-active .help4-icon,
.help4 .help4-control-button.help4-option.help4-link.help4-active .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link.help4-active .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-option.help4-link.help4-active:focus:not(.help4-disabled) {
    outline-color: #fff;
    text-shadow: none
}

.help4 .help4-control-button.help4-option.help4-link.help4-active:focus:not(.help4-disabled):hover {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link.help4-active:focus:not(.help4-disabled):hover {
    outline-color: #fff
}

.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) {
    border-color: #fff;
    background-color: #51aa00;
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) {
    background-color: #e47438
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) {
    outline-color: #fff
}

.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) .help4-icon,
.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-link:hover:not(.help4-disabled) .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-option.help4-radio,
.help4 .help4-control-button.help4-option.help4-toggle,
.help4 .help4-control-button.help4-option.help4-checkbox {
    width: auto;
    height: 32px;
    padding: 6px 0;
    display: block;
    background-color: transparent !important;
    outline-offset: -2px;
    outline-color: rgba(255, 255, 255, 0.85) !important
}

.help4 .help4-control-button.help4-option.help4-radio .help4-inner,
.help4 .help4-control-button.help4-option.help4-toggle .help4-inner,
.help4 .help4-control-button.help4-option.help4-checkbox .help4-inner {
    color: rgba(255, 255, 255, 0.85) !important;
    opacity: 1
}

.help4 .help4-control-button.help4-option.help4-radio .help4-icon,
.help4 .help4-control-button.help4-option.help4-toggle .help4-icon,
.help4 .help4-control-button.help4-option.help4-checkbox .help4-icon {
    height: 20px;
    width: 20px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    box-sizing: border-box;
    line-height: 18px;
    text-align: center;
    font-size: 0;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 4px
}

.help4 .help4-control-button.help4-option.help4-radio:focus,
.help4 .help4-control-button.help4-option.help4-toggle:focus,
.help4 .help4-control-button.help4-option.help4-checkbox:focus {
    outline-offset: -1px
}

.help4 .help4-control-button.help4-option.help4-radio:focus:hover,
.help4 .help4-control-button.help4-option.help4-toggle:focus:hover,
.help4 .help4-control-button.help4-option.help4-checkbox:focus:hover {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-button.help4-option.help4-radio:hover .help4-icon,
.help4 .help4-control-button.help4-option.help4-toggle:hover .help4-icon,
.help4 .help4-control-button.help4-option.help4-checkbox:hover .help4-icon {
    background-color: rgba(81, 170, 0, 0.25)
}

.help4 .help4-control-button.help4-option.help4-radio.help4-active .help4-icon,
.help4 .help4-control-button.help4-option.help4-toggle.help4-active .help4-icon,
.help4 .help4-control-button.help4-option.help4-checkbox.help4-active .help4-icon {
    font-size: 16px;
    border-color: #fff;
    color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-radio.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-toggle.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-checkbox.help4-active .help4-icon {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-radio.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-toggle.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-checkbox.help4-active .help4-icon {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-radio.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-toggle.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-checkbox.help4-active .help4-icon {
    background-color: #d6682b
}

.help4 .help4-control-button.help4-option.help4-radio.help4-active:hover .help4-icon,
.help4 .help4-control-button.help4-option.help4-toggle.help4-active:hover .help4-icon,
.help4 .help4-control-button.help4-option.help4-checkbox.help4-active:hover .help4-icon {
    color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-radio.help4-active:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-toggle.help4-active:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-checkbox.help4-active:hover .help4-icon {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-option.help4-radio.help4-active:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-toggle.help4-active:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-option.help4-checkbox.help4-active:hover .help4-icon {
    background-color: #e47438
}

.help4 .help4-control-button.help4-option.help4-radio .help4-icon {
    border-radius: 50%
}

.help4 .help4-control-button.help4-option.help4-toggle .help4-icon {
    color: rgba(255, 255, 255, 0.85);
    width: 35px;
    font-size: 20px;
    text-indent: -12px;
    border-radius: 10px
}

.help4 .help4-control-button.help4-option.help4-toggle.help4-active .help4-icon {
    font-size: 20px;
    text-indent: 12px
}

.help4 .help4-control-button.help4-option.help4-checkbox.help4-small {
    margin-top: 8px
}

.help4 .help4-control-button.help4-option.help4-checkbox.help4-small .help4-icon {
    width: 16px;
    height: 16px
}

.help4 .help4-control-button.help4-option.help4-checkbox.help4-small .help4-inner {
    font-size: 12px;
    opacity: .66
}

.help4 .help4-control-button.help4-option.help4-checkbox.help4-small.help4-active .help4-icon {
    font-size: 12px;
    line-height: 15px
}

.help4 .help4-control-button.help4-rect,
.help4 .help4-control-button.help4-bubble {
    min-width: 112px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    border-radius: 4px
}

.help4 .help4-control-button.help4-bubble {
    min-width: 64px;
    height: 32px;
    padding: 0 8px;
    border-color: transparent;
    background-color: transparent;
    color: #bcdf9c
}

.help4-whatsnew.help4 .help4-control-button.help4-bubble {
    color: #f0b392
}

.help4 .help4-control-button.help4-bubble .help4-icon {
    font-size: 16px
}

.help4 .help4-control-button.help4-bubble .help4-inner+.help4-icon,
.help4 .help4-control-button.help4-bubble .help4-icon+.help4-inner {
    margin-left: 4px
}

.help4 .help4-control-button.help4-panel {
    height: 44px;
    line-height: 44px;
    width: 44px;
    vertical-align: top
}

.help4 .help4-control-button.help4-tile {
    height: 44px;
    width: 100%;
    padding: 0 12px;
    border-bottom: 1px solid #202020 !important;
    text-align: left;
    text-align: start
}

.help4 .help4-control-button.help4-tile .help4-icon {
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.85);
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    transition: color .3s ease-out, border-color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4 .help4-control-button.help4-tile .help4-inner {
    width: calc(100% - 36px);
    display: inline-block;
    line-height: 44px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-align: start
}

.help4 .help4-control-button.help4-tile.help4-hiddenedit {
    height: 44px;
    background-color: rgba(32, 32, 32, 0.5)
}

.help4 .help4-control-button.help4-tile.help4-hiddenedit .help4-icon,
.help4 .help4-control-button.help4-tile.help4-hiddenedit .help4-inner {
    opacity: .75
}

.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none;
    border-color: transparent
}

.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover {
    background-color: #e47438
}

.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover .help4-icon,
.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-hiddenedit:hover .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-tile:before {
    display: none
}

.help4 .help4-control-button.help4-tile.help4-active .help4-icon {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-active .help4-icon {
    border-color: #fff
}

.help4 .help4-control-button.help4-tile.help4-active:focus .help4-icon {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-tile.help4-active:focus .help4-icon {
    border-color: #fff
}

.help4 .help4-control-button.help4-tile:hover .help4-icon {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-tile:hover .help4-icon {
    border-color: #fff
}

.help4 .help4-control-button.help4-tourinfo .help4-icon {
    margin-bottom: 8px;
    display: inline-block
}

.help4 .help4-control-button.help4-tourinfo .help4-inner,
.help4 .help4-control-button.help4-tourinfo .help4-info {
    margin: 0 16px 4px 16px;
    display: block;
    pointer-events: none;
    width: calc(100% - 32px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-button.help4-exposed {
    min-width: 40px;
    min-height: 40px;
    line-height: 40px
}

.help4 .help4-control-button.help4-exposed .help4-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    display: inline-block;
    line-height: 39px;
    background-color: #303030;
    border: 1px solid rgba(255, 255, 255, 0.33);
    margin: 0
}

.help4 .help4-control-button.help4-exposed .help4-inner+.help4-icon,
.help4 .help4-control-button.help4-exposed .help4-icon+.help4-inner {
    margin-left: 8px
}

.help4 .help4-control-button.help4-exposed:focus {
    outline-offset: 2px
}

.help4 .help4-control-button.help4-exposed:hover {
    background-color: transparent
}

.help4 .help4-control-button.help4-exposed:hover .help4-icon {
    border: 1px solid #fff;
    color: #fff;
    background-color: #51aa00;
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-exposed:hover .help4-icon {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-exposed:hover .help4-icon {
    background-color: #e47438
}

.help4-whatsnew.help4 .help4-control-button.help4-exposed:hover .help4-icon {
    border-color: #fff
}

.help4 .help4-control-button.help4-exposed:hover .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-exposed:hover:focus {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-button.help4-highlight .help4-inner {
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none;
    background: transparent;
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner {
    background-color: #e47438
}

.help4 .help4-control-button.help4-highlight .help4-inner .help4-icon,
.help4 .help4-control-button.help4-highlight .help4-inner .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner .help4-inner {
    color: #fff
}

.help4 .help4-control-button.help4-highlight .help4-icon,
.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon {
    color: #fff !important;
    border-color: #fff !important;
    background-color: #51aa00 !important;
    text-shadow: none !important
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon {
    color: #fff !important
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon {
    border-color: #fff !important
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon {
    background-color: #e47438 !important
}

.help4 .help4-control-button.help4-highlight .help4-icon .help4-icon,
.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon .help4-icon,
.help4 .help4-control-button.help4-highlight .help4-icon .help4-inner,
.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon .help4-inner {
    color: #fff !important
}

.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-icon .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon .help4-icon,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-icon .help4-inner,
.help4-whatsnew.help4 .help4-control-button.help4-highlight .help4-inner+.help4-icon .help4-inner {
    color: #fff !important
}

.help4 .help4-control-button.help4-collapsible {
    width: 99%;
    height: 28px;
    margin-bottom: 16px;
    padding: 0 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    text-align: left;
    text-align: start
}

.help4 .help4-control-button.help4-collapsible .help4-inner {
    font-size: 16px;
    line-height: 1
}

.help4 .help4-control-button.help4-collapsible:focus {
    outline-offset: -4px
}

.help4 .help4-control-button.help4-collapsible:hover {
    background-color: rgba(255, 255, 255, 0.2)
}

.help4 .help4-control-button.help4-collapsible:hover .help4-icon {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-button.help4-collapsible:hover .help4-inner {
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-button.help4-collapsible:hover:focus {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 button:focus {
    box-shadow: none
}

.help4 .help4-control-input.help4-size-l {
    width: 100%
}

.help4 .help4-control-input.help4-size-m {
    width: 66%
}

.help4 .help4-control-input.help4-size-s {
    width: 33%
}

.help4 .help4-control-input.help4-htmleditor {
    display: inline-block
}

.help4 .help4-control-input.help4-htmleditor:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-input.help4-number {
    min-width: 200px;
    height: 32px;
    display: inline-block
}

.help4 .help4-control-input.help4-number .help4-field {
    width: 100%;
    padding-right: 64px
}

.help4 .help4-control-input.help4-number .help4-inner {
    float: right;
    display: inline-block;
    position: relative;
    top: -32px
}

.help4 .help4-control-input.help4-number:hover .help4-field {
    border-color: #408600
}

.help4-whatsnew.help4 .help4-control-input.help4-number:hover .help4-field {
    border-color: #d6682b
}

.help4 .help4-control-input.help4-number:hover .help4-field:focus {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-input.help4-number:hover .help4-field:focus {
    border-color: #e47438
}

.help4 .help4-control-input.help4-size {
    position: relative
}

.help4 .help4-control-input.help4-size .help4-label.help4-icon {
    width: 24px;
    margin: 0;
    position: absolute;
    color: #303030;
    transform: translateX(2px);
    opacity: .66
}

.help4 .help4-control-input.help4-size .help4-label.help4-icon:hover+.help4-control-input .help4-field {
    border-color: #408600
}

.help4-whatsnew.help4 .help4-control-input.help4-size .help4-label.help4-icon:hover+.help4-control-input .help4-field {
    border-color: #d6682b
}

.help4 .help4-control-input.help4-size .help4-control-input .help4-field {
    padding-left: 32px
}

.help4 .help4-control-input.help4-size .help4-number {
    margin-right: 8px
}

.help4 .help4-control-input.help4-conditional-input-button {
    display: grid;
    display: -ms-grid
}

.help4 .help4-control-input.help4-conditional-input-button .help4-control-input {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.help4 .help4-control-input.help4-conditional-input-button .help4-control-button {
    margin-left: 8px;
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.help4 .help4-control-input.help4-conditional-input-button.help4-text {
    grid-template-columns: 1fr 112px;
    -ms-grid-columns: 1fr 112px
}

.help4 .help4-control-input.help4-conditional-input-button.help4-icon {
    grid-template-columns: 1fr 56px;
    -ms-grid-columns: 1fr 56px
}

.help4 .help4-control-input.help4-conditional-input-button.help4-icon .help4-control-button {
    min-width: 32px
}

.help4 .help4-control-input.help4-rating .help4-control-button {
    height: 32px;
    width: 32px;
    line-height: 32px
}

.help4 .help4-control-input.help4-rating .help4-control-button .help4-icon {
    font-size: 0;
    width: 32px
}

.help4 .help4-control-input.help4-rating .help4-control-button .help4-icon:before {
    content: ',';
    font-size: 24px;
    font-family: Help4IconFont, sans-serif
}

.help4 .help4-control-input.help4-rating .help4-control-button.help4-active {
    background-color: transparent
}

.help4 .help4-control-input.help4-rating .help4-control-button.help4-active .help4-icon:before {
    content: '\''
}

.help4 .help4-control-input.help4-rating .help4-control-button:focus {
    outline-offset: -1px;
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-input.help4-rating .help4-control-button:hover {
    background-color: transparent;
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-input.help4-rating:hover .help4-control-button .help4-icon:before {
    content: '\'';
    color: #408600
}

.help4-whatsnew.help4 .help4-control-input.help4-rating:hover .help4-control-button .help4-icon:before {
    color: #d6682b
}

.help4 .help4-control-input.help4-rating .help4-control-button:hover~.help4-control-button .help4-icon:before {
    content: ',';
    color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-input.help4-changed .help4-control-button.help4-active .help4-icon:before {
    color: #408600
}

.help4-whatsnew.help4 .help4-control-input.help4-changed .help4-control-button.help4-active .help4-icon:before {
    color: #d6682b
}

.help4 .help4-control-input.help4-changed .help4-control-button.help4-active:hover .help4-icon:before {
    color: #51aa00
}

.help4-whatsnew.help4 .help4-control-input.help4-changed .help4-control-button.help4-active:hover .help4-icon:before {
    color: #e47438
}

.help4 .help4-control-select {
    width: 200px;
    height: 32px;
    display: inline-block;
    vertical-align: middle
}

.help4 .help4-control-select .help4-field {
    padding-right: 2px
}

.help4 .help4-control-select .help4-field .help4-inner {
    width: calc(100% - 32px);
    line-height: 28px;
    display: inline-block;
    float: left;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4 .help4-control-select .help4-field>.help4-icon {
    width: 24px;
    float: left;
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
    font-family: Help4IconFont, sans-serif;
    font-size: 16px;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .3s ease-out, background-color .3s ease-out, font-size .3s ease-out, opacity .3s ease-out, visibility .3s ease-out;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.help4 .help4-control-select .help4-field>.help4-icon+.help4-inner {
    width: calc(100% - 56px)
}

.help4 .help4-control-select .help4-field>.help4-icon.help4-pos-r,
.help4 .help4-control-select .help4-field>.help4-icon.help4-icon-noicon,
.help4 .help4-control-select .help4-field>.help4-icon.help4-orientation-auto {
    display: none
}

.help4 .help4-control-select .help4-field>.help4-icon.help4-pos-r+.help4-inner,
.help4 .help4-control-select .help4-field>.help4-icon.help4-icon-noicon+.help4-inner,
.help4 .help4-control-select .help4-field>.help4-icon.help4-orientation-auto+.help4-inner {
    width: calc(100% - 32px)
}

.help4 .help4-control-select .help4-field.help4-combo {
    padding: 0
}

.help4 .help4-control-select .help4-field.help4-combo .help4-inner {
    border: 0;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
    text-indent: 6px;
    color: #303030;
    background-color: transparent;
    cursor: text
}

.help4 .help4-control-select .help4-field.help4-combo .help4-inner:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-color: #303030;
    outline-offset: -2px
}

.help4 .help4-control-select .help4-field .help4-carret {
    margin-top: -2px;
    float: right;
    transition: transform .3s ease-out
}

.help4 .help4-control-select.help4-open .help4-field {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-select.help4-open .help4-field {
    border-color: #e47438
}

.help4 .help4-control-select.help4-open .help4-field .help4-carret {
    transform: rotate(180deg);
    color: #408600
}

.help4-whatsnew.help4 .help4-control-select.help4-open .help4-field .help4-carret {
    color: #d6682b
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #408600;
    transform: translate(-4px, 3px) scale(.75)
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-link,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-learn,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-compliance,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-attachment {
    background-color: #6c6c6c
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-star,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-note,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-warning,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-maintain {
    background-color: #ffa000
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-change,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-whatsnew {
    background-color: #e47438
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-help,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-tour,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-step {
    background-color: #107e3e
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-tip,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-info,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-update {
    background-color: #009de0
}

.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-news,
.help4 .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon.help4-icon-support {
    background-color: #ab218e
}

.help4 .help4-control-slider {
    padding-top: 32px;
    position: relative;
    overflow: hidden
}

.help4 .help4-control-slider .help4-slider {
    width: calc(100% - 2px);
    height: 24px;
    margin: 0 1px;
    padding: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4 .help4-control-slider .help4-slider:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: 0
}

.help4 .help4-control-slider .help4-slider::-webkit-slider-runnable-track {
    height: 2.16px;
    border: 0;
    color: transparent;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 4px;
    cursor: pointer
}

.help4 .help4-control-slider .help4-slider::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    box-sizing: border-box;
    border-radius: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    background: #408600;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider::-webkit-slider-thumb {
    background: #d6682b
}

.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb {
    background-color: #e47438
}

.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb .help4-icon,
.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb .help4-icon,
.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-webkit-slider-thumb .help4-inner {
    color: #fff
}

.help4 .help4-control-slider .help4-slider::-ms-track {
    height: 2.16px;
    border: 0;
    color: transparent;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 4px;
    cursor: pointer
}

.help4 .help4-control-slider .help4-slider::-ms-thumb {
    height: 20px;
    width: 20px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    box-sizing: border-box;
    border-radius: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    background: #408600;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider::-ms-thumb {
    background: #d6682b
}

.help4 .help4-control-slider .help4-slider:hover::-ms-thumb {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-ms-thumb {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-ms-thumb {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-ms-thumb {
    background-color: #e47438
}

.help4 .help4-control-slider .help4-slider:hover::-ms-thumb .help4-icon,
.help4 .help4-control-slider .help4-slider:hover::-ms-thumb .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-ms-thumb .help4-icon,
.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-ms-thumb .help4-inner {
    color: #fff
}

.help4 .help4-control-slider .help4-slider::-ms-fill-upper {
    background-color: transparent
}

.help4 .help4-control-slider .help4-slider::-ms-fill-lower {
    background-color: transparent
}

.help4 .help4-control-slider .help4-slider::-ms-tooltip {
    display: none
}

.help4 .help4-control-slider .help4-slider::-moz-range-track {
    height: 2.16px;
    border: 0;
    color: transparent;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 4px;
    cursor: pointer
}

.help4 .help4-control-slider .help4-slider::-moz-range-thumb {
    height: 20px;
    width: 20px;
    border: 1px solid rgba(255, 255, 255, 0.33);
    box-sizing: border-box;
    border-radius: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    background: #408600;
    transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider::-moz-range-thumb {
    background: #d6682b
}

.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb {
    background-color: #e47438
}

.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb .help4-icon,
.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb .help4-icon,
.help4-whatsnew.help4 .help4-control-slider .help4-slider:hover::-moz-range-thumb .help4-inner {
    color: #fff
}

.help4 .help4-control-slider .help4-output {
    min-width: 32px;
    padding: 0 8px;
    height: 24px;
    display: inline-block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.85);
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.33);
    pointer-events: none;
    transform: translate(-50%, -32px);
    -webkit-transform: translate(-50%, -32px);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.help4 .help4-control-slider .help4-output.help4-start {
    transform: translate(0, -32px) translate(-8px, 0)
}

.help4 .help4-control-slider .help4-output.help4-end {
    transform: translate(-100%, -32px) translate(8px, 0)
}

.help4 .help4-control-slider .help4-output .help4-inner {
    line-height: 1.2;
    margin: 6px 0;
    display: inline-block;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    font-size: 12px;
    white-space: nowrap
}

.help4 .help4-control-slider:hover .help4-output {
    color: #fff
}

.help4 .help4-control-text.help4-icon {
    max-width: 32px;
    line-height: 32px !important;
    font-family: Help4IconFont, sans-serif;
    font-size: 16px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.help4 .help4-control-carousel {
    width: 324px;
    height: 100vh;
    height: calc(var(--help4-window-vh, 1vh) * 100);
    min-height: 440px;
    position: fixed;
    top: 0;
    background-color: #303030;
    box-shadow: -8px 12px 12px 0 rgba(0, 0, 0, 0.33);
    right: 0;
    left: auto;
    transition: opacity .3s ease-out, visibility .3s ease-out, transform .3s ease-out, left .3s ease-out, right .3s ease-out
}

.help4 .help4-control-carousel .help4-wrapper-content {
    width: calc(324px - 44px);
    height: 100%;
    padding-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .3s ease-out, visibility .3s ease-out, transform .3s ease-out, left .3s ease-out, right .3s ease-out
}

.help4 .help4-control-carousel .help4-wrapper-content .help4-wrapper-head {
    padding: 12px;
    border-bottom: 1px solid #202020
}

.help4 .help4-control-carousel .help4-wrapper-content .help4-wrapper-head .help4-head {
    margin: 16px 0 12px 0;
    line-height: 1.1;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-align: start
}

.help4 .help4-control-carousel .help4-wrapper-content .help4-wrapper-head .help4-control-searchfield {
    width: 100%;
    display: none
}

.help4 .help4-control-carousel .help4-wrapper-content .help4-content {
    height: calc(100% - 68px);
    width: calc(324px - 44px)
}

.help4 .help4-control-carousel .help4-wrapper-toolbar {
    width: 44px;
    height: 100%;
    border-left: 1px solid #202020;
    position: absolute;
    left: calc(324px - 44px);
    top: 0;
    z-index: 5;
    transition: opacity .3s ease-out, visibility .3s ease-out, border-color .3s ease-out
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-close .help4-icon {
    font-size: 12px
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-close.help4-hidden {
    display: none
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs {
    margin-top: 16px;
    border: 0
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab {
    width: 44px;
    height: 44px;
    margin: 0 0 4px 0;
    line-height: 44px
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab .help4-icon {
    margin: 0 !important;
    line-height: 44px;
    vertical-align: top
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab.help4-learning .help4-icon {
    font-size: 18px
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: -4px
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 100%;
    border-radius: 0 4px 4px 0;
    float: left;
    transition: background-color .3s ease-out, opacity .3s ease-out
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab:after,
.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab.help4-hidden {
    display: none
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions {
    position: absolute;
    bottom: 0;
    left: 0
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-control-button .help4-inner,
.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-control-button.help4-hidden {
    display: none
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator:after {
    margin: 12px;
    width: calc(100% - 24px);
    border-top: 2px solid #202020;
    content: '';
    display: block
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator.help4-hidden {
    display: none
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button {
    width: 20px;
    height: 20px;
    margin: 12px;
    line-height: 20px;
    background-color: #ffdd8b;
    cursor: help;
    border-radius: 50%;
    outline: none
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button .help4-icon {
    font-size: 12px;
    color: #000;
    vertical-align: top
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button:focus,
.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button:hover {
    background-color: #ffdd8b
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button:focus .help4-icon,
.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button:hover .help4-icon {
    color: #000
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button:first-child {
    margin-bottom: 0
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button.help4-active {
    background-color: #61a656
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button.help4-active .help4-icon {
    color: #fff
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button.help4-active:focus,
.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button.help4-active:hover {
    background-color: #61a656
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button.help4-active:focus .help4-icon,
.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-indicator .help4-control-button.help4-active:hover .help4-icon {
    color: #fff
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-min {
    transform: rotate(-90deg)
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-editor-functions .help4-control-button.help4-disabled {
    display: inline-block;
    visibility: visible;
    opacity: .33;
    pointer-events: none;
    cursor: default
}

.help4 .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-editor-functions .help4-control-button.help4-hidden {
    display: none
}

.help4 .help4-control-carousel.help4-hidden {
    transform: translateX(368px);
    visibility: hidden
}

.help4 .help4-control-carousel.help4-minimized {
    width: 44px;
    right: 0;
    transition: opacity .3s ease-out, visibility .3s ease-out
}

.help4 .help4-control-carousel.help4-minimized .help4-wrapper-content {
    opacity: 0
}

.help4 .help4-control-carousel.help4-minimized .help4-wrapper-toolbar {
    left: 0;
    border-color: transparent;
    background-color: #303030
}

.help4 .help4-control-carousel.help4-minimized .help4-wrapper-toolbar .help4-wrapper-functions .help4-min {
    transform: rotate(90deg)
}

.help4 .help4-control-carousel.help4-search .help4-wrapper-content .help4-wrapper-head .help4-control-searchfield {
    display: block
}

.help4 .help4-control-carousel.help4-search .help4-wrapper-content .help4-content {
    height: calc(100% - 101px)
}

.help4 .help4-control-editcarousel {
    min-height: 570px
}

.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended {
    background: linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%)
}

.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:focus,
.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-focus {
    background: linear-gradient(90deg, #3e7907 0, #3e7907 1.5%, transparent 1.5%)
}

.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:hover,
.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:hover,
.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:focus,
.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active.help4-focus {
    background: linear-gradient(90deg, #408600 0, #408600 1.5%, #51aa00 1.5%)
}

.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active {
    background: linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, #408600 1.5%)
}

.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended {
    background: linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:focus,
.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-focus {
    background: linear-gradient(90deg, #bd602c 0, #bd602c 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:hover,
.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:hover,
.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:focus,
.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active.help4-focus {
    background: linear-gradient(90deg, #d6682b 0, #d6682b 1.5%, #e47438 1.5%)
}

.help4-whatsnew.help4 .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active {
    background: linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, #d6682b 1.5%)
}

.help4.help4-adapter-generic .help4-control-carousel,
.help4.help4-adapter-ui5 .help4-control-carousel {
    --carousel-top-space: var(--help4-carousel-top-space, 0px);
    height: calc(100vh - var(--carousel-top-space));
    height: calc(var(--help4-window-vh, 1vh) * 100 - var(--carousel-top-space));
    top: var(--carousel-top-space)
}

.help4.help4-adapter-fiori .help4-control-carousel {
    height: 100vh;
    height: calc(var(--help4-window-vh, 1vh) * 100);
    top: 0
}

.help4.help4-adapter-desktopAssistant .help4-control-carousel {
    box-shadow: none !important
}

.help4.help4-adapter-desktopAssistant .help4-control-carousel .help4-wrapper-content .help4-wrapper-head .help4-control-searchfield {
    position: relative;
    top: -48px
}

.help4.help4-adapter-desktopAssistant .help4-control-carousel .help4-wrapper-content .help4-wrapper-head .help4-head {
    position: relative;
    top: 36px
}

body[data-help4-carousel-top-space='80'] .help4 .help4-control-carousel {
    height: calc(100vh - 80px);
    top: 80px
}

body[data-help4-carousel-top-space='79'] .help4 .help4-control-carousel {
    height: calc(100vh - 79px);
    top: 79px
}

body[data-help4-carousel-top-space='78'] .help4 .help4-control-carousel {
    height: calc(100vh - 78px);
    top: 78px
}

body[data-help4-carousel-top-space='77'] .help4 .help4-control-carousel {
    height: calc(100vh - 77px);
    top: 77px
}

body[data-help4-carousel-top-space='76'] .help4 .help4-control-carousel {
    height: calc(100vh - 76px);
    top: 76px
}

body[data-help4-carousel-top-space='75'] .help4 .help4-control-carousel {
    height: calc(100vh - 75px);
    top: 75px
}

body[data-help4-carousel-top-space='74'] .help4 .help4-control-carousel {
    height: calc(100vh - 74px);
    top: 74px
}

body[data-help4-carousel-top-space='73'] .help4 .help4-control-carousel {
    height: calc(100vh - 73px);
    top: 73px
}

body[data-help4-carousel-top-space='72'] .help4 .help4-control-carousel {
    height: calc(100vh - 72px);
    top: 72px
}

body[data-help4-carousel-top-space='71'] .help4 .help4-control-carousel {
    height: calc(100vh - 71px);
    top: 71px
}

body[data-help4-carousel-top-space='70'] .help4 .help4-control-carousel {
    height: calc(100vh - 70px);
    top: 70px
}

body[data-help4-carousel-top-space='69'] .help4 .help4-control-carousel {
    height: calc(100vh - 69px);
    top: 69px
}

body[data-help4-carousel-top-space='68'] .help4 .help4-control-carousel {
    height: calc(100vh - 68px);
    top: 68px
}

body[data-help4-carousel-top-space='67'] .help4 .help4-control-carousel {
    height: calc(100vh - 67px);
    top: 67px
}

body[data-help4-carousel-top-space='66'] .help4 .help4-control-carousel {
    height: calc(100vh - 66px);
    top: 66px
}

body[data-help4-carousel-top-space='65'] .help4 .help4-control-carousel {
    height: calc(100vh - 65px);
    top: 65px
}

body[data-help4-carousel-top-space='64'] .help4 .help4-control-carousel {
    height: calc(100vh - 64px);
    top: 64px
}

body[data-help4-carousel-top-space='63'] .help4 .help4-control-carousel {
    height: calc(100vh - 63px);
    top: 63px
}

body[data-help4-carousel-top-space='62'] .help4 .help4-control-carousel {
    height: calc(100vh - 62px);
    top: 62px
}

body[data-help4-carousel-top-space='61'] .help4 .help4-control-carousel {
    height: calc(100vh - 61px);
    top: 61px
}

body[data-help4-carousel-top-space='60'] .help4 .help4-control-carousel {
    height: calc(100vh - 60px);
    top: 60px
}

body[data-help4-carousel-top-space='59'] .help4 .help4-control-carousel {
    height: calc(100vh - 59px);
    top: 59px
}

body[data-help4-carousel-top-space='58'] .help4 .help4-control-carousel {
    height: calc(100vh - 58px);
    top: 58px
}

body[data-help4-carousel-top-space='57'] .help4 .help4-control-carousel {
    height: calc(100vh - 57px);
    top: 57px
}

body[data-help4-carousel-top-space='56'] .help4 .help4-control-carousel {
    height: calc(100vh - 56px);
    top: 56px
}

body[data-help4-carousel-top-space='55'] .help4 .help4-control-carousel {
    height: calc(100vh - 55px);
    top: 55px
}

body[data-help4-carousel-top-space='54'] .help4 .help4-control-carousel {
    height: calc(100vh - 54px);
    top: 54px
}

body[data-help4-carousel-top-space='53'] .help4 .help4-control-carousel {
    height: calc(100vh - 53px);
    top: 53px
}

body[data-help4-carousel-top-space='52'] .help4 .help4-control-carousel {
    height: calc(100vh - 52px);
    top: 52px
}

body[data-help4-carousel-top-space='51'] .help4 .help4-control-carousel {
    height: calc(100vh - 51px);
    top: 51px
}

body[data-help4-carousel-top-space='50'] .help4 .help4-control-carousel {
    height: calc(100vh - 50px);
    top: 50px
}

body[data-help4-carousel-top-space='49'] .help4 .help4-control-carousel {
    height: calc(100vh - 49px);
    top: 49px
}

body[data-help4-carousel-top-space='48'] .help4 .help4-control-carousel {
    height: calc(100vh - 48px);
    top: 48px
}

body[data-help4-carousel-top-space='47'] .help4 .help4-control-carousel {
    height: calc(100vh - 47px);
    top: 47px
}

body[data-help4-carousel-top-space='46'] .help4 .help4-control-carousel {
    height: calc(100vh - 46px);
    top: 46px
}

body[data-help4-carousel-top-space='45'] .help4 .help4-control-carousel {
    height: calc(100vh - 45px);
    top: 45px
}

body[data-help4-carousel-top-space='44'] .help4 .help4-control-carousel {
    height: calc(100vh - 44px);
    top: 44px
}

body[data-help4-carousel-top-space='43'] .help4 .help4-control-carousel {
    height: calc(100vh - 43px);
    top: 43px
}

body[data-help4-carousel-top-space='42'] .help4 .help4-control-carousel {
    height: calc(100vh - 42px);
    top: 42px
}

body[data-help4-carousel-top-space='41'] .help4 .help4-control-carousel {
    height: calc(100vh - 41px);
    top: 41px
}

body[data-help4-carousel-top-space='40'] .help4 .help4-control-carousel {
    height: calc(100vh - 40px);
    top: 40px
}

body[data-help4-carousel-top-space='39'] .help4 .help4-control-carousel {
    height: calc(100vh - 39px);
    top: 39px
}

body[data-help4-carousel-top-space='38'] .help4 .help4-control-carousel {
    height: calc(100vh - 38px);
    top: 38px
}

body[data-help4-carousel-top-space='37'] .help4 .help4-control-carousel {
    height: calc(100vh - 37px);
    top: 37px
}

body[data-help4-carousel-top-space='36'] .help4 .help4-control-carousel {
    height: calc(100vh - 36px);
    top: 36px
}

body[data-help4-carousel-top-space='35'] .help4 .help4-control-carousel {
    height: calc(100vh - 35px);
    top: 35px
}

body[data-help4-carousel-top-space='34'] .help4 .help4-control-carousel {
    height: calc(100vh - 34px);
    top: 34px
}

body[data-help4-carousel-top-space='33'] .help4 .help4-control-carousel {
    height: calc(100vh - 33px);
    top: 33px
}

body[data-help4-carousel-top-space='32'] .help4 .help4-control-carousel {
    height: calc(100vh - 32px);
    top: 32px
}

body[data-help4-carousel-top-space='31'] .help4 .help4-control-carousel {
    height: calc(100vh - 31px);
    top: 31px
}

body[data-help4-carousel-top-space='30'] .help4 .help4-control-carousel {
    height: calc(100vh - 30px);
    top: 30px
}

body[data-help4-carousel-top-space='29'] .help4 .help4-control-carousel {
    height: calc(100vh - 29px);
    top: 29px
}

body[data-help4-carousel-top-space='28'] .help4 .help4-control-carousel {
    height: calc(100vh - 28px);
    top: 28px
}

body[data-help4-carousel-top-space='27'] .help4 .help4-control-carousel {
    height: calc(100vh - 27px);
    top: 27px
}

body[data-help4-carousel-top-space='26'] .help4 .help4-control-carousel {
    height: calc(100vh - 26px);
    top: 26px
}

body[data-help4-carousel-top-space='25'] .help4 .help4-control-carousel {
    height: calc(100vh - 25px);
    top: 25px
}

body[data-help4-carousel-top-space='24'] .help4 .help4-control-carousel {
    height: calc(100vh - 24px);
    top: 24px
}

body[data-help4-carousel-top-space='23'] .help4 .help4-control-carousel {
    height: calc(100vh - 23px);
    top: 23px
}

body[data-help4-carousel-top-space='22'] .help4 .help4-control-carousel {
    height: calc(100vh - 22px);
    top: 22px
}

body[data-help4-carousel-top-space='21'] .help4 .help4-control-carousel {
    height: calc(100vh - 21px);
    top: 21px
}

body[data-help4-carousel-top-space='20'] .help4 .help4-control-carousel {
    height: calc(100vh - 20px);
    top: 20px
}

body[data-help4-carousel-top-space='19'] .help4 .help4-control-carousel {
    height: calc(100vh - 19px);
    top: 19px
}

body[data-help4-carousel-top-space='18'] .help4 .help4-control-carousel {
    height: calc(100vh - 18px);
    top: 18px
}

body[data-help4-carousel-top-space='17'] .help4 .help4-control-carousel {
    height: calc(100vh - 17px);
    top: 17px
}

body[data-help4-carousel-top-space='16'] .help4 .help4-control-carousel {
    height: calc(100vh - 16px);
    top: 16px
}

body[data-help4-carousel-top-space='15'] .help4 .help4-control-carousel {
    height: calc(100vh - 15px);
    top: 15px
}

body[data-help4-carousel-top-space='14'] .help4 .help4-control-carousel {
    height: calc(100vh - 14px);
    top: 14px
}

body[data-help4-carousel-top-space='13'] .help4 .help4-control-carousel {
    height: calc(100vh - 13px);
    top: 13px
}

body[data-help4-carousel-top-space='12'] .help4 .help4-control-carousel {
    height: calc(100vh - 12px);
    top: 12px
}

body[data-help4-carousel-top-space='11'] .help4 .help4-control-carousel {
    height: calc(100vh - 11px);
    top: 11px
}

body[data-help4-carousel-top-space='10'] .help4 .help4-control-carousel {
    height: calc(100vh - 10px);
    top: 10px
}

body[data-help4-carousel-top-space='9'] .help4 .help4-control-carousel {
    height: calc(100vh - 9px);
    top: 9px
}

body[data-help4-carousel-top-space='8'] .help4 .help4-control-carousel {
    height: calc(100vh - 8px);
    top: 8px
}

body[data-help4-carousel-top-space='7'] .help4 .help4-control-carousel {
    height: calc(100vh - 7px);
    top: 7px
}

body[data-help4-carousel-top-space='6'] .help4 .help4-control-carousel {
    height: calc(100vh - 6px);
    top: 6px
}

body[data-help4-carousel-top-space='5'] .help4 .help4-control-carousel {
    height: calc(100vh - 5px);
    top: 5px
}

body[data-help4-carousel-top-space='4'] .help4 .help4-control-carousel {
    height: calc(100vh - 4px);
    top: 4px
}

body[data-help4-carousel-top-space='3'] .help4 .help4-control-carousel {
    height: calc(100vh - 3px);
    top: 3px
}

body[data-help4-carousel-top-space='2'] .help4 .help4-control-carousel {
    height: calc(100vh - 2px);
    top: 2px
}

body[data-help4-carousel-top-space='1'] .help4 .help4-control-carousel {
    height: calc(100vh - 1px);
    top: 1px
}

body[data-help4-carousel-top-space='0'] .help4 .help4-control-carousel {
    height: calc(100vh - 0px);
    top: 0px
}

.help4 .help4-control-tile {
    width: 100%;
    height: auto;
    padding: 12px 12px 8px 12px;
    border-bottom: 1px solid #202020;
    box-sizing: border-box;
    position: relative;
    display: block;
    vertical-align: top;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85);
    transition: opacity .3s ease-out, background-color .3s ease-out
}

.help4 .help4-control-tile * {
    padding: 0;
    margin: 0;
    font-size: 8px;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0
}

.help4 .help4-control-tile .help4-header {
    line-height: 0
}

.help4 .help4-control-tile .help4-caption {
    width: 100%;
    display: list-item;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease-out, background-color .3s ease-out
}

.help4 .help4-control-tile .help4-desc {
    max-height: 0;
    height: auto;
    margin: 4px 0 0 0;
    overflow: hidden;
    font-size: 14px;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transition: color .3s ease-out, background-color .3s ease-out
}

.help4 .help4-control-tile.help4-active .help4-desc {
    max-height: 80px;
    opacity: 1;
    transition: opacity .3s ease-out, color .3s ease-out, background-color .3s ease-out
}

.help4 .help4-control-tile:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    outline-offset: -5px
}

.help4 .help4-control-tile.help4-active {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-tile.help4-active {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-active .help4-icon,
.help4 .help4-control-tile.help4-active .help4-desc,
.help4 .help4-control-tile.help4-active .help4-caption,
.help4 .help4-control-tile.help4-active .help4-info span,
.help4 .help4-control-tile.help4-active .help4-order .help4-number {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-active .help4-icon,
.help4-whatsnew.help4 .help4-control-tile.help4-active .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-active .help4-caption,
.help4-whatsnew.help4 .help4-control-tile.help4-active .help4-info span,
.help4-whatsnew.help4 .help4-control-tile.help4-active .help4-order .help4-number {
    color: #fff
}

.help4 .help4-control-tile.help4-active:focus {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-active:focus {
    outline-color: #fff
}

.help4 .help4-control-tile:hover {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile:hover {
    background-color: #e47438
}

.help4 .help4-control-tile:hover .help4-icon,
.help4 .help4-control-tile:hover .help4-desc,
.help4 .help4-control-tile:hover .help4-caption,
.help4 .help4-control-tile:hover .help4-info span,
.help4 .help4-control-tile:hover .help4-order .help4-number {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-tile:hover .help4-desc,
.help4-whatsnew.help4 .help4-control-tile:hover .help4-caption,
.help4-whatsnew.help4 .help4-control-tile:hover .help4-info span,
.help4-whatsnew.help4 .help4-control-tile:hover .help4-order .help4-number {
    color: #fff
}

.help4 .help4-control-tile:hover:focus {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile:hover:focus {
    outline-color: #fff
}

.help4 .help4-control-tile.help4-hidden {
    display: none
}

.help4 .help4-control-tile.help4-searchresult .help4-info-label {
    padding: 0 8px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    border-radius: 8px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease-out, border-color .3s ease-out
}

.help4 .help4-control-tile.help4-searchresult .help4-caption {
    margin-top: 4px;
    overflow: visible;
    white-space: normal
}

.help4 .help4-control-tile.help4-searchresult.help4-active .help4-info-label {
    color: #fff;
    border-color: #fff
}

.help4 .help4-control-tile.help4-searchresult:hover .help4-info-label {
    color: #fff;
    border-color: #fff
}

.help4 .help4-control-tile.help4-special {
    height: 56px;
    padding-top: 12px;
    padding-bottom: 0
}

.help4 .help4-control-tile.help4-special .help4-desc,
.help4 .help4-control-tile.help4-special>.help4-icon {
    display: none
}

.help4 .help4-control-tile.help4-special .help4-caption {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #bcdf9c;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    list-style-type: none;
    border-radius: 4px;
    color: #bcdf9c;
    border-color: #bcdf9c
}

.help4-whatsnew.help4 .help4-control-tile.help4-special .help4-caption {
    color: #e47438
}

.help4-whatsnew.help4 .help4-control-tile.help4-special .help4-caption {
    border-color: #e47438
}

.help4 .help4-control-tile.help4-special.help4-globalhelp {
    height: 76px
}

.help4 .help4-control-tile.help4-special.help4-globalhelp .help4-caption {
    min-height: auto;
    padding-top: 6px;
    border-bottom: 0;
    line-height: 1.1;
    border-radius: 4px 4px 0 0
}

.help4 .help4-control-tile.help4-special.help4-globalhelp .help4-desc {
    height: 16px;
    max-height: 16px;
    margin: 0;
    padding: 4px 12px 6px 12px;
    border: 1px solid #bcdf9c;
    border-top: 0;
    display: block;
    line-height: 1.1;
    text-align: center;
    border-radius: 0 0 4px 4px;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #bcdf9c;
    border-color: #bcdf9c;
    transition: color .3s ease-out, background-color .3s ease-out
}

.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-globalhelp .help4-desc {
    color: #e47438
}

.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-globalhelp .help4-desc {
    border-color: #e47438
}

.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) {
    background-color: transparent !important
}

.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-desc,
.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-caption {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-caption {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-caption {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit) .help4-caption {
    background-color: #e47438
}

.help4 .help4-control-tile.help4-special:hover:not(.help4-linkedit):focus {
    outline-color: rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) {
    background-color: transparent !important
}

.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-desc,
.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-caption {
    color: #fff;
    border-color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-caption {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-caption {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-special.help4-active:not(.help4-linkedit) .help4-caption {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-action {
    width: calc(100% - 24px);
    margin: 12px;
    padding: 8px;
    background-color: #202020;
    border-radius: 4px
}

.help4 .help4-control-tile.help4-action .help4-caption {
    width: calc(100% - 28px);
    overflow: visible;
    white-space: normal;
    transform: translateX(28px)
}

.help4 .help4-control-tile.help4-action .help4-caption:before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-left: -28px;
    line-height: 20px;
    vertical-align: top;
    text-align: center;
    font-family: Help4IconFont, sans-serif;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.85);
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.help4 .help4-control-tile.help4-action .help4-desc {
    display: none
}

.help4 .help4-control-tile.help4-action.help4-type-ticket .help4-caption:before,
.help4 .help4-control-tile.help4-action.help4-type-navigation .help4-caption:before {
    content: 'A'
}

.help4 .help4-control-tile.help4-action.help4-type-whatsthisapp .help4-caption:before {
    content: 'i'
}

.help4 .help4-control-tile.help4-action:hover {
    background-color: #51aa00
}

.help4 .help4-control-tile.help4-action:hover .help4-caption:before {
    color: #fff
}

.help4 .help4-control-tile.help4-action.help4-type-whatsnew {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-action.help4-type-whatsnew .help4-caption {
    color: #fff
}

.help4 .help4-control-tile.help4-action.help4-type-whatsnew .help4-caption:before {
    color: #fff;
    content: '¢'
}

.help4 .help4-control-tile.help4-action.help4-type-whatsnew:hover {
    background-color: #e47438
}

.help4 .help4-control-tile.help4-asset {
    height: 112px;
    margin: 4px 12px;
    padding: 12px;
    border: 0;
    border-left: 4px solid #408600;
    display: inline-block;
    text-align: right;
    color: rgba(0, 0, 0, 0.9);
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    animation: ani-show 1.5s 1;
    -webkit-animation: ani-show 1.5s 1;
    transition: box-shadow .3s ease-out, color .3s ease-out, background-color .3s ease-out
}

.help4 .help4-control-tile.help4-asset .help4-hidden {
    display: none
}

.help4 .help4-control-tile.help4-asset .help4-wrapper {
    text-align: left;
    float: left;
    width: calc(100% - 56px)
}

.help4 .help4-control-tile.help4-asset .help4-wrapper:before {
    content: '';
    height: 48px;
    width: 48px;
    margin-right: 12px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 1000%
}

.help4 .help4-control-tile.help4-asset .help4-wrapper .help4-caption {
    width: calc(100% - 60px);
    margin: 1.6px 0 0 0;
    display: inline-block;
    color: rgba(0, 0, 0, 0.9);
    font-size: 18px;
    line-height: 1.2;
    transition: color .3s ease-out
}

.help4 .help4-control-tile.help4-asset .help4-wrapper .help4-desc {
    height: 60px;
    max-height: 60px;
    width: calc(100% - 60px);
    margin: 0;
    display: inline-block;
    color: rgba(0, 0, 0, 0.9);
    opacity: 1;
    transition: color .3s ease-out
}

.help4 .help4-control-tile.help4-asset .help4-wrapper .help4-desc *:first-child {
    margin-top: 0
}

.help4 .help4-control-tile.help4-asset.help4-project {
    border-color: #009de0
}

.help4 .help4-control-tile.help4-asset.help4-project .help4-wrapper:before {
    background-position: -240px -48px
}

.help4 .help4-control-tile.help4-asset.help4-book {
    border-color: #52bacc
}

.help4 .help4-control-tile.help4-asset.help4-book .help4-wrapper:before {
    background-position: -48px -96px
}

.help4 .help4-control-tile.help4-asset.help4-cdoc {
    border-color: #007cc0
}

.help4 .help4-control-tile.help4-asset.help4-cdoc .help4-wrapper:before {
    background-position: -240px -384px
}

.help4 .help4-control-tile.help4-asset.help4-group {
    border-color: #f0a900
}

.help4 .help4-control-tile.help4-asset.help4-group .help4-wrapper:before {
    background-position: -384px 0
}

.help4 .help4-control-tile.help4-asset.help4-slide {
    border-color: #52bacc
}

.help4 .help4-control-tile.help4-asset.help4-slide .help4-wrapper:before {
    background-position: 0 -96px
}

.help4 .help4-control-tile.help4-asset.help4-media,
.help4 .help4-control-tile.help4-asset.help4-media_file {
    border-color: #999
}

.help4 .help4-control-tile.help4-asset.help4-media .help4-wrapper:before,
.help4 .help4-control-tile.help4-asset.help4-media_file .help4-wrapper:before {
    background-position: 0 -576px
}

.help4 .help4-control-tile.help4-asset.help4-media_audio {
    border-color: #007cc0
}

.help4 .help4-control-tile.help4-asset.help4-media_audio .help4-wrapper:before {
    background-position: -96px -576px
}

.help4 .help4-control-tile.help4-asset.help4-media_video {
    border-color: #61a656
}

.help4 .help4-control-tile.help4-asset.help4-media_video .help4-wrapper:before {
    background-position: -144px -576px
}

.help4 .help4-control-tile.help4-asset.help4-media_image {
    border-color: #f0ab00
}

.help4 .help4-control-tile.help4-asset.help4-media_image .help4-wrapper:before {
    background-position: -48px -576px
}

.help4 .help4-control-tile.help4-asset.help4-media_pdf {
    border-color: #d32030
}

.help4 .help4-control-tile.help4-asset.help4-media_pdf .help4-wrapper:before {
    background-position: -240px -576px
}

.help4 .help4-control-tile.help4-asset.help4-media_doc {
    border-color: #004990
}

.help4 .help4-control-tile.help4-asset.help4-media_doc .help4-wrapper:before {
    background-position: -288px -576px
}

.help4 .help4-control-tile.help4-asset.help4-media_document {
    border-color: #004990
}

.help4 .help4-control-tile.help4-asset.help4-media_document .help4-wrapper:before {
    background-position: -192px -576px
}

.help4 .help4-control-tile.help4-asset.help4-noresult {
    width: auto;
    margin: 10% 0 0 50%;
    border-color: transparent;
    background-color: transparent;
    pointer-events: none;
    transform: scale(1.5) translateX(-33%)
}

.help4 .help4-control-tile.help4-asset.help4-noresult .help4-wrapper {
    width: auto
}

.help4 .help4-control-tile.help4-asset.help4-noresult .help4-wrapper .help4-desc,
.help4 .help4-control-tile.help4-asset.help4-noresult .help4-wrapper .help4-caption {
    display: block;
    width: auto
}

.help4 .help4-control-tile.help4-asset.help4-noresult .help4-wrapper:before {
    background-position: 0 -672px
}

.help4 .help4-control-tile.help4-asset.help4-noresult .help4-control-button {
    display: none
}

.help4 .help4-control-tile.help4-asset.help4-noresult:hover,
.help4 .help4-control-tile.help4-asset.help4-noresult:focus {
    background: transparent;
    box-shadow: none
}

.help4 .help4-control-tile.help4-asset.help4-hidden {
    display: none
}

.help4 .help4-control-tile.help4-asset:focus {
    outline-color: rgba(0, 0, 0, 0.9);
    outline-offset: -8px
}

.help4 .help4-control-tile.help4-asset:hover {
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.75)
}

.help4 .help4-control-tile.help4-asset:hover .help4-wrapper .help4-desc,
.help4 .help4-control-tile.help4-asset:hover .help4-wrapper .help4-caption {
    color: #000
}

.help4 .help4-control-tile.help4-asset .help4-control-button {
    height: 40px;
    width: 40px;
    margin-top: 48px;
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.9);
    background: transparent;
    border-radius: 50%;
    transition: border .3s ease-out;
    animation: ani-show 1.5s 1;
    -webkit-animation: ani-show 1.5s 1
}

.help4 .help4-control-tile.help4-asset .help4-control-button .help4-icon {
    color: rgba(0, 0, 0, 0.9);
    vertical-align: baseline
}

.help4 .help4-control-tile.help4-asset .help4-control-button:focus {
    outline-color: rgba(0, 0, 0, 0.9);
    outline-offset: 1px
}

.help4 .help4-control-tile.help4-asset .help4-control-button:hover {
    border: 1px solid rgba(0, 0, 0, 0.33);
    background: transparent
}

.help4 .help4-control-tile.help4-asset .help4-control-button:hover .help4-icon {
    color: #000
}

.help4 .help4-control-tile.help4-learningapp {
    height: auto;
    max-height: 216px
}

.help4 .help4-control-tile.help4-learningapp .help4-desc {
    height: auto;
    max-height: 116px;
    opacity: 1
}

.help4 .help4-control-tile.help4-learningapp .help4-edit,
.help4 .help4-control-tile.help4-learningapp .help4-feedback {
    width: 36px;
    height: 36px;
    margin: 4.08px 0 0 calc(100% - 36px);
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 50%;
    transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4 .help4-control-tile.help4-learningapp .help4-edit:after,
.help4 .help4-control-tile.help4-learningapp .help4-feedback:after {
    display: none
}

.help4 .help4-control-tile.help4-learningapp .help4-edit:focus,
.help4 .help4-control-tile.help4-learningapp .help4-feedback:focus {
    outline-offset: 1px
}

.help4 .help4-control-tile.help4-learningapp .help4-edit:hover,
.help4 .help4-control-tile.help4-learningapp .help4-feedback:hover {
    border-color: rgba(255, 255, 255, 0.5)
}

.help4 .help4-control-tile.help4-learningapp:hover .help4-edit,
.help4 .help4-control-tile.help4-learningapp:hover .help4-feedback {
    background-color: #51aa00
}

.help4 .help4-control-tile.help4-learningapp:hover .help4-edit .help4-icon,
.help4 .help4-control-tile.help4-learningapp:hover .help4-feedback .help4-icon {
    color: #fff
}

.help4 .help4-control-tile.help4-learningapp:hover .help4-edit:focus,
.help4 .help4-control-tile.help4-learningapp:hover .help4-feedback:focus {
    outline-color: #fff
}

.help4 .help4-control-tile.help4-help .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit .help4-caption:before,
.help4 .help4-control-tile.help4-touredit .help4-caption:before,
.help4 .help4-control-tile.help4-projecttour .help4-caption:before,
.help4 .help4-control-tile.help4-learningapp .help4-caption:before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    line-height: 21px;
    vertical-align: top;
    text-align: center;
    font-family: Help4IconFont, sans-serif;
    font-size: 20px;
    border-radius: 50%;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color .3s ease-out, font-size .3s ease-out, opacity .3s ease-out, visibility .3s ease-out;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_end] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_end] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_end] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_end] .help4-caption:before {
    content: 'V'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_faq] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_faq] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_faq] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_faq] .help4-caption:before {
    content: '∴'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_pdf] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_pdf] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_pdf] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_pdf] .help4-caption:before {
    content: 'f'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_tip] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_tip] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_tip] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_tip] .help4-caption:before {
    content: 'Θ'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_info] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_info] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_info] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_info] .help4-caption:before {
    content: '¡'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_link] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_link] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_link] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_link] .help4-caption:before {
    content: '&'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_note] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_note] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_note] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_note] .help4-caption:before {
    content: 'Ω'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_start] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_start] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_start] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_start] .help4-caption:before {
    content: 't'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_video] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_video] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_video] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_video] .help4-caption:before {
    content: '∇'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_action] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_action] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_action] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_action] .help4-caption:before {
    content: ';'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_support] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_support] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_support] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_support] .help4-caption:before {
    content: '@'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_external] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_external] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_external] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_external] .help4-caption:before {
    content: '⇑'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_important] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_important] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_important] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_important] .help4-caption:before {
    content: 'W'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_whatsthisapp] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_whatsthisapp] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_whatsthisapp] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_whatsthisapp] .help4-caption:before {
    content: 'ï'
}

.help4 .help4-control-tile.help4-help[data-help4-icon=icon_prerequisites] .help4-caption:before,
.help4 .help4-control-tile.help4-helpedit[data-help4-icon=icon_prerequisites] .help4-caption:before,
.help4 .help4-control-tile.help4-linkedit[data-help4-icon=icon_prerequisites] .help4-caption:before,
.help4 .help4-control-tile.help4-touredit[data-help4-icon=icon_prerequisites] .help4-caption:before {
    content: '×'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=book] .help4-caption:before {
    content: 'b'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=cdoc] .help4-caption:before {
    content: 'Ħ'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=slide] .help4-caption:before {
    content: 'S'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=group] .help4-caption:before {
    content: 'Π'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=project] .help4-caption:before {
    content: 'p'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=media_doc] .help4-caption:before {
    content: 'D'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=media_pdf] .help4-caption:before {
    content: 'f'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=media_file] .help4-caption:before {
    content: 'm'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=media_image] .help4-caption:before {
    content: '|'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=media_audio] .help4-caption:before {
    content: 'u'
}

.help4 .help4-control-tile.help4-learningapp[data-help4-type=media_video] .help4-caption:before {
    content: '∇'
}

.help4 .help4-control-tile.help4-helpedit .help4-caption,
.help4 .help4-control-tile.help4-linkedit .help4-caption,
.help4 .help4-control-tile.help4-touredit .help4-caption {
    width: calc(100% - 36px);
    display: inline-block
}

.help4 .help4-control-tile.help4-helpedit .help4-info,
.help4 .help4-control-tile.help4-linkedit .help4-info,
.help4 .help4-control-tile.help4-touredit .help4-info {
    width: 36px;
    margin-top: 2px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.85);
    pointer-events: all
}

.help4 .help4-control-tile.help4-helpedit .help4-info span,
.help4 .help4-control-tile.help4-linkedit .help4-info span,
.help4 .help4-control-tile.help4-touredit .help4-info span {
    display: inline-block;
    visibility: hidden;
    vertical-align: top;
    line-height: 16px;
    text-indent: 6px;
    font-family: Help4IconFont, sans-serif;
    font-size: 12px;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.help4 .help4-control-tile.help4-helpedit .help4-info span.help4-icon-tiletype,
.help4 .help4-control-tile.help4-linkedit .help4-info span.help4-icon-tiletype,
.help4 .help4-control-tile.help4-touredit .help4-info span.help4-icon-tiletype {
    visibility: visible
}

.help4 .help4-control-tile.help4-helpedit .help4-desc,
.help4 .help4-control-tile.help4-linkedit .help4-desc,
.help4 .help4-control-tile.help4-touredit .help4-desc {
    height: auto;
    max-height: 80px;
    opacity: 1
}

.help4 .help4-control-tile.help4-helpedit .help4-order,
.help4 .help4-control-tile.help4-linkedit .help4-order,
.help4 .help4-control-tile.help4-touredit .help4-order {
    height: 24px;
    width: 84px;
    margin-top: 6px;
    padding: 0 0 0 12px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    visibility: hidden;
    transition: none;
    cursor: default;
    right: 0;
    left: auto;
    color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit .help4-order {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit .help4-order {
    background-color: #e47438
}

.help4 .help4-control-tile.help4-helpedit .help4-order .help4-icon,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-icon,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-icon {
    float: left;
    font-size: 16px;
    transition: none
}

.help4 .help4-control-tile.help4-helpedit .help4-order .help4-number,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-number,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-number {
    width: 24px;
    float: left;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    cursor: pointer
}

.help4 .help4-control-tile.help4-helpedit .help4-order .help4-number:focus,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-number:focus,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-number:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85)
}

.help4 .help4-control-tile.help4-helpedit .help4-order .help4-up,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-up,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-up,
.help4 .help4-control-tile.help4-helpedit .help4-order .help4-down,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-down,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-down {
    width: 18px;
    color: #fff;
    transition: none
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit .help4-order .help4-down {
    color: #fff
}

.help4 .help4-control-tile.help4-helpedit .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-helpedit .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-linkedit .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-touredit .help4-order .help4-down:focus {
    outline-offset: 0
}

.help4 .help4-control-tile.help4-helpedit.help4-crossapp .help4-info span.help4-icon-crossapp,
.help4 .help4-control-tile.help4-linkedit.help4-crossapp .help4-info span.help4-icon-crossapp,
.help4 .help4-control-tile.help4-touredit.help4-crossapp .help4-info span.help4-icon-crossapp,
.help4 .help4-control-tile.help4-helpedit.help4-notexists .help4-info span.help4-icon-notexists,
.help4 .help4-control-tile.help4-linkedit.help4-notexists .help4-info span.help4-icon-notexists,
.help4 .help4-control-tile.help4-touredit.help4-notexists .help4-info span.help4-icon-notexists {
    visibility: visible
}

.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order {
    visibility: visible;
    color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-up,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-up,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-up,
.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-down,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-down,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-down,
.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-number,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-number,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-number {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-number,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-number,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-number {
    color: #fff
}

.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-number:focus,
.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-number:focus,
.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-number:focus {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-up:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-up:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-up:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-down:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-down:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-down:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit.help4-active .help4-order .help4-number:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-active .help4-order .help4-number:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit.help4-active .help4-order .help4-number:focus {
    outline-color: #fff
}

.help4 .help4-control-tile.help4-helpedit:hover .help4-info,
.help4 .help4-control-tile.help4-linkedit:hover .help4-info,
.help4 .help4-control-tile.help4-touredit:hover .help4-info {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-info,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-info,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-info {
    color: #fff
}

.help4 .help4-control-tile.help4-helpedit:hover .help4-order,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order,
.help4 .help4-control-tile.help4-touredit:hover .help4-order {
    visibility: visible;
    color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order {
    background-color: #e47438
}

.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-up,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-up,
.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-up,
.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-down,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-down,
.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-down,
.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-number,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-number,
.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-number {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-up,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-down,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-number,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-number,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-number {
    color: #fff
}

.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-up:focus,
.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-down:focus,
.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-number:focus,
.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-number:focus,
.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-number:focus {
    outline-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-up:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-up:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-up:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-down:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-down:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-down:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-helpedit:hover .help4-order .help4-number:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit:hover .help4-order .help4-number:focus,
.help4-whatsnew.help4 .help4-control-tile.help4-touredit:hover .help4-order .help4-number:focus {
    outline-color: #fff
}

.help4 .help4-control-tile.help4-linkedit.help4-special {
    padding-top: 12px;
    height: 56px
}

.help4 .help4-control-tile.help4-linkedit.help4-special .help4-caption {
    width: 100%;
    margin: 0
}

.help4 .help4-control-tile.help4-linkedit.help4-special .help4-caption:before {
    display: none
}

.help4 .help4-control-tile.help4-linkedit.help4-special .help4-info {
    display: none
}

.help4 .help4-control-tile.help4-linkedit.help4-special .help4-order {
    margin-top: 8px
}

.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-desc,
.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-caption {
    color: #fff;
    border-color: #fff;
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-caption {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-caption {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special.help4-active .help4-caption {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-linkedit.help4-special:hover {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover {
    background-color: #e47438
}

.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-desc,
.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-caption {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-caption {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-caption {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-desc,
.help4-whatsnew.help4 .help4-control-tile.help4-linkedit.help4-special:hover .help4-caption {
    background-color: #e47438
}

.help4 .help4-control-tile.help4-touredit {
    height: 44px
}

.help4 .help4-control-tile.help4-touredit .help4-desc {
    display: none
}

.help4 .help4-control-tile.help4-touredit .help4-order {
    margin-top: 9px
}

.help4 .help4-control-tile.help4-projecttour {
    height: 44px
}

.help4 .help4-control-tile.help4-projecttour[data-help4-state] .help4-header:before {
    height: 8px;
    width: 8px;
    border: 1px solid;
    position: absolute;
    z-index: 3;
    display: inline-block;
    box-sizing: border-box;
    content: '';
    border-radius: 50%;
    transform: translate(16px, 14px)
}

.help4 .help4-control-tile.help4-projecttour[data-help4-state]:hover .help4-header:before {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-projecttour[data-help4-state]:hover .help4-header:before {
    border-color: #fff
}

.help4 .help4-control-tile.help4-projecttour[data-help4-state=new] .help4-header:before {
    background-color: #ab218e
}

.help4 .help4-control-tile.help4-projecttour[data-help4-state=updated] .help4-header:before {
    background-color: #ffdd8b
}

.help4 .help4-control-tile.help4-projecttour[data-help4-state=published] .help4-header:before {
    background-color: #61a656
}

.help4 .help4-control-tile.help4-projecttour .help4-caption:before {
    content: 't'
}

.help4 .help4-control-tile.help4-notassigned.help4-helpedit .help4-info .help4-icon-tiletype {
    visibility: hidden
}

.help4 .help4-control-tile.help4-notassigned.help4-linkedit .help4-info .help4-icon-notexists {
    visibility: visible
}

.help4 .help4-control-tile.help4-hiddenedit {
    background-color: rgba(32, 32, 32, 0.5)
}

.help4 .help4-control-tile.help4-hiddenedit .help4-icon,
.help4 .help4-control-tile.help4-hiddenedit .help4-info,
.help4 .help4-control-tile.help4-hiddenedit .help4-desc,
.help4 .help4-control-tile.help4-hiddenedit .help4-caption,
.help4 .help4-control-tile.help4-hiddenedit .help4-order .help4-up,
.help4 .help4-control-tile.help4-hiddenedit .help4-order .help4-down,
.help4 .help4-control-tile.help4-hiddenedit .help4-order .help4-number {
    opacity: .75
}

.help4 .help4-control-tile.help4-hiddenedit.help4-notassigned .help4-caption:before {
    opacity: .75
}

.help4 .help4-control-tile.help4-hiddenedit.help4-active {
    background-color: #408600
}

.help4-whatsnew.help4 .help4-control-tile.help4-hiddenedit.help4-active {
    background-color: #d6682b
}

.help4 .help4-control-tile.help4-hiddenedit:hover,
.help4 .help4-control-tile.help4-hiddenedit.help4-active:hover {
    color: #fff;
    background-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-tile.help4-hiddenedit:hover,
.help4-whatsnew.help4 .help4-control-tile.help4-hiddenedit.help4-active:hover {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-tile.help4-hiddenedit:hover,
.help4-whatsnew.help4 .help4-control-tile.help4-hiddenedit.help4-active:hover {
    background-color: #e47438
}

@media screen and (max-width: 3840px) {
    .help4 .help4-control-tile.help4-asset {
        width: calc(20% - 24px)
    }
}

@media screen and (max-width: 2560px) {
    .help4 .help4-control-tile.help4-asset {
        width: calc(25% - 24px)
    }
}

@media screen and (max-width: 1920px) {
    .help4 .help4-control-tile.help4-asset {
        width: calc(33.3% - 24px)
    }
}

@media screen and (max-width: 1280px) {
    .help4 .help4-control-tile.help4-asset {
        width: calc(50% - 24px)
    }
}

@media screen and (max-width: 768px) {
    .help4 .help4-control-tile.help4-asset {
        width: calc(100% - 24px)
    }
}

.help4 .help4-show-desc .help4-control-tile .help4-desc {
    max-height: 80px;
    opacity: 1
}

.help4 .help4-control-searchfield {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, width .3s ease-out
}

.help4 .help4-control-searchfield.help4-close {
    width: 0;
    border-right: 1px solid transparent
}

.help4 .help4-control-searchfield.help4-close .help4-cnt {
    left: -100%;
    opacity: 0
}

.help4 .help4-control-searchfield.help4-close .help4-cnt * {
    display: none
}

.help4 .help4-control-searchfield.help4-error .help4-cnt .help4-clear,
.help4 .help4-control-searchfield.help4-active.help4-error .help4-cnt .help4-clear,
.help4 .help4-control-searchfield.help4-active .help4-cnt .help4-clear {
    opacity: 1
}

.help4 .help4-control-searchfield.help4-active .help4-cnt .help4-field {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00
}

.help4-whatsnew.help4 .help4-control-searchfield.help4-active .help4-cnt .help4-field {
    border-color: #e47438
}

.help4 .help4-control-searchfield.help4-error .help4-cnt .help4-field,
.help4 .help4-control-searchfield.help4-active.help4-error .help4-cnt .help4-field {
    color: #303030;
    background-color: #fff;
    border-color: #51aa00;
    border-color: #d32030
}

.help4-whatsnew.help4 .help4-control-searchfield.help4-error .help4-cnt .help4-field,
.help4-whatsnew.help4 .help4-control-searchfield.help4-active.help4-error .help4-cnt .help4-field {
    border-color: #e47438
}

.help4 .help4-control-searchfield .help4-cnt {
    position: relative;
    height: 32px;
    width: 100%;
    transition: width .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, left .3s ease-out
}

.help4 .help4-control-searchfield .help4-cnt .help4-label {
    display: none
}

.help4 .help4-control-searchfield .help4-cnt .help4-field {
    padding: 0 32px 0 6px;
    width: 100%
}

.help4 .help4-control-searchfield .help4-cnt .help4-clear {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    opacity: 0
}

.help4 .help4-control-searchfield .help4-cnt .help4-clear:hover,
.help4 .help4-control-searchfield .help4-cnt .help4-clear:hover .help4-icon,
.help4 .help4-control-searchfield .help4-cnt .help4-clear:focus,
.help4 .help4-control-searchfield .help4-cnt .help4-clear:focus .help4-icon {
    opacity: 1
}

.help4 .help4-control-lightbox {
    position: absolute;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5)
}

.help4 .help4-control-lightbox .help4-wrapper {
    position: absolute
}

.help4 .help4-control-lightbox .help4-content {
    width: calc(100% - 96px);
    height: calc(100% - 96px);
    display: block;
    padding: 0;
    margin: 48px;
    border: none;
    background: #303030;
    box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.75)
}

.help4 .help4-control-lightbox .help4-content img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.help4 .help4-control-lightbox .help4-content.help4-has-frame {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.help4 .help4-control-lightbox .help4-content .help4-frame {
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: top
}

.help4 .help4-control-lightbox .help4-header {
    height: 40px;
    margin: 26px 26px 0 0;
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    background-color: transparent
}

.help4 .help4-control-lightbox .help4-header .help4-wrapper-buttons {
    height: 28px;
    line-height: 28px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.33);
    border-radius: 14px;
    transform: translateX(24px)
}

.help4 .help4-control-lightbox .help4-header .help4-wrapper-buttons .help4-small {
    height: 28px;
    line-height: 1;
    margin: 0 8px 0 0;
    display: inline-block;
    vertical-align: top;
    outline-offset: 8px
}

.help4 .help4-control-lightbox .help4-header .help4-wrapper-buttons .help4-external {
    min-height: 28px;
    height: 28px;
    line-height: 26px;
    vertical-align: top;
    outline-offset: 8px
}

.help4 .help4-control-lightbox .help4-header .help4-wrapper-buttons .help4-external .help4-icon {
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-indent: 14px;
    border-radius: 14px;
    text-align: left;
    text-align: start
}

.help4 .help4-control-lightbox .help4-header .help4-exposed .help4-icon {
    border: 0
}

.help4 .help4-control-lightbox .help4-header .help4-exposed.help4-close {
    position: relative;
    z-index: 0
}

.help4 .help4-control-lightbox .help4-header .help4-exposed.help4-close .help4-icon {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.33)
}

.help4 .help4-control-lightbox .help4-header .help4-exposed:focus.help4-close,
.help4 .help4-control-lightbox .help4-header .help4-exposed:focus.help4-external {
    background-color: transparent
}

.help4 .help4-control-lightbox .help4-header .help4-exposed:hover {
    background-color: transparent
}

.help4 .help4-control-lightbox.help4-notagain .help4-wrapper-buttons {
    padding: 0 0 0 16px;
    background-color: #303030
}

.help4 .help4-control-lightbox.help4-explicit .help4-header,
.help4 .help4-control-lightbox.help4-explicit .help4-content {
    top: 50%;
    left: 50%;
    position: absolute;
    padding: 0;
    margin: 0;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.help4 .help4-control-lightbox.help4-explicit .help4-header {
    margin-left: 20px;
    text-align: right;
    text-align: end
}

.help4.help4-mobile .help4-control-lightbox {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.help4.help4-mobile .help4-control-lightbox .help4-header {
    margin: 26px 0 0 26px
}

.help4.help4-mobile .help4-control-lightbox.help4-full .help4-header {
    left: 0
}

body.help4-enforce-pointer-events *:not([class*='help4']),
.help4-enforce-pointer-events {
    pointer-events: all !important
}

.help4-enforce-inline-block {
    display: inline-block !important
}

.help4-control-capture {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000001;
    cursor: crosshair;
    box-sizing: content-box;
    -ms-high-contrast-adjust: none !important
}

.help4-control-capture.help4-hidden {
    display: none
}

.help4-control-captureinfo {
    width: 100%;
    height: 104px;
    padding: 4px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000001;
    font-size: 12px;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    color: rgba(255, 255, 255, 0.85);
    background-color: #303030;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.75);
    box-sizing: content-box;
    -ms-high-contrast-adjust: none !important;
    text-align: left;
    text-align: start;
    transition: transform .3s ease-out, opacity .3s ease-out, visibility .3s ease-out
}

.help4-control-captureinfo * {
    box-sizing: content-box
}

.help4-control-captureinfo.help4-hidden {
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

.help4-control-captureinfo .help4-left {
    width: 49%;
    float: left;
    overflow: hidden
}

.help4-control-captureinfo .help4-right {
    width: 49%;
    float: right;
    overflow: hidden
}

.help4-control-captureinfo .help4-thead {
    width: 160px;
    height: 13px;
    margin: 2px 16px 2px 8px;
    float: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.help4-control-captureinfo .help4-column-1 {
    width: calc(100% - 192px);
    margin: 2px 8px 2px 0;
    float: left;
    word-wrap: break-word;
    word-break: break-all
}

.help4-control-capturerect {
    position: fixed;
    z-index: 1000001;
    pointer-events: none;
    transform: translate(-3px, -3px);
    border: solid 3px #f1ab00;
    background-color: rgba(241, 171, 0, 0.15);
    box-sizing: content-box;
    -ms-high-contrast-adjust: none !important
}

.help4-control-capturerect * {
    box-sizing: content-box
}

.help4-control-capturerect .help4-mbox {
    position: absolute;
    margin-top: 2px;
    margin-left: -3px;
    padding: 4px 8px;
    line-height: 1.4;
    font-size: 12px;
    font-family: Arial, Helvetica, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif;
    background-color: #f1ab00;
    color: #fff;
    border-radius: 4px;
    white-space: nowrap
}

.help4-control-capturerect.help4-lang .help4-mbox:before,
.help4-control-capturerect.help4-other .help4-mbox:before {
    margin-right: 8px;
    content: 'W';
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    font-family: Help4IconFont, sans-serif;
    font-size: 16px
}

.help4-control-capturerect.help4-lang {
    border-color: #1b7eac;
    background-color: rgba(27, 126, 172, 0.15)
}

.help4-control-capturerect.help4-lang .help4-mbox {
    background-color: #1b7eac;
    color: #fff
}

.help4-control-capturerect.help4-lang .help4-mbox:before {
    content: '⚑'
}

.help4-control-capturerect.help4-good {
    border-color: #90b02c;
    background-color: rgba(144, 176, 44, 0.15)
}

.help4-control-capturerect.help4-good .help4-mbox {
    background-color: #90b02c;
    color: #fff
}

.help4-control-capturerect.help4-safe {
    border-color: #57954d;
    background-color: rgba(87, 149, 77, 0.15)
}

.help4-control-capturerect.help4-safe .help4-mbox {
    background-color: #57954d;
    color: #fff
}

.help4-control-capturerect.help4-hidden {
    display: none
}

.help4 .htmleditor {
    line-height: 0
}

.help4 .htmleditor .preview {
    margin: 1px 0;
    padding: 1 1px;
    border: 1 1px solid #303030;
    position: relative;
    overflow: auto;
    background-color: #303030;
    cursor: text
}

.help4 .htmleditor .editor-embedded {
    width: 100%;
    height: 236px;
    margin: 0;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
    overflow: auto;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 4px
}

.help4 .htmleditor .editor {
    margin: 1px 0;
    border: 1px solid #303030;
    border-width: 1px 0 1px 8px;
    overflow: auto;
    box-shadow: 0 0 16px -4px #000, 0 16px 16px -4px #000, 0 -16px 16px -4px #000
}

.help4 .help4-control-condition {
    margin-bottom: 12px
}

.help4 .help4-control-condition .help4-control-select {
    margin-right: 8px
}

.help4 .help4-control-condition .help4-control-select.help4-hidden {
    display: inline-block !important;
    visibility: hidden
}

.help4 .help4-control-condition .help4-control-select.help4-operator {
    width: 120px
}

.help4 .help4-control-condition .help4-control-select.help4-value,
.help4 .help4-control-condition .help4-control-select.help4-property {
    width: calc(50% - 88px)
}

.help4 .help4-control-condition .help4-delete {
    min-width: 32px;
    height: 32px;
    border-radius: 4px
}

.help4 .help4-control-condition .help4-delete:focus {
    outline: 1px dotted rgba(255, 255, 255, 0.85);
    text-shadow: none
}

.help4 .help4-control-condition .help4-delete:hover {
    color: #fff;
    border-color: #fff;
    background-color: #51aa00;
    text-shadow: none
}

.help4-whatsnew.help4 .help4-control-condition .help4-delete:hover {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-condition .help4-delete:hover {
    border-color: #fff
}

.help4-whatsnew.help4 .help4-control-condition .help4-delete:hover {
    background-color: #e47438
}

.help4 .help4-control-condition .help4-delete:hover .help4-icon,
.help4 .help4-control-condition .help4-delete:hover .help4-inner {
    color: #fff
}

.help4-whatsnew.help4 .help4-control-condition .help4-delete:hover .help4-icon,
.help4-whatsnew.help4 .help4-control-condition .help4-delete:hover .help4-inner {
    color: #fff
}

.help4 .help4-control-condition-separator .help4-caption {
    display: flex;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 8px !important
}

.help4 .help4-control-condition-separator .help4-caption:before,
.help4 .help4-control-condition-separator .help4-caption:after {
    content: '';
    display: inline-block;
    flex-grow: 1;
    margin: 8px 8px 8px 0;
    background: rgba(255, 255, 255, 0.33);
    height: 1px
}

.help4 .help4-control-condition-separator .help4-caption:after {
    margin: 8px 0 8px 8px
}

.help4.help4-rtl .help4-control-connectedhotspot.help4-control-numberedhotspot .help4-control-hotspot.help4-circle .help4-inner .help4-text {
    margin-left: -32px
}

.help4.help4-rtl .help4-control-hotspot:before {
    transform: translate(4px, -4px)
}

.help4.help4-rtl .help4-control-hotspot.help4-icon:before {
    transform: translate(5px, -4px)
}

.help4.help4-rtl .help4-control-hotspot.help4-rectangle:before,
.help4.help4-rtl .help4-control-hotspot.help4-underline:before {
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    transform: translate(6px, -6px)
}

.help4.help4-rtl .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4.help4-rtl .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    transform: scaleX(-1)
}

.help4.help4-rtl .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow {
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-hotspot.help4-underline {
    border-radius: 0 4px 4px 4px
}

.help4.help4-rtl .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    left: -1px;
    right: auto
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow,
.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    transform: scaleX(-1) scale(.75)
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-hotspot.help4-rectangle .help4-inner .help4-arrow {
    left: -2px;
    bottom: 0
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
    left: -2px;
    right: auto
}

.help4.help4-rtl .help4-control-bubble.help4-cover.help4-preview {
    box-shadow: inset 0 0 32px #000, inset 345.12px 0 32px rgba(0, 0, 0, 0.5)
}

.help4.help4-rtl .help4-control-bubble.help4-cover.help4-preview.help4-minimized {
    box-shadow: inset 0 0 32px #000, inset 76px 0 32px rgba(0, 0, 0, 0.5)
}

.help4.help4-rtl .help4-control-bubble.help4-fit-screen .help4-footer {
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-bubble .help4-header .help4-close {
    left: 6px;
    right: auto
}

.help4.help4-rtl .help4-control-bubble .help4-header .help4-caption {
    padding-left: 40px;
    padding-right: 16px
}

.help4.help4-rtl .help4-control-bubble .help4-footer .help4-prev {
    margin-right: -4px;
    padding-left: 12px;
    padding-right: 8px
}

.help4.help4-rtl .help4-control-bubble .help4-footer .help4-next {
    float: left;
    padding-right: 12px;
    padding-left: 8px
}

.help4.help4-rtl .help4-control-bubble .help4-footer .help4-exposed.help4-start {
    padding: 0 18px 0 3px
}

.help4.help4-rtl .help4-control-bubble .help4-footer .help4-exposed.help4-finish {
    float: left
}

.help4.help4-rtl .help4-control-bubble.help4-top .help4-arrow:after {
    transform: translateX(8px)
}

.help4.help4-rtl .help4-control-bubble.help4-left .help4-arrow:after {
    margin-left: 0;
    margin-right: -7px
}

.help4.help4-rtl .help4-control-bubble.help4-right .help4-arrow:after {
    margin-left: 0;
    margin-right: -9px
}

.help4.help4-rtl .help4-control-bubble.help4-bottom .help4-arrow:after {
    transform: translateX(8px)
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-end .help4-content {
    padding-right: 16px;
    padding-left: 12px
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-end .help4-footer .help4-finish {
    float: left
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-end .help4-footer .help4-next {
    padding: 0 24px 0 6px
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-start .help4-content {
    padding-right: 16px;
    padding-left: 12px
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-start .help4-footer .help4-next {
    padding: 0 24px 0 6px;
    float: none
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-tip .help4-content,
.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-info .help4-content,
.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-note .help4-content,
.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-important .help4-content {
    padding-left: 0;
    padding-right: 72px
}

.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-tip .help4-content:before,
.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-info .help4-content:before,
.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-note .help4-content:before,
.help4.help4-rtl .help4-control-bubble.help4-bubble-appear-important .help4-content:before {
    margin: 0 -56px 0 16px;
    float: right
}

.help4.help4-rtl .help4-control-bubble.help4-notitlebar .help4-header .help4-close {
    left: 12px;
    right: auto
}

.help4.help4-rtl .help4-control-bubble.help4-notitlebar .help4-content p:first-child:before {
    float: left
}

.help4.help4-rtl .help4-edit .help4-tourlist .help4-list .help4-item:before {
    margin-left: 12px;
    margin-right: 0
}

.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended {
    background: linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%)
}

.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:focus,
.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-focus {
    background: linear-gradient(90deg, #3e7907 0, #3e7907 1.5%, transparent 1.5%)
}

.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:hover,
.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:hover,
.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:focus,
.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active.help4-focus {
    background: linear-gradient(90deg, #408600 0, #408600 1.5%, #51aa00 1.5%)
}

.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active {
    background: linear-gradient(90deg, #3a6910 0, #3a6910 1.5%, #408600 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended {
    background: linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:focus,
.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-focus {
    background: linear-gradient(90deg, #bd602c 0, #bd602c 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended:hover,
.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:hover,
.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active:focus,
.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active.help4-focus {
    background: linear-gradient(90deg, #d6682b 0, #d6682b 1.5%, #e47438 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-edit .help4-control-bubble.help4-tourlist .help4-item.help4-extended.help4-active {
    background: linear-gradient(90deg, #9d552d 0, #9d552d 1.5%, #d6682b 1.5%)
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-bubble .help4-footer .help4-quit {
    float: right
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div {
    text-align: center
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .ol.steps .li.step.stepexpand>table tr td:last-child div:after {
    content: '<'
}

.help4.help4-rtl.help4-adapter-desktopAssistant .help4-control-bubble .help4-content .da-info {
    padding-left: 0;
    padding-right: 1.1em
}

.help4.help4-rtl .help4-control-dialog .help4-header .help4-caption {
    text-align: center
}

.help4.help4-rtl .help4-control-dialog .help4-content aside.help4-icon {
    float: right
}

.help4.help4-rtl .help4-control-dialog .help4-content .help4-tabbedpropsheet>.help4-control-container:last-of-type {
    padding-left: 4px;
    padding-right: 0
}

.help4.help4-rtl .help4-control-dialog .help4-footer {
    text-align: left;
    text-align: end
}

.help4.help4-rtl .help4-control-dialog .help4-footer .help4-control-button {
    margin-right: 12px;
    margin-left: 0
}

.help4.help4-rtl .help4-control-dialog .help4-footer .help4-control-button:first-child {
    margin-right: 0
}

.help4.help4-rtl .help4-control-dialog.help4-sendfeedback .help4-label {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-dialog.help4-edittile .help4-footer .help4-assign,
.help4.help4-rtl .help4-control-dialog.help4-edittile .help4-footer .help4-preview,
.help4.help4-rtl .help4-control-dialog.help4-learningapp .help4-footer .help4-community {
    float: right
}

.help4.help4-rtl .help4-control-dialog.help4-message .help4-content .help4-inner,
.help4.help4-rtl .help4-control-dialog.help4-nohelp .help4-content .help4-inner {
    float: left
}

.help4.help4-rtl .help4-control-dialog.help4-nohelp .help4-footer .help4-addhelp,
.help4.help4-rtl .help4-control-dialog.help4-nohelp .help4-footer .help4-addhelp_wn,
.help4.help4-rtl .help4-control-dialog.help4-nohelp .help4-footer .help4-reload {
    float: right
}

.help4.help4-rtl .help4-control-dialog.help4-update-notification .help4-footer {
    text-align: center
}

.help4.help4-rtl .help4-control-infobar {
    margin-right: -320px
}

.help4.help4-rtl .help4-control-infobar .help4-content {
    padding-left: 0;
    padding-right: 16px
}

.help4.help4-rtl .help4-control-infobar .help4-content .help4-icon {
    margin-left: 16px;
    margin-right: 0;
    float: right
}

.help4.help4-rtl .help4-control-infobar .help4-footer {
    padding-left: 8px;
    padding-right: 0;
    float: left
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer .help4-control-button .help4-inner {
    text-align: right;
    text-align: start;
    margin-left: 0;
    margin-right: 16px
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer .help4-control-button .help4-icon+.help4-inner {
    margin-left: 0;
    margin-right: 16px
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-tab .help4-tab .help4-inner,
.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-tab .help4-tab .help4-icon:empty+.help4-inner {
    margin: 0 8px 4px 8px
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button {
    border-right: 1px solid rgba(255, 255, 255, 0.33);
    border-left: 0
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:first-child {
    border-radius: 0 4px 4px 0
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:last-child {
    border-left: 1px solid rgba(255, 255, 255, 0.33);
    border-radius: 4px 0 0 4px
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button {
    border-left-color: #fff;
    border-right-color: #fff
}

.help4-whatsnew.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button {
    border-left-color: #fff
}

.help4-whatsnew.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button {
    border-right-color: #fff
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button:hover:not(.help4-disabled)+.help4-control-button:last-child {
    border-right: 1px solid;
    border-left-color: rgba(255, 255, 255, 0.33) !important
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active {
    border-color: #fff !important
}

.help4-whatsnew.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active {
    border-color: #fff !important
}

.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active+.help4-control-button {
    border-left-color: rgba(255, 255, 255, 0.33) !important;
    border-right-color: #fff !important
}

.help4-whatsnew.help4.help4-rtl .help4-control-container.help4-optioncontainer.help4-iconSwitch .help4-control-button.help4-active+.help4-control-button {
    border-right-color: #fff !important
}

.help4.help4-rtl .help4-control-container.help4-tilecontainer>*:before {
    float: right
}

.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-toggle {
    margin-left: 0;
    margin-right: 152px
}

.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-label {
    margin-right: 0;
    margin-left: 16px;
    text-align: left;
    text-align: end
}

.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-text .help4-label,
.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-pageUrl .help4-label,
.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorRule .help4-label,
.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper.help4-pswrpid-anchorValue .help4-label {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-container.help4-propsheetcontainer .help4-property-wrapper .help4-psctlid-lightboxSizing .help4-control-button .help4-icon {
    transform: scaleX(-1)
}

.help4.help4-rtl .help4-control-container.help4-toolbarcontainer .help4-group {
    margin-right: 0;
    margin-left: 8px
}

.help4.help4-rtl .help4-control-container.help4-toolbarcontainer .help4-group:last-child {
    margin: 0
}

.help4.help4-rtl .help4-control-container.help4-toolbarcontainer .help4-icon {
    margin-right: 0;
    margin-left: 2px
}

.help4.help4-rtl .help4-control-container.help4-toolbarcontainer.help4-htmlcontainer .help4-icon {
    margin-right: 0;
    margin-left: 1px
}

.help4.help4-rtl .help4-control-container.help4-conditioncontainer .help4-button-wrapper .help4-button-or {
    margin-left: 0;
    margin-right: 12px
}

.help4.help4-rtl .help4-control-container.help4-collapsible .help4-control-button.help4-collapsible .help4-icon {
    transform: rotate(90deg)
}

.help4.help4-rtl .help4-control-container.help4-collapsible.help4-open .help4-control-button.help4-collapsible .help4-icon {
    transform: rotate(0deg)
}

.help4.help4-rtl.help4-learningapp-body .help4-control-bubble.help4-select.help4-size-xs {
    left: 20px !important;
    right: auto !important
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-label {
    margin-left: 12px;
    margin-right: 0
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit+button,
.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit+button,
.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category+button,
.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category+button {
    margin-right: 16px;
    margin-left: 0
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-edit .help4-inner,
.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-edit .help4-inner,
.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-options .help4-category .help4-inner,
.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-categories .help4-category .help4-inner {
    margin-left: 0;
    margin-right: 30px
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter {
    float: left;
    text-align: left
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter>* {
    text-align: right
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter .help4-control-searchfield {
    margin-left: 32px;
    margin-right: 0
}

.help4.help4-rtl .help4-control-container.help4-learningappcontainer>.help4-header .help4-filter .help4-control-bubble {
    left: 20px;
    right: auto
}

@media screen and (max-width: 768px) {
    .help4.help4-rtl .help4-control-container.help4-learningappcontainer .help4-header .help4-filter {
        left: 20px;
        right: auto
    }

    .help4.help4-rtl .help4-control-container.help4-learningappcontainer .help4-header .help4-filter .help4-control-bubble {
        left: 0;
        right: auto
    }
}

.help4.help4-rtl .help4-control-button {
    text-align: center
}

.help4.help4-rtl .help4-control-button .help4-inner+.help4-icon,
.help4.help4-rtl .help4-control-button .help4-icon+.help4-inner,
.help4.help4-rtl .help4-control-button .help4-inner+.help4-image,
.help4.help4-rtl .help4-control-button .help4-image+.help4-inner {
    margin-left: 0;
    margin-right: 8px
}

.help4.help4-rtl .help4-control-button .help4-inner {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-button.help4-bubble .help4-inner+.help4-icon,
.help4.help4-rtl .help4-control-button.help4-bubble .help4-icon+.help4-inner {
    margin-left: 0;
    margin-right: 4px
}

.help4.help4-rtl .help4-control-button.help4-exposed.help4-start .help4-icon {
    margin: 0
}

.help4.help4-rtl .help4-control-button.help4-link {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-button.help4-collapsible {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-button.help4-tab .help4-icon {
    margin-left: 0;
    margin-right: 8px
}

.help4.help4-rtl .help4-control-button.help4-tab .help4-inner,
.help4.help4-rtl .help4-control-button.help4-tab .help4-icon:empty+.help4-inner {
    margin: 0 8px 4px 8px
}

.help4.help4-rtl .help4-control-button.help4-tab .help4-icon+.help4-inner {
    margin-left: 0;
    margin-right: 6px
}

.help4.help4-rtl .help4-control-button.help4-tab:first-child {
    margin-left: 2px;
    margin-right: 0
}

.help4.help4-rtl .help4-control-button.help4-tab:last-child {
    margin-left: 0;
    margin-right: 2px
}

.help4.help4-rtl .help4-control-input.help4-number .help4-field {
    padding-right: 6px;
    padding-left: 64px
}

.help4.help4-rtl .help4-control-input.help4-number .help4-inner {
    float: left
}

.help4.help4-rtl .help4-control-input.help4-size .help4-label.help4-icon {
    transform: translateX(-2px)
}

.help4.help4-rtl .help4-control-input.help4-size .help4-control-input .help4-field {
    padding-left: 0;
    padding-right: 32px
}

.help4.help4-rtl .help4-control-input.help4-size .help4-number {
    margin-left: 8px;
    margin-right: 0
}

.help4.help4-rtl .help4-control-input.help4-conditional-input-button .help4-control-button {
    margin-left: 0;
    margin-right: 8px
}

.help4.help4-rtl .help4-control-select .help4-field {
    padding-right: 6px;
    padding-left: 2px
}

.help4.help4-rtl .help4-control-select .help4-field .help4-inner {
    float: right
}

.help4.help4-rtl .help4-control-select .help4-field>.help4-icon {
    float: right
}

.help4.help4-rtl .help4-control-select .help4-field .help4-carret {
    float: left
}

.help4.help4-rtl .help4-control-select.help4-psctlid-hotspotIconType .help4-field>.help4-icon {
    transform: translate(4px, 3px) scale(.75)
}

.help4.help4-rtl .help4-control-slider .help4-output {
    transform: translate(50%, -32px);
    -webkit-transform: translate(50%, -32px)
}

.help4.help4-rtl .help4-control-slider .help4-output.help4-start {
    transform: translate(0, -32px) translate(8px, 0)
}

.help4.help4-rtl .help4-control-slider .help4-output.help4-end {
    transform: translate(100%, -32px) translate(-8px, 0)
}

.help4.help4-rtl .help4-control-slider .help4-slider::-ms-thumb {
    margin-left: 2px !important
}

.help4.help4-rtl .help4-control-carousel {
    box-shadow: 8px 12px 12px 0 rgba(0, 0, 0, 0.33);
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-carousel .help4-wrapper-content {
    right: 0;
    left: auto
}

.help4.help4-rtl .help4-control-carousel .help4-wrapper-content .help4-wrapper-head .help4-head {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-carousel .help4-wrapper-toolbar {
    border: 0;
    border-right: 1px solid #202020;
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab {
    margin: 0 0 4px 0
}

.help4.help4-rtl .help4-control-carousel .help4-wrapper-toolbar .help4-tabs .help4-tab:before {
    border-radius: 4px 0 0 4px;
    float: right
}

.help4.help4-rtl .help4-control-carousel .help4-wrapper-toolbar .help4-wrapper-functions .help4-min {
    transform: rotate(90deg)
}

.help4.help4-rtl .help4-control-carousel.help4-hidden {
    transform: translateX(-368px)
}

.help4.help4-rtl .help4-control-carousel.help4-minimized {
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-carousel.help4-minimized .help4-wrapper-toolbar {
    right: -1px;
    left: auto
}

.help4.help4-rtl .help4-control-carousel.help4-minimized .help4-wrapper-toolbar .help4-wrapper-functions .help4-min {
    transform: rotate(-90deg)
}

.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended {
    background: linear-gradient(270deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(270deg, #3a6910 0, #3a6910 1.5%, transparent 1.5%)
}

.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:focus,
.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-focus {
    background: linear-gradient(270deg, #3e7907 0, #3e7907 1.5%, transparent 1.5%)
}

.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:hover,
.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:hover,
.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:focus,
.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active.help4-focus {
    background: linear-gradient(270deg, #408600 0, #408600 1.5%, #51aa00 1.5%)
}

.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active {
    background: linear-gradient(270deg, #3a6910 0, #3a6910 1.5%, #408600 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended {
    background: linear-gradient(270deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%);
    transition: color .3s ease-out, background .3s ease-out, opacity .3s ease-out, visibility .3s ease-out, box-shadow .3s ease-out
}

.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:focus,
.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-focus {
    background: linear-gradient(270deg, #bd602c 0, #bd602c 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-hiddenedit {
    background: rgba(32, 32, 32, 0.5) linear-gradient(270deg, #9d552d 0, #9d552d 1.5%, transparent 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended:hover,
.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:hover,
.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active:focus,
.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active.help4-focus {
    background: linear-gradient(270deg, #d6682b 0, #d6682b 1.5%, #e47438 1.5%)
}

.help4-whatsnew.help4.help4-rtl .help4-control-editcarousel .help4-wrapper-content .help4-content .help4-tilecontainer .help4-control-tile.help4-extended.help4-active {
    background: linear-gradient(270deg, #9d552d 0, #9d552d 1.5%, #d6682b 1.5%)
}

.help4.help4-rtl .help4-control-tile.help4-help .help4-caption:before,
.help4.help4-rtl .help4-control-tile.help4-helpedit .help4-caption:before,
.help4.help4-rtl .help4-control-tile.help4-linkedit .help4-caption:before,
.help4.help4-rtl .help4-control-tile.help4-touredit .help4-caption:before,
.help4.help4-rtl .help4-control-tile.help4-projecttour .help4-caption:before,
.help4.help4-rtl .help4-control-tile.help4-learningapp .help4-caption:before {
    margin-right: 0;
    margin-left: 8px;
    float: right
}

.help4.help4-rtl .help4-control-tile.help4-projecttour[data-help4-state] .help4-header:before {
    transform: translate(-16px, 14px)
}

.help4.help4-rtl .help4-control-tile.help4-learningapp .help4-edit,
.help4.help4-rtl .help4-control-tile.help4-learningapp .help4-feedback {
    margin-left: 0;
    margin-right: calc(100% - 36px)
}

.help4.help4-rtl .help4-control-tile.help4-asset {
    padding: 12px;
    border-left: 0;
    border-right-width: 4px;
    border-right-style: solid;
    text-align: left
}

.help4.help4-rtl .help4-control-tile.help4-asset .help4-wrapper {
    text-align: right;
    float: right
}

.help4.help4-rtl .help4-control-tile.help4-asset .help4-wrapper:before {
    margin-left: 12px;
    margin-right: 0;
    float: right
}

.help4.help4-rtl .help4-control-tile.help4-helpedit .help4-order,
.help4.help4-rtl .help4-control-tile.help4-linkedit .help4-order,
.help4.help4-rtl .help4-control-tile.help4-touredit .help4-order {
    padding-left: 12px;
    padding-right: 0
}

.help4.help4-rtl .help4-control-searchfield.help4-close {
    border-right: 0;
    border-left: 1px solid transparent
}

.help4.help4-rtl .help4-control-searchfield.help4-close .help4-cnt {
    right: -100%
}

.help4.help4-rtl .help4-control-searchfield .help4-cnt .help4-field {
    padding-left: 32px;
    padding-right: 6px
}

.help4.help4-rtl .help4-control-searchfield .help4-cnt .help4-clear {
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-lightbox .help4-header {
    margin: 26px 0 0 26px;
    left: 0;
    right: auto
}

.help4.help4-rtl .help4-control-lightbox .help4-header .help4-wrapper-buttons {
    transform: translateX(-24px)
}

.help4.help4-rtl .help4-control-lightbox .help4-header .help4-wrapper-buttons .help4-small {
    margin: 0 0 0 8px
}

.help4.help4-rtl .help4-control-lightbox .help4-header .help4-wrapper-buttons .help4-external .help4-icon {
    text-align: right;
    text-align: start
}

.help4.help4-rtl .help4-control-lightbox.help4-notagain .help4-wrapper-buttons {
    padding: 0 16px 0 0
}

.help4.help4-rtl .help4-control-lightbox.help4-explicit .help4-content {
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.help4.help4-rtl .help4-control-lightbox.help4-explicit .help4-header {
    top: 50%;
    left: 50%;
    position: absolute;
    padding: 0;
    margin-left: -20px;
    text-align: left;
    text-align: end
}

.help4-control-capturerect.help4-rtl {
    direction: rtl;
    text-align: right;
    text-align: start
}

.help4-control-capturerect.help4-rtl.help4-lang .help4-mbox:before,
.help4-control-capturerect.help4-rtl.help4-other .help4-mbox:before {
    margin-right: 0;
    margin-left: 8px
}

.help4-control-captureinfo.help4-rtl {
    text-align: right;
    text-align: start
}

.help4-control-captureinfo.help4-rtl .help4-left {
    float: right
}

.help4-control-captureinfo.help4-rtl .help4-right {
    float: left
}

.help4-control-captureinfo.help4-rtl .help4-thead,
.help4-control-captureinfo.help4-rtl .help4-column-1 {
    float: right;
    text-align: right
}

.help4.help4-rtl .help4-control-condition .help4-control-select {
    margin-left: 8px;
    margin-right: 0
}

.help4.help4-rtl .help4-control-condition-separator .help4-caption:before {
    margin: 8px 0 8px 8px
}

.help4.help4-rtl .help4-control-condition-separator .help4-caption:after {
    margin: 8px 8px 8px 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .help4 * {
        -ms-high-contrast-adjust: none !important
    }

    .help4 button * {
        position: relative
    }

    .help4 .help4-control-bubble {
        transition: opacity .3s ease-out
    }

    .help4 .help4-control-bubble.help4-addlist .help4-item,
    .help4 .help4-control-bubble.help4-tourlist .help4-item,
    .help4 .help4-control-bubble.help4-editlist .help4-item {
        transform: scaleX(.99)
    }

    .help4 .help4-control-bubble.help4-addlist .help4-item:first-child,
    .help4 .help4-control-bubble.help4-tourlist .help4-item:first-child,
    .help4 .help4-control-bubble.help4-editlist .help4-item:first-child {
        margin-top: 1px
    }

    .help4 .help4-control-bubble.help4-addlist .help4-item:last-child,
    .help4 .help4-control-bubble.help4-tourlist .help4-item:last-child,
    .help4 .help4-control-bubble.help4-editlist .help4-item:last-child {
        margin-bottom: 1px
    }

    .help4 .help4-control-button.help4-option.help4-link {
        transform: scaleX(.99)
    }

    .help4 .help4-control-button.help4-option.help4-link:first-child {
        margin-top: 1px
    }

    .help4 .help4-control-button.help4-option.help4-link:last-child {
        margin-bottom: 1px
    }

    .help4 .help4-control-button.help4-plus,
    .help4 .help4-control-button.help4-minus {
        margin: 2px;
        height: 28px;
        width: 28px;
        line-height: 28px
    }

    .help4 .help4-control-button.help4-plus .help4-icon,
    .help4 .help4-control-button.help4-minus .help4-icon,
    .help4 .help4-control-button.help4-plus .help4-inner,
    .help4 .help4-control-button.help4-minus .help4-inner {
        line-height: 28px
    }

    .help4 textarea {
        overflow: auto !important
    }

    .help4 .help4-control-container.help4-propsheetcontainer .help4-property-wrapper {
        overflow: visible
    }

    .help4 .help4-control-carousel {
        transition: none
    }

    .help4 .help4-control-dialog.help4-edittile {
        transition: transform .3s ease-out, visibility .3s ease-out, top .3s ease-out, left .3s ease-out, bottom .3s ease-out, right .3s ease-out
    }

    .help4 *::-ms-backdrop,
    .help4 .help4-control-tile:after {
        display: none
    }

    .help4 .help4-control-tile.help4-special.help4-globalhelp .help4-desc {
        height: 17px;
        margin: -1px 0 0 0
    }

    .help4 .help4-control-hotspot.help4-icon.help4-size-xs .help4-inner {
        line-height: 19px
    }

    .help4 .help4-control-hotspot.help4-rectangle .help4-svg {
        border-radius: 0
    }

    .help4.help4-adapter-desktopAssistant .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
        bottom: -2px
    }
}

@supports (-ms-ime-align:auto) {
    .help4 .help4-control-carousel.help4-vertical .help4-indicator {
        position: fixed
    }

    .help4 .help4-control-tile.help4-special.help4-globalhelp .help4-desc {
        height: 17px;
        margin: -1px 0 0 0
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .help4.help4-rtl * {
        -ms-high-contrast-adjust: none !important
    }

    .help4.help4-rtl .help4-control-lightbox.help4-explicit .help4-content {
        right: 50%
    }

    .help4.help4-rtl .help4-control-hotspot.help4-underline .help4-inner .help4-arrow {
        left: 0
    }
}