/** 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;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.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 #eee;
    -webkit-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee;
    -moz-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee;
    background: linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -o-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -moz-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -webkit-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -ms-linear-gradient(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(top, #3079af 0%, #4993c9 100%);
    background: -o-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -moz-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -webkit-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -ms-linear-gradient(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(top, #eaeaea 0%, #b5b5b5 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -moz-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -webkit-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -ms-linear-gradient(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 {
    background-color: #f3f3f3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    height: 3em;
    line-height: 3em;
    min-height: 36px;
    max-height: 48px;
    z-index: 5;
}
.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 {
    padding-top: 0;
    padding-bottom: 0;
}
.wpToolbarActionBar .toolbarToggle {
    visibility: visible;
}
.wpToolbarActionBar .toolbarToggle .disabled {
    visibility: hidden;
}
.wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a {
    width: 54px;
}
.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(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -o-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -moz-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -webkit-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -ms-linear-gradient(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: #1970B0;
}
.typeMenuitem.wpthemeSelected {
    background-color: #e1f5fa;
    border: 1px solid #c8e1eb !important;
}
.wpToolbarToggle .wpthemeMenuBorder .wpthemeMenuDropDown li {
    text-align: left;
}
.wpToolbarActionBar .wpToolbarLogo {
    position: relative;
    width: 60px;
}
.wpToolbarActionBar .wpToolbarLogo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.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 .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;
}