/** 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;
    border-bottom: 1px solid #4c4d53;
}
.wpToolbarActionBar .wpToolbarActionArea,
.wpToolbarActionBar .wpToolbarToggleLink,
.wpToolbarActionBar .wpToolbarToggle {
    float: left;
}
.wpToolbarActionBar .wpToolbarToggleLink a {
    min-width: 36px;
    padding: 0px;
    border-radius: 50%;
    outline: none;
}

.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, 
#wpToolbarToggle.selected:hover a,
#wpToolbarSitesNavMenu:focus, 
#wpToolbarApplicationsNavMenu:focus, 
#wpToolbarMoreMenu:focus, 
#wpHelpArticleLink:focus, 
#wpToolbarAdministrationNavMenu:focus, 
#wpInfoModeToggleLink:focus, 
#wpToolbarToggle:not(.selected):focus a, 
#wpToolbarToggle.selected:focus a {
    background-color: #555;
    background-clip: content-box;
    margin: 3px;
}
.wpToolbarLanguage {
    padding:  6px 6px 4px;
}
.wb-translation-desktop:hover,
.wb-translation-desktop:focus {
    background-color: #555;
    border-radius: 2px;
 }   
.wb-translation-desktop:hover select,
.wb-translation-desktop:focus select {
    background-color: #555;
    padding:  0;
    margin: 0;
    border-radius: 2px;
}
#wpToolbarSitesNavMenu, 
#wpToolbarApplicationsNavMenu, 
#wpToolbarMoreMenu, 
#wpHelpArticleLink, 
#wpToolbarAdministrationNavMenu, 
#wpInfoModeToggleLink, 
#wpToolbarToggle:not(.selected) a, 
#wpToolbarToggle.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: #363636;
}
.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";
}

.wb-translation-icon {
    margin-top: 6px;
}

.wb-translation-select {
    color: white;
    border: none;
    font-size: 12px;
    appearance:  none;
    height:  1.5em;
    background: #262626 url("data:image/svg+xml;utf8,<svg focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='caret--downIcon' xmlns='http://www.w3.org/2000/svg'><g><path d='M23 12l-7 8-7-8h14z' fill='white'/></g></svg>") no-repeat;
    background-position: right 0 top 50%; 
}

.wb-translation-desktop {
    display: flex;
    align-items: center;
    padding: 10px;
    font: 75%/1.5 Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.wb-translation-select-hide {
    visibility: hidden;
}

.form-inline.wb-translation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.icon-translate {
    fill: #fff;
    width: 2em;
    height: 2em;
    margin-top: 4px;
}

/* 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: #B3D9F8;
    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: #1E1E1E;
}
.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,
.wpToolbarLogo .wpLogoTooltip {

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

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

.tooltipLeft{ left: 50%; }
.tooltipLeftProject{ 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,
.wpToolbarLogo:hover .wpLogoTooltip {
    visibility: visible;
}

.wb-translation-desktop:hover span#lang_tooltip {
    visibility: visible;
    transform: translateX(0%);
}

#wpToolbarSitesNavMenu,
#wpToolbarApplicationsNavMenu,
#wpToolbarMoreMenu,
#wpHelpArticleLink,
#wpToolbarProjectInfoBox,
#wpToolbarToggleLink,
.label{
    position: relative;
}
/* End Tooltips */