/*
 * Licensed Materials - Property of IBM Corporation.
 *
 * 5725-G68
 *
 * Copyright IBM Corporation 2014, 2021. All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corporation.
 */

/*
    NOTE: The official blue color has hex code of #008ABF.
*/

/*
@ import url("ibmdesign-reset.css");
@ import url("ibmdesign-redefine.css");
@ import url("ibmdesign-type.css");
@ import url("ibmdesign-style.css");
*/

/* TODO: These are just temporary to make it easier to copy/paste */
.designPalette {
    color: #EFEFF1;
    color: #E3E4E6;
    color: #D0D2D3;
    color: #A6A8AB;
    color: #393A3F; /* Primary "black" text */
    color: #E6F7FC; /* Primary "selected" background */
    color: #82D1F5;
    color: #00B0DA;
    color: #008ABF; /* Primary "blue" text, background */
    color: #00648D;
    color: #8CC63F;
    color: #FDB813;
    color: #F19027;
    color: #D9182D;
    color: #AB1A86;
}

.designExtendedPalette {
    color: #00649D;
}

body, input, select, textarea, button {
    color: #393A3F;
}

.whiteOnBlue {
    color: #ffffff;
    background-color: #008ABF;
}

.blueBorder {
    border: solid 0 #008ABF; /* Users of this style are expected to override the border width */
}

.blueText {
    color: #008ABF;
}

button {
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    outline: none;
}

/* This removes the slight extra padding Firefox puts around text on the inside of some of its controls. */
button::-moz-focus-inner {
    padding: 0;
    border: 0 none;
}

button.disabled, button.disabled:hover {
    cursor: default;
    color: #A6A8AB;
}

