.wxAdmin div[data-debug*=-helpButton] {
    display: none !important;
}

/* Primary tab buttons and areas under admin area. */
.adminTabLayout {
    /* Currently, nothing to tweak */
}

.adminTabPanel {
    height: 29px;
    position: absolute;
    inset: 0;
    background-image: none !important;
    /* background-color: vaisalaGray4 !important; */
    background-color: #DADADA !important;
    /* color: vaisalaGray1 !important; */
    color: #333333 !important;
    width: 100%;
    overflow: hidden;
    border-bottom-color: #0A2A3d !important;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    /* border-top-color: vaisalaGray4 !important; */
    border-top-color: #DADADA !important;
    border-top-width: 3px;
    border-top-style: solid;
    box-sizing: border-box;
}

.adminTabButton {
    height: 23px;
    margin: 0;
    padding: 4px 12px 2px 12px !important;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    background-image: none !important;
    /* background-color: vaisalaGray4 !important; */
    background-color: #DADADA !important;
    /* color: vaisalaGray1; */
    color: #333333 !important;
    box-sizing: border-box;
}

.gwt-CustomButton-down-hovering.adminTabButton, .gwt-CustomButton-down.adminTabButton {
    background-color: #0A2A3D !important;
    /* color: vaisalaWhite; */
    color: white !important;
}

/* Second level tab buttons and areas under admin area. */
.adminTabLayout2 {
    /* Currently, nothing to tweak */
}

.adminTabPanel2 {
    height: 21px;
    position: absolute;
    inset: 0;
    background-image: none !important;
    background-color: #0A2A3d !important;
    /* color: vaisalaWhite; */
    color: white !important;
    width: 100%;
    overflow: hidden;
    border-bottom-color: #0A2A3d;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    box-sizing: border-box;
}

.adminTabButton2 {
    height: 18px;
    margin: 0;
    padding: 2px 12px 2px 12px !important;
    font-size: 92%;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    background-image: none !important;
    background-color: #0A2A3d !important;
    /* color: vaisalaWhite; */
    color: white !important;
    box-sizing: border-box;
}

.gwt-CustomButton-down-hovering.adminTabButton2, .gwt-CustomButton-down.adminTabButton2 {
    /* color: vaisalaAqua0; */
    color: #0A1B28 !important;
    background-color: #aacfc9 !important;
}

.com-vaisala-wx-tabpanel-client-primary-PrimaryTabPanelCss-tabButtonSeparator {
    background-image: none !important;
}

.menuBarInfoTable {
    margin-top: -2px;
}

.menuBarInfoText {
    padding-right: 10px;
}

div.BannerBadgeButton, div.BannerButton {
    width: 25px;
    height: 25px;
    margin-left: 4px;
    margin-right: 4px;
    outline-style: none;
    cursor: pointer;
}

img.BannerButtonImage {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.BannerBadgeTextInfo, .BannerBadgeTextWarning, .BannerBadgeTextAlert {
    background-color: #009ac8;
    color: white;
    font-weight: 600;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 4px 2px;
    border-radius: 50%;
}

.BannerBadgeWarning {
    background-color: #ff9600;
}

.BannerBadgeTextAlert {
    background-color: #df1616;
}