/** CSS styles for the project mode container (project menu + edit mode toggle) */
.wpToolbarProjectModeContainer {
    line-height: 1.5em;
    display: inline-block;
    padding: 0px;
}
.wpToolbarProjectModeContainer > div {
    float: left;
    display: block;
    padding: 4px 12px;
}

/* CSS styles for edit mode switch */
.wpPageModeLabel {
    float: left;
    padding-right: 7px;
    cursor: text;
    color: #fff;
    font-size: 12px;
    font-family: "Helvetica Neue";
}
.wpPageModeToggle {
    /* min-width: 64px;
    line-height: 1.35em;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    color: #FEFEFE;
    cursor: pointer;
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 1px;
    box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #262626;
    -webkit-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #262626;
    -moz-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #262626;
    background: linear-gradient(to top, #454545 0%, #8b8b8b 100%);
    background: -o-linear-gradient(to top, #454545 0%, #8b8b8b 100%);
    background: -moz-linear-gradient(to top, #454545 0%, #8b8b8b 100%);
    background: -webkit-linear-gradient(to top, #454545 0%, #8b8b8b 100%);
    background: -ms-linear-gradient(to top, #454545 0%, #8b8b8b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #454545), color-stop(1.0, #8b8b8b));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#8b8b8b');
    background-color: #454545; */
}
.wpPageModeToggle .off,
.wpPageModeToggle .on,
.wpPageModeToggle .knob {
    white-space: nowrap;
    overflow: hidden;
}
.wpPageModeToggle .off {
    padding-right: 6px;
    text-shadow: 0 0 2px rgba(0,0,0,1);
    text-align: right;
}
.a11yHighContrast .wpPageModeToggle.disabled .off,
.a11yHighContrast .wpPageModeToggle.disabled .on,
.lotusImagesOff .wpPageModeToggle.disabled .off,
.lotusImagesOff .wpPageModeToggle.disabled .on,
.wpThemeImagesOff .wpPageModeToggle.disabled .off,
.wpThemeImagesOff .wpPageModeToggle.disabled .on {
    font-style: italic;
}
.wpPageModeToggle .on span {
    padding-left: 6px;
    text-overflow: ellipsis;
}
.wpPageModeToggle .on {
    position: absolute;
    top: 1px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: inset 0px 1px 3px #262626;
    -webkit-box-shadow: inset 0px 1px 3px #262626;
    -moz-box-shadow: inset 0px 1px 3px #262626;
    background: linear-gradient(to top, #3079af 0%, #4993c9 100%);
    background: -o-linear-gradient(to top, #3079af 0%, #4993c9 100%);
    background: -moz-linear-gradient(to top, #3079af 0%, #4993c9 100%);
    background: -webkit-linear-gradient(to top, #3079af 0%, #4993c9 100%);
    background: -ms-linear-gradient(to top, #3079af 0%, #4993c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #3079af), color-stop(1.0, #4993c9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3079af', endColorstr='#4993c9');
    background-color: #3079af;
    margin: -1px;
    padding: 1px;
    width: 100%;
}
.lotusui_ie8 .wpPageModeToggle .disabled,
.lotusui_ie9 .wpPageModeToggle .disabled,
.lotusui_ie8 .wpPageModeToggle .on,
.lotusui_ie9 .wpPageModeToggle .on {
    margin: 0;
    padding: 0;
}
.wpPageModeToggle .disabled {
    display: none;
    color: #000;
    position: absolute;
    cursor: default;
    top: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: rgba(240, 240, 240, 0.5);
    margin: -1px;
    padding: 1px;
    width: 100%;
}
.a11yHighContrast .wpPageModeToggle .disabled,
.lotusImagesOff .wpPageModeToggle .disabled,
.wpThemeImagesOff .wpPageModeToggle .disabled {
    background-color: rgba(240, 240, 240, 0);
}
.wpPageModeToggle.disabled .disabled {
    display: block;
}
.wpPageModeToggle .filler {
    display: inline-block;
    width: 28px;
}
.wpPageModeToggle .knob a {
    width: 22px;
    border: 1px solid #666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: block;
    background-color: #eaeaea;
    background: linear-gradient(to top, #eaeaea 0%, #b5b5b5 100%);
    background: -o-linear-gradient(to top, #eaeaea 0%, #b5b5b5 100%);
    background: -moz-linear-gradient(to top, #eaeaea 0%, #b5b5b5 100%);
    background: -webkit-linear-gradient(to top, #eaeaea 0%, #b5b5b5 100%);
    background: -ms-linear-gradient(to top, #eaeaea 0%, #b5b5b5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #b5b5b5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#eaeaea');
    box-shadow: inset 0px 0px 2px #d9d9d9;
    -webkit-box-shadow: inset 0px 0px 2px #d9d9d9;
    -moz-box-shadow: inset 0px 0px 2px #d9d9d9;
    text-decoration: none;
}
.wpPageModeToggle .knob {
    position: absolute;
    top: 0px;
    bottom: 0px;
}
.wpPageModeToggle .knob span {
    color: #000;
    background-color: #eaeaea;
}
.wpPageModeToggle.valueon .knob {
    right: 0px;
}
.wpPageModeToggle.valueon .on {
    left: 1px;
}
.wpPageModeToggle.valueoff .knob {
    left: 0px;
}
.wpPageModeToggle.valueoff .on {
    left: -100%;
}
/* defect #93231 HCM should be OneUI independent */
.a11yHighContrast .wpPageModeToggle,
.wpthemeImagesOff .wpPageModeToggle,
.lotusImagesOff .wpPageModeToggle {
    border: 1px solid #C4C4C4;
}

/* General CSS style definitions for action bar */
.wpthemeComplementaryContent #actionBar {
    display: none;
}
.wpToolbarActionBar {
    position: relative;
    height: 3em;
    line-height: 3em;
    min-height: 36px;
    max-height: 48px;
    z-index: 1000;
}
#wpToolbarActionBarBackground{
    background-color: #262626;
    background: #262626;
}
.wpToolbarActionBar > ul,
.wpToolbarActionBar > ul > li,
.wpToolbarActionBar > ul > li > div,
.wpToolbarActionBar > ul > li > div > a,
.wpToolbarProjectModeContainer > div,
.wpToolbarMoreMenuContainer > div,
.wpToolbarMoreMenuContainer > div > a {
    height: 100%;
    box-sizing: border-box;
}
.wpToolbarActionBar > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.wpToolbarActionBar .wpToolbarActionArea,
.wpToolbarActionBar .wpToolbarToggleLink,
.wpToolbarActionBar .wpToolbarToggle {
    float: left;
}
.wpToolbarActionBar .wpToolbarToggleLink a {
    min-width: 36px;
    padding: 0px;
    border-radius: 50%;
}
#wpToolbarToggle.selected a{
    border-radius:0;
} 
.wpToolbarSites, .wpToolbarApplications, .wpToolbarMoreMenu, .infoModeToggle, .wpToolbarAdministration {
    padding: 0 6px 0 6px;
}
#wpToolbarSitesNavMenu:hover, #wpToolbarApplicationsNavMenu:hover, #wpToolbarMoreMenu:hover, #wpHelpArticleLink:hover, #wpToolbarAdministrationNavMenu:hover, #wpInfoModeToggleLink:hover, #wpToolbarToggle:not(.selected):hover a,
#wpToolbarSitesNavMenu:focus, #wpToolbarApplicationsNavMenu:focus, #wpToolbarMoreMenu:focus, #wpHelpArticleLink:focus, #wpToolbarAdministrationNavMenu:focus, #wpInfoModeToggleLink:focus, #wpToolbarToggle:not(.selected):focus a{
    background-color: #555;
    background-clip: content-box;
    margin: 3px;
}
#wpToolbarSitesNavMenu, #wpToolbarApplicationsNavMenu, #wpToolbarMoreMenu, #wpHelpArticleLink, #wpToolbarAdministrationNavMenu, #wpInfoModeToggleLink, #wpToolbarToggle:not(.selected) a {
    min-width: 0px;
    width: 30px;
    height: 30px;
    margin: 3px;
}
.wpToolbarActionBar .toolbarToggle {
    visibility: visible;
}
.wpToolbarActionBar .toolbarToggle .disabled {
    visibility: hidden;
}
#wpToolbarToggle {
    padding: 0 9px 0 9px;
}
#wpToolbarToggle.selected {
    background-color: #fafafa;
}
.a11yHighContrast .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a,
.wpthemeImagesOff .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a,
.lotusImagesOff .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a {
    width: 100px;
}
.wpToolbarActionBar .wpToolbarActionArea.modeToggle {
    padding: 6px 6px 4px;
}
.wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle > a{
    cursor: default;
    padding: 0px 11px;
}
.wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle.selected  > a{
    border: 1px solid #adadad;
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 0px 4px rgba(0, 0, 0, 0.1);
    background: linear-gradient(to top, #D1D1D1 10%, #DBDBDB 90%);
    background: -o-linear-gradient(to top, #D1D1D1 10%, #DBDBDB 90%);
    background: -moz-linear-gradient(to top, #D1D1D1 10%, #DBDBDB 90%);
    background: -webkit-linear-gradient(to top, #D1D1D1 10%, #DBDBDB 90%);
    background: -ms-linear-gradient(to top, #D1D1D1 10%, #DBDBDB 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #D1D1D1), color-stop(0.9, #DBDBDB));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#D1D1D1');
}
.a11yHighContrast .wpToolbarActionBar img {
    display: none;
}
.a11yHighContrast .wpToolbarActionBar .wpToolbarMenu .wpToolbarAltText,
.a11yHighContrast .wpToolbarActionBar .selected .wpToolbarImagesOff.on,
.wpthemeImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.on,
.lotusImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.on,
.a11yHighContrast .wpToolbarActionBar .wpToolbarImagesOff.off,
.wpthemeImagesOff .wpToolbarActionBar .wpToolbarImagesOff.off,
.lotusImagesOff .wpToolbarActionBar .wpToolbarImagesOff.off {
    display: inline;
}
.a11yHighContrast .wpToolbarActionBar .wpToolbarImagesOff.on,
.wpthemeImagesOff .wpToolbarActionBar .wpToolbarImagesOff.on,
.lotusImagesOff .wpToolbarActionBar .wpToolbarImagesOff.on,
.a11yHighContrast .wpToolbarActionBar .selected .wpToolbarImagesOff.off,
.wpthemeImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.off,
.lotusImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.off {
    display: none;
}
.wpToolbarLeft {
    float: left;
}
.wpToolbarRight {
    float: right;
}
.wpToolbarToggle .wpthemeMenu {
    z-index: 5000;
}
/** Login link */
.wpToolbarActionBar .wpToolbarLoginContainer {
    width: 100%;
    position: absolute;
    z-index: 5000;
}
.wpToolbarActionBar .wpToolbarLogin {
    position: absolute;
    left: 50%;
    z-index: 5000;
}
.wpToolbarActionBar .wpToolbarLogin > div {
    position: relative;
    left: -50%;
    height: 20px;
}
.wpToolbarActionBar .wpToolbarLogin a,
.wpToolbarActionBar .wpToolbarLogin a:visited,
.wpToolbarActionBar .wpToolbarLogin a:hover,
.wpToolbarActionBar .wpToolbarLogin a:active,
.wpToolbarActionBar .wpToolbarLogin a:focus,
.wpToolbarActionBar .wpToolbarLogin a:link {
    color: #fff;
    font-family: "Helvetica Neue";
}

/* DXQ-1988 update */
.typeMenuitem.wpthemeSelected.typeMenuitem.wpthemeSelected,
.typeMenuitem.wpthemeSelected:hover.typeMenuitem.wpthemeSelected:hover {
    background-color: #0066b3;
    color: #ffffff;
}
.wpToolbarToggle .wpthemeMenuBorder .wpthemeMenuDropDown li {
    text-align: left;
}
.wpToolbarActionBar .wpToolbarLogo {
    position: relative;
    width: 60px;
    margin-left: 15px;
    margin-right: 15px;
}
:-moz-focusring {
    outline: 2px dotted white;
}
.wpToolbarActionBar .wpToolbarLogo img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: baseline;
}
.wpToolbarLogo a {
    line-height: 3em;
}
.selected .wpToolbarActionBarImages-Toolbar,
.wpToolbarActionBarImages-ToolbarSelected,
.selected .wpToolbarActionBarImages-InfoMode,
:hover > .wpToolbarActionBarImages-InfoMode,
.wpToolbarActionBarImages-InfoModeSelected,
.wpToolbarActionBarImages-InfoModeHover,
.selected:hover .wpToolbarActionBarImages-InfoModeHover,
.selected .wpToolbarActionBarImages-Sites,
:hover > .wpToolbarActionBarImages-Sites,
.wpToolbarActionBarImages-SitesSelected,
.selected .wpToolbarActionBarImages-Applications,
:hover > .wpToolbarActionBarImages-Applications,
.wpToolbarActionBarImages-ApplicationsSelected,
.selected .wpToolbarActionBarImages-Administration,
:hover > .wpToolbarActionBarImages-Administration,
.wpToolbarActionBarImages-AdministrationSelected,
.wpToolbarActionBarImages-DashboardHover,
:hover > .wpToolbarActionBarImages-Dashboard {
    display: none;
}
.selected .wpToolbarActionBarImages-ToolbarSelected,
.selected .wpToolbarActionBarImages-InfoModeSelected,
:hover > .wpToolbarActionBarImages-SitesSelected,
:hover > .wpToolbarActionBarImages-ApplicationsSelected,
:hover > .wpToolbarActionBarImages-AdministrationSelected,
.selected .wpToolbarActionBarImages-SitesSelected,
.selected .wpToolbarActionBarImages-ApplicationsSelected,
.selected .wpToolbarActionBarImages-AdministrationSelected,
:hover > .wpToolbarActionBarImages-InfoModeHover,
:hover > .wpToolbarActionBarImages-DashboardHover {
    display: inline-block;
}
@media (max-width: 979px) {
    .wpToolbarActionBar .wpToolbarLogo {
        display: none;
    }
}
/*
 * If the screen is smaller than 768 pixels,
 * we want to hide the controls to open the toolbar.
 */
@media (max-width: 767px) {
    .wpToolbarActionBar .toolbarToggle,
    .wpToolbarActionBar .infoModeToggle,
    .wpToolbarActionBar .contextSensitiveHelp,
    .wpToolbarActionBar .wpPageModeToggleContainer {
        display: none;
    }
}
/*
 * If the screen is smaller than 480 pixels,
 * we only want to display the navigation controls.
 */
@media (max-width: 479px) {
    .wpToolbarActionBar .wpToolbarPreviewMenu,
    .wpToolbarActionBar .wpToolbarMoreMenu {
        display: none;
    }
}
/*
 * Draft ribbon overrides
 */
body.toolbar-closed .wpthemeDraftRibbonLeft,
body.toolbar-closed .wpthemeDraftRibbonRight {
    top: calc(3em + 1px);
}
/*
 * Hide the Create Page link on the No Content Available screen.
 */
#ibm\.portal\.home\.createpage,
#ibm\.portal\.home\.createpage + br  {
    display: none;
}
/*
 * Show the Create Page link on the No Content Available screen for edit mode.
 */
.edit-mode #ibm\.portal\.home\.createpage,
.edit-mode #ibm\.portal\.home\.createpage + br {
    display: inline-block;
}

/* ENCHANTED UI */
/* DIALOG ROOT */

.wpHelpCenterBackdrop-root  {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    position: fixed;
    touch-action: none;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    
}


/* DIALOG CONTAINER */
.wpHelpCenterDialog-container {
    /* height: 100%; */
    /* outline: none; */
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 1;
}

.wpHelpCenterDialog-root {
    display: none;
}

.wpHelpCenterDialog-scrollPaper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* DIALOG */
.wpHelpCenterDialog-paperWidthSm {
    max-width: 100%;
    min-width: 55%;
}

.wpHelpCenterDialog-paperScrollPaper {
    display: flex;
    max-height: 100%;
    flex-direction: column;
}

.wpHelpCenterDialog-paper {
    margin: 48px;
    position: relative;
    overflow-y: auto;
}

.wpHelpCenterPaper-elevation24 {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px
    rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.wpHelpCenterPaper-rounded {
    border-radius: 2px;
}

.wpHelpCenterPaper-root {
    color: #001423; 
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
}

/* MODAL TITLE */
.wpHelpCenterDialogTitle-title {
    margin: 0;
    padding: 16px;
    border-bottom: 1px solid #C6C6C6;
}

.wpHelpCenterDialogTitle-root {
    flex: 0 0 auto;
    margin: 0;
    padding: 8px 8px;
    line-height: 1.5em;
}

/* CLOSE BUTTON */
.wpHelpCenterIconButton-root:hover {
    background-color: rgba(113, 113, 113, 0.1);
}

.wpHelpCenterIconButton-button {
    top: 8px;
    color: #8D8D8D;
    right: 8px;
    position: absolute;
}

.wpHelpCenterIconButton-root {
    flex: 0 0 auto;
    color: #717171;
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
}

.wpHelpCenterButtonBase-root {
    color: inherit;
    border: 0;
    cursor: pointer;
    position: inherit;
    align-items: center;
    border-radius: 0;
    background-color: transparent;
    float: right;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.wpHelpCenterIconButton-label {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

.wpHelpCenterSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    -webkit-user-select: none;
}

.wpHelpCenterTouchRipple-root {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    overflow: hidden;
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

/* DIALOG CONTENT */
.wpHelpCenterDialogContent-content {
    margin: 0;
    padding: 16px;
}

#wpHelpCenterDialogContent-root {
    flex: 0 1 auto;
    padding: 16px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.wpHelpCenterTypography-gutterBottom {
    margin-bottom: 1.0em;
}

.wpHelpCenterTypography-body1 {
    font-size: 1rem;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

/* DIALOG FOOTER */
.wpHelpCenterDialogActions-spacing {
    margin: 0;
    /* padding: 8px; */
    border-top: 1px solid #C6C6C6;
}

.wpHelpCenterDialogActions-root {
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
}

.wpHelpCenterFooterBase-root{
    padding: 8px 24px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    line-height: 1.5em;
}

/* IFRAME */
.wpHelpIFrame {
    min-width: 100%;
    height: 640px;
    box-shadow: none;
}
.wpToolbarActionBarSVG{
    margin-top: 6px;
    fill: currentColor;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.wpToolbarActionBarSVGCaret{
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    right: 0;
    margin: auto;
}
.wpToolbarActionBarImagesSVG{
    background-image: none;
}
.wpToolbarActionBarSVGFontSize{
    font-size: 1em;
}

.remove{
    display: none;
}

.label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.label-text {
    margin-left: 8px;
    color: #fff;
    float: right;
}

.toggle {
    isolation: isolate;
    position: relative;
    margin-top: -3px;
    height: 20px;
    width: 44px;
    border-radius: 15px;
    background: #555555;
    overflow: hidden;
}

.toggle-inner {
    z-index: 2;
    position: absolute;
    top: 1px;
    left: 1px;
    height: 18px;
    width: 42px;
    border-radius: 15px;
    overflow: hidden;
}

.active-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background: #8E521B;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.05s linear 0.17s;
}

.toggle-state {
    display: none;
}

.indicator {
    height: 100%;
    width: 200%;
    background: #EFEFEF;
    border-radius: 13px;
    transform: translate3d(-75%, 0, 0);
    transition: transform 0.35s cubic-bezier(0.85, 0.05, 0.18, 1.35);
}

.toggle-state:checked ~ .active-bg {
    transform: translate3d(-50%, 0, 0);
}

.toggle-state:checked ~ .toggle-inner .indicator {
    transform: translate3d(25%, 0, 0);
    background: #F58318;
}
.disableClick{
    /* pointer-events: none; */
    opacity:0.5;
}
.show-text{
    display: block;
}
.hide-text{
    display: none;
}
.wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {
    right: 16px;
}
.label-container{
    float: left;
}

/* Tooltips */
.tooltipContextMenu{
    visibility: hidden;
    width: auto;
    white-space: nowrap;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 4px;
    padding: 7px 8px 0px 8px;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    min-height: 22px;
    line-height: 14px;
    top: 115%;
    margin-left: -11px;
    box-sizing: content-box;
}

/* Horizontally center toolbar tooltips for the context menu buttons  */
.contextMenus .tooltipContextMenu {
    transform: translateX(50%);
}

.tooltipLeft{ left: 50%; }
.tooltipLeft_1{ left: 3%; }
.tooltipRight{ right: 50%; }
#projectMenu {top: 130%;}

.wpToolbarMenu.wpToolbarSites.wpToolbarToggleLink:hover span.tooltipContextMenu,
.wpToolbarMenu.wpToolbarApplications.wpToolbarToggleLink:hover span.tooltipContextMenu,
div#wpHelpArticleButtonId:hover span.tooltipContextMenu,
.wpToolbarMenu.wpToolbarMoreMenu.wpToolbarToggleLink:hover a span.tooltipContextMenu,
.label-container:hover span.tooltipContextMenu,
.wpToolbarMenu.wpToolbarAdministration.wpToolbarToggleLink:hover span.tooltipContextMenu,
#wpToolbarProjectMenuLink:hover span#projectMenu,
#wpToolbarToggleLink:hover span.tooltipContextMenu{
    visibility: visible;
}
#wpToolbarSitesNavMenu,
#wpToolbarApplicationsNavMenu,
#wpToolbarMoreMenu,
#wpHelpArticleLink,
#wpToolbarProjectInfoBox,
#wpToolbarToggleLink,
.label{
    position: relative;
}
/* End Tooltips */