.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25);
}
.action-button-colors .svg-icon .action-button-fill {
  fill: rgba(53, 64, 82, 0.25);
}
.action-button-colors .svg-icon:hover {
  fill: #4a90e2;
}
.action-button-colors .svg-icon:hover .action-button-fill {
  fill: #4a90e2;
}
.action-button-colors.dark .btn {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.action-button-colors.dark .svg-icon {
  fill: #ffffff;
}
.action-button-colors.dark .svg-icon .action-button-fill {
  fill: #ffffff;
}
.action-button-colors.dark .svg-icon:hover {
  fill: #ffffff;
}
.action-button-colors.dark .svg-icon:hover .action-button-fill {
  fill: #ffffff;
}
.run-button-component .run-button.btn-secondary svg {
  fill: #4a90e2;
}
.run-button-component .run-button svg {
  fill: #ffffff;
}
.multibranch-table .run-button svg {
  fill: rgba(53, 64, 82, 0.25);
}
.multibranch-table .run-button svg:hover {
  fill: #4a90e2;
}
.activity-actions-container:after {
  content: "";
  display: table;
  clear: both;
}
.activity-actions-container .pipeline-disabled-label {
  display: inline-block;
  margin-top: 10px;
}
.activity-actions-container .pipeline-disabled-label .svg-icon {
  fill: #4a4a4a;
}
.activity-actions-container .run-button-component {
  margin-bottom: 16px;
}
.activity-actions-container .disable-job-button {
  float: right;
  margin-bottom: 16px;
}
.activity-actions-container .disable-job-button svg {
  fill: #4a90e2;
}
.ParametersRunButton {
  display: inline-block;
}
.JTable .ParametersRunButton {
  height: 24px;
}
.ParametersRunButton .inputParameters {
  color: #4A4A4A;
  white-space: normal;
}
.ParametersRunButton .inputParameters .Alert .title {
  padding-left: 0;
}
.ParametersRunButton .inputParameters .Alert .title-div {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 16px;
}
.ParametersRunButton .Alert {
  width: 400px;
}
.ParametersRunButton .Alert .title,
.ParametersRunButton .Alert .message {
  padding-left: 0;
}
.ParametersRunButton .Alert .title-div {
  flex-direction: column;
}
.replay-button-component {
  display: inline-block;
}
.JTable .replay-button-component {
  height: 24px;
}
.replay-button-component .replay-button {
  display: inline-block;
  cursor: pointer;
}
.replay-button-component .svg-icon {
  display: none;
}
.replay-button-component.icon-button {
  height: 24px;
}
.replay-button-component.icon-button .replay-button {
  width: 24px;
  height: 24px;
  background: transparent;
  border: 0;
  position: relative;
}
.replay-button-component.icon-button .replay-button .svg-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.replay-button-component.icon-button .button-label {
  display: none;
}
.replay-button-component .svg-icon {
  fill: rgba(53, 64, 82, 0.25);
}
.replay-button-component .svg-icon .action-button-fill {
  fill: rgba(53, 64, 82, 0.25);
}
.replay-button-component .svg-icon:hover {
  fill: #4a90e2;
}
.replay-button-component .svg-icon:hover .action-button-fill {
  fill: #4a90e2;
}
.replay-button-component.dark .btn {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.replay-button-component.dark .svg-icon {
  fill: #ffffff;
}
.replay-button-component.dark .svg-icon .action-button-fill {
  fill: #ffffff;
}
.replay-button-component.dark .svg-icon:hover {
  fill: #ffffff;
}
.replay-button-component.dark .svg-icon:hover .action-button-fill {
  fill: #ffffff;
}
.run-button-component {
  display: inline-block;
}
.JTable .run-button-component {
  height: 24px;
}
.run-button-component .run-button,
.run-button-component .stop-button {
  display: inline-block;
  cursor: pointer;
}
.run-button-component .run-button.btn-secondary .svg-icon {
  display: inherit;
  vertical-align: middle;
}
.run-button-component .svg-icon {
  display: none;
}
.run-button-component.icon-button {
  height: 24px;
}
.run-button-component.icon-button .run-button,
.run-button-component.icon-button .stop-button {
  width: 24px;
  height: 24px;
  background: transparent;
  border: 0;
  position: relative;
}
.run-button-component.icon-button .run-button .svg-icon,
.run-button-component.icon-button .stop-button .svg-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ParametersRunButton .run-button-component.icon-button .run-button .svg-icon,
.ParametersRunButton .run-button-component.icon-button .stop-button .svg-icon {
  fill: rgba(53, 64, 82, 0.25);
}
.ParametersRunButton .run-button-component.icon-button .run-button .svg-icon:hover,
.ParametersRunButton .run-button-component.icon-button .stop-button .svg-icon:hover {
  fill: #4a90e2;
}
.favorites-card-stack .run-button-component.icon-button .run-button .svg-icon,
.favorites-card-stack .run-button-component.icon-button .stop-button .svg-icon {
  fill: #ffffff;
}
.favorites-card-stack .run-button-component.icon-button .run-button .svg-icon:hover,
.favorites-card-stack .run-button-component.icon-button .stop-button .svg-icon:hover {
  fill: #ffffff;
}
.run-button-component.icon-button .stop-button {
  /* asset has different padding than material-icon asset used in .run-button: nudge it slightly */
  top: 2px;
  left: 2px;
}
.run-button-component.icon-button .stop-button.stopping {
  opacity: 0.4;
  cursor: auto;
}
.run-button-component.icon-button .button-label {
  display: none;
}
.run-button-component .svg-icon {
  fill: rgba(53, 64, 82, 0.25);
}
.run-button-component .svg-icon .action-button-fill {
  fill: rgba(53, 64, 82, 0.25);
}
.run-button-component .svg-icon:hover {
  fill: #4a90e2;
}
.run-button-component .svg-icon:hover .action-button-fill {
  fill: #4a90e2;
}
.run-button-component.dark .btn {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.run-button-component.dark .svg-icon {
  fill: #ffffff;
}
.run-button-component.dark .svg-icon .action-button-fill {
  fill: #ffffff;
}
.run-button-component.dark .svg-icon:hover {
  fill: #ffffff;
}
.run-button-component.dark .svg-icon:hover .action-button-fill {
  fill: #ffffff;
}
.BlueOceanLogo,
.BlueOceanLogo:hover {
  display: flex;
  color: white;
  text-decoration: none;
  align-items: center;
  font-size: 18px;
  position: relative;
  top: -1px;
}
.BlueOceanLogo svg,
.BlueOceanLogo:hover svg {
  height: 20px;
  fill: white;
  top: 1px;
  position: relative;
}
.ContentPageHeader,
.ResultPageHeader {
  color: white;
}
.ContentPageHeader a,
.ResultPageHeader a,
.ContentPageHeader a:hover,
.ResultPageHeader a:hover {
  color: white;
}
.ContentPageHeader-user {
  display: flex;
  height: 100%;
  padding-left: 1em;
}
.ContentPageHeader-user * {
  margin-left: 1em;
}
.ContentPageHeader-user .btn-sign-in {
  background: none;
  min-width: 0;
  border-color: rgba(0, 0, 0, 0);
}
.ContentPageHeader-user .btn-sign-in:hover {
  border-color: white;
}
.ContentPageHeader-user .btn-sign-up {
  background: none;
  min-width: 0;
  border-color: white;
}
.ContentPageHeader-user .user-component {
  display: inline-block;
  align-items: center;
  height: 100%;
}
.ContentPageHeader-user .user-component.icon {
  padding-top: 13px;
}
.ContentPageHeader-user .user-component.icon svg {
  fill: white;
  width: 24px;
  height: 24px;
}
.ContentPageHeader-user .user-component.button-bar {
  padding-top: 11px;
}
.ResultPageHeader-run {
  padding-left: 1em;
  display: flex;
  align-items: center;
}
.ResultPageHeader-run > * + * {
  margin-left: 1em;
}
.ResultPageHeader-run button {
  min-width: 0;
  color: white;
  border-color: white;
}
.ResultPageHeader-run button:hover {
  color: white;
  border-color: white;
}
.ContentPageHeader-main,
.ResultPageHeader-main {
  display: flex;
  align-items: center;
  height: 100%;
}
.ContentPageHeader-main > * + *,
.ResultPageHeader-main > * + * {
  margin-left: 10px;
}
.ResultPageHeader-indicator {
  margin-right: 10px;
  height: 24px;
}
.ResultPageHeader-title {
  display: flex;
  align-items: center;
}
.ResultPageHeader-title a {
  text-decoration: underline;
}
.ResultPageHeader-close {
  margin-left: 24px;
  cursor: pointer;
  stroke: none;
  fill: white;
  vertical-align: bottom;
}
.ResultPageHeader-close:hover {
  stroke: white;
}
/* TODO - move this out as soon as we fix the css loading issue */
.jenkins-pipeline-header {
  display: inline-block;
}
.TextInput.search-pipelines-input {
  background-color: transparent;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.TextInput.search-pipelines-input .TextInput-icon.u-icon-left {
  pointer-events: none;
  left: 0;
}
.TextInput.search-pipelines-input .TextInput-icon.u-icon-left path {
  fill: #ffffff;
}
.TextInput.search-pipelines-input .clear-icon-container {
  display: none;
  text-align: center;
  cursor: pointer;
}
.TextInput.search-pipelines-input .fastsearch-input:not([value=""]) ~ .clear-icon-container {
  display: block;
  right: 0;
}
.TextInput.search-pipelines-input .fastsearch-input:not([value=""]) ~ .clear-icon-container .clear {
  width: 16px;
}
.TextInput.search-pipelines-input .fastsearch-input:not([value=""]) ~ .clear-icon-container .clear path {
  fill: rgba(255, 255, 255, 0.5);
}
@supports (-ms-ime-align:auto) {
  .fastsearch-input ~ div.clear-icon-container.TextInput-icon {
    display: none;
  }
}
.TextInput.search-pipelines-input input.TextInput-control {
  width: 250px;
  border: none;
  color: #ffffff;
  font-size: 18px;
  padding-top: 10px;
  padding-right: 41px;
  padding-bottom: 10px;
  padding-left: 30px;
  cursor: pointer;
}
.TextInput.search-pipelines-input input.TextInput-control::-webkit-input-placeholder {
  color: transparent;
}
.TextInput.search-pipelines-input input.TextInput-control::-moz-placeholder {
  color: transparent;
}
.TextInput.search-pipelines-input input.TextInput-control:-ms-input-placeholder {
  color: transparent;
}
.TextInput.search-pipelines-input input.TextInput-control:focus {
  padding-left: 30px;
  width: 250px;
  cursor: inherit;
}
.TextInput.search-pipelines-input input.TextInput-control:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.TextInput.search-pipelines-input input.TextInput-control:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.TextInput.search-pipelines-input input.TextInput-control:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.no-search-results-container {
  text-align: center;
}
/* End of TODO */