.bwlButton {
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

.bwlIconTextButton.disabled, .bwlIconTextButton.disabled:hover {
    background-image: url("images/newimages/icons/ic-add16-disabled.png");
    color: #A6A8AB;
    cursor: default;
}

.iconTextButtonCommunity, .bwlIconTextButtonCommunity {
    background: url("images/newimages/icons/ic-add16.png") 0 0 no-repeat;
    padding-left: 21px;
    height: 16px;
    line-height: 16px;
    padding-bottom: 1px; /* This is required, along with the IE specific values in browser_ie8.css to make the styles match */
}

.iconTextButtonCommunity.disabled {
    background-image: url("images/newimages/icons/ic-add16-disabled.png");
}

.iconTextButtonCommunity:hover, .bwlIconTextButtonCommunity:hover {
    color: #008ABF;
}

.iconTextButton, .bwlIconTextButton {
    background: url("images/newimages/icons/ic-add16.png") 0 0 no-repeat;
    padding-left: 21px;
    height: 16px;
    line-height: 16px;
    padding-bottom: 1px; /* This is required, along with the IE specific values in browser_ie8.css to make the styles match */
}

.iconTextButton.disabled {
    background-image: url("images/newimages/icons/ic-add16-disabled.png");
}

.iconTextButton:hover, .bwlIconTextButton:hover {
    color: #008ABF;
}

.squareTextButton {
    background-color: #008ABF;
    color: #FFFFFF;
    padding: 4px 7px;
    cursor: pointer;
}

.squareTextButton:hover {
    background-color: #00648D;
}

.squareTextButton.disabled, .squareTextButton.disabled:hover {
    background-color: #E3E4E6;
    color: #A6A8AB;
    cursor: default;
    opacity: 1;
}

.squareTextButton.selected {
    background-color: #008ABF;
    cursor: default;
}

.squareTextButton.bordered {
    padding: 3px 7px;
    border: solid 2px #008ABF;
}

.squareTextButton.unselected:hover {
    background-color: #E6F7FC;
}

.squareTextButton.unselected {
    color: #008ABF;
    background-color: #FFFFFF;
}

.squareTextButtonList .squareTextButton {
    margin-left: 15px;
}

.squareTextButtonList .squareTextButton:first-child {
    margin-left: 0;  /* Turn off the left margin on the first element since it's not needed */
}

.squareTextButtonList.noPadding .squareTextButton {
    margin-left: 0;
}

.squareTextButtonList.noPadding .squareTextButton.bordered {
    border-left-width: 0; /* Turn off the left border to keep from doubling up the borders on the edges */
}

.squareTextButtonList.noPadding .squareTextButton.bordered:first-child {
    border-left-width: 2px;
}

.imageButton {
    background-position: center center;
    background-repeat: no-repeat;
}

.imageButton.withMargin {
   margin-right: 1px;
}

.imageButton.selected, .imageButton.selected:hover {
    background-color: #008ABF;
}

.imageButton:hover {
    background-color: #E6F7FC;
}

.table {
    display: table;
}

.tableCell {
    display: table-cell;
}

.listInline > li {
    display: inline-block;
}

.tabList, .tabPanel .gwt-TabBar {
    padding: 0;
    margin: 0;
    line-height: 1.25;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.buttonList {
    padding: 0;
    margin: 0;
    font-size: 0.8125em; /* 13px */
}

.tabList > li, .tabPanel .gwt-TabBar .gwt-TabBarItem {
    margin: 0 13px;
    cursor: pointer;
    padding: 0 2px 5px 2px;
    border-bottom: solid 4px transparent; /* Keep a transparent border so the sizes stay the same if nothing is selected */
    color: #393A3F;
}

.tabList > li.selected, .tabPanel .gwt-TabBar .gwt-TabBarItem-selected {
    cursor: default;
}

.tabList > li.selected,
.tabPanel .gwt-TabBar .gwt-TabBarItem-selected {
    border-color: #008ABF;
    color: #008ABF;
}

.tabList > li:hover,
.tabPanel .gwt-TabBar .gwt-TabBarItem:hover {
    color: #008ABF;
}

.buttonList > li {
    margin: 0 0;
    padding: 0 0;
    cursor: pointer;
}

.buttonListText > li {
    padding: 0 10px;
}

.tabListFixedWidth > li {
    text-align: center;
}

.tabListFixedWidth > li > .tabListText {
    padding: 0 2px 5px 2px;
    border-bottom: solid 4px transparent; /* Keep a transparent border so the sizes stay the same if nothing is selected */
}

/* This prevents the entire tab width to be underlined when hovering (only the text itself should be underlined) */
.tabListFixedWidth > li.selected, .tabListFixedWidth > li:hover {
    border-color: transparent;
}

/* When a tab is selected (or hovered over), the tab header text bottom border (i.e. the underline) should be visible */
.tabListFixedWidth > li.selected > .tabListText, .tabListFixedWidth > li > .tabListText:hover {
    border-color: #008ABF;
}

.inputGroup {
    line-height: 1.42857143;
}

.formControl {
    font-size: .8125em;
}

.menuList > li {
    color: #008ABF;
    margin-bottom: 0;
}

.menuList > li.selected {
    background-color: #E5F7FC;
    color: #008ABF;
    cursor: pointer;
}

.textButton:hover {
    text-decoration: underline;
}

.defaultBoxSizing {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.bwlLink {
    color:#008ABF;
    cursor: pointer;
    text-decoration: none;
}

.bwlLink:hover {
    text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* Everything below here is temporarily copied from one of the ibmdesign-X.css files */

.borderBoxBoxSizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.smallText {
    font-size: 10px;
}

a:link,
a:visited {
    color: #008ABF;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
    outline: 0;
}

.formGroup {
    margin-bottom: 14px;
    position: relative;
}

.inputGroup {
position: relative;
display: table;
border-collapse: separate;
}

.inputGroup .formControl {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}

.formControl {
display: block;
height: 2.461em;
width: 100%;
padding: .23em 5px;
marginLeft: 0;
line-height: 1.42857143;
color: #343b43;
background-color: #fff;
background-image: none;
border: 1px solid #008ABF;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

textarea.formControl {
height: auto;
}

.formControl:focus {
  border-color: #008ABF;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.sideLabel, .inputGroup .formControl {
display: table-cell;
}

.searchField {
    padding-right: 40px;
}

.searchFieldIcon {
    position: absolute;
    top: .55em;
    right: 14px;
    display: block;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
}
 /* inverse ---------*/

.formControl.inverse {
    border: 1px solid #fff;
}

/* Everything above here is temporarily copied from one of the ibmdesign-X.css files */
/* ----------------------------------------------------------------------------------------------------------------- */