/* Listing pattern */
table.listing-ct {
  margin-top: 15px;
  min-width: 65%;
}
table.listing-ct > caption,
table.listing-ct > thead h3 {
  font-size: 22px;
  padding: 10px 0px 10px;
  font-weight: 300;
  margin-top: 0;
}
table.listing-ct > caption {
  color: inherit;
  line-height: 1.1;
}
table.listing-ct > thead td {
  padding-top: 20px;
}
table.listing-ct > thead:first-child td {
  padding-top: 0;
}
table.listing-ct > thead td > a {
  line-height: 30px;
  padding: 10px 0 10px;
}
table.listing-ct > thead th {
  border-top: 1px solid #f1f1f1;
  font-weight: normal;
  padding: 10px;
  color: #888;
}
table.listing-ct > thead th:first-child {
  padding-left: 20px;
}
table.listing-ct > thead th:last-child {
  text-align: right;
}
/* A listing item is a row in the table */
tbody > tr.listing-ct-item {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
}
table.listing-ct > tbody:last-child {
  border-bottom: 1px solid #f1f1f1;
}
table.listing-ct > tbody + thead {
  border-top: 1px solid #f1f1f1;
}
table.listing-ct > tbody.open:last-child {
  border-bottom: none;
}
table.listing-ct > tbody.open + thead {
  border-top: none;
}
tbody > tr.listing-ct-item.listing-ct-warning {
  background-color: #fbc7c7;
}
tbody.open > tr.listing-ct-item {
  background-color: #ededed;
  border-bottom: none;
  border-top: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
tbody.open > tr.listing-ct-item td,
tbody.open > tr.listing-ct-item th {
  border-top: 1px solid #ccc;
}
tbody.open td div.listing-ct-head {
  background-color: #fff;
}
tbody.open .listing-ct-panel {
  border: 1px solid #ccc;
}
tbody.open .listing-ct-panel .listing-ct-body {
  border: none;
}
tbody.open > tr.listing-ct-panel + tr.listing-ct-body {
  border-top: none;
}
tbody.open > tr.listing-ct-panel td div.listing-ct-head {
  border: none;
  border-bottom: 1px solid #ccc;
}
/* only highlight the row if navigation is available */
tbody:not(.open) > tr.listing-ct-item:not(.listing-ct-nonavigate):hover {
  background-color: #def3ff;
}
/* if we can't navigate to a row but expand is available, highlight the caret */
tbody:not(.open) > tr.listing-ct-item.listing-ct-nonavigate:hover td.listing-ct-toggle {
  color: #65bedf;
}
/* use gray for a row that's expanded or if navigation isn't available */
tbody.open > tr.listing-ct-item:hover,
tr.listing-ct-item.listing-ct-nonavigate:hover {
  background-color: #ededed;
}
/* always highlight caret when hovering over an expanded row */
tbody.open > tr.listing-ct-item:hover td.listing-ct-toggle {
  color: #65bedf;
}
tr.listing-ct-item .listing-ct-toggle {
  padding: 0 !important;
  width: 35px;
  color: #030303;
}
table.listing-ct thead .listing-ct-toggle + th,
tr.listing-ct-item .listing-ct-toggle + td,
tr.listing-ct-item .listing-ct-toggle + th {
  padding-left: 0;
}
tr:not(.listing-ct-selected) td.listing-ct-toggle:hover {
  color: #65bedf;
  background-color: #ededed;
}
tr:not(.listing-ct-selected) td.listing-ct-toggle:hover ~ td,
tr:not(.listing-ct-selected) td.listing-ct-toggle:hover ~ th {
  background-color: #ededed;
}
td.listing-ct-toggle i {
  font-size: 24px;
  visibility: hidden;
}
tr.listing-ct-item:hover td.listing-ct-toggle i,
tr.listing-ct-item td.listing-ct-toggle:hover i {
  visibility: visible;
}
td.listing-ct-toggle i:before {
  content: "\F105";
}
tbody.open td.listing-ct-toggle i {
  visibility: visible;
}
tbody.open td.listing-ct-toggle i:before {
  content: "\F107";
}
/* Listing items have decent padding ... */
tr.listing-ct-item td {
  padding: 10px;
}
tr.listing-ct-item th {
  padding: 10px 10px 10px 15px;
}
/* Listing caption is text next to the actions, text should be similar to nav (.nav-tabs-pf > li > a)*/
.listing-ct-actions > .listing-ct-caption {
  font-size: 13px;
  vertical-align: middle;
  color: #0088ce;
  padding-right: 5px;
}
/* Listing actions can be used directly as a cell */
tr.listing-ct-item td.listing-ct-actions,
td.listing-ct-actions {
  padding: 5px 10px;
  text-align: right;
  float: none;
}
/* if the entire row is selected, highlight */
tr.listing-ct-item.listing-ct-selected {
  background-color: #0088ce;
  color: #fff;
  border-color: #007ebf;
}
tr.listing-ct-item.listing-ct-selected:hover {
  background-color: #007ebf;
  border-color: #007ebf;
}
tr.listing-ct-item.listing-ct-selected .badge {
  background-color: #00537e;
}
tr.listing-ct-item.listing-ct-selected .badge:hover {
  background-color: #003e5f;
}
.listing-ct-head .listing-ct-actions {
  margin-top: -7px;
}
tr.listing-ct-item td:first-child {
  padding-left: 20px;
}
/* The last column of a listing is always right aligned */
tr.listing-ct-item td:last-child {
  text-align: right;
}
div.listing-ct-panel {
  box-shadow: 1px 1px 1px 1px #f5f5f5;
  margin-bottom: 15px;
}
div.listing-ct-maybe {
  border: 1px dashed #ddd;
  box-shadow: none;
}
div.listing-ct-head {
  padding: 10px 10px 0 10px;
  background-color: #f5f5f5;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  overflow: hidden;
}
div.listing-ct-head:last-child {
  padding-bottom: 10px;
}
div.listing-ct-maybe div.listing-ct-head,
div.listing-ct-maybe div.listing-ct-body {
  background-color: #fff;
  border: none;
}
tbody.active .listing-ct-head {
  border-top: 3px solid #0099d3;
}
.listing-ct-head h3 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 10px;
}
.listing-ct-head h3 i {
  float: left;
  padding-right: 7px;
}
.listing-ct-head .nav li a {
  padding-top: 0px;
  font-size: 13px;
}
.listing-ct-head .nav-tabs {
  border-bottom: none;
}
.listing-ct-head .nav-tabs-pf {
  margin-left: -10px;
}
/* To display info instead of tabs */
.listing-ct-head dl {
  display: inline-block;
  height: 1.6em;
  margin-bottom: 5px;
  white-space: nowrap;
  margin-right: 45px;
  margin-left: 5px;
}
.listing-ct-head dt {
  font-weight: normal;
  display: inline;
  margin-right: 0.5em;
  color: #888;
}
.listing-ct-head dd {
  display: inline;
  color: black;
}
.listing-ct-body {
  padding: 20px 25px;
  font-size: 13px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.listing-ct-inline > .listing-ct-body {
  border: none;
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
}
.listing-ct-inline > h3 {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 30px;
}
.listing-ct-inline > h3:first-child {
  border-top: none;
  padding-top: 0px;
  margin-top: 20px;
}
.listing-ct-actions {
  float: right;
  min-height: 26px;
}
.listing-ct-status {
  float: right;
  clear: right;
}
.listing-ct-error {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.listing-ct-error.alert {
  margin-bottom: 0;
}
.listing-ct-body tt {
  font-size: 12px;
}
.listing-ct-body dl {
  margin: 0;
}
.listing-ct-body dl dd dl.inline-dl dt,
.listing-ct-body dt {
  clear: left;
  float: left;
  width: 100px;
  min-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
  font-weight: normal;
}
.listing-ct-body dt {
  text-align: right;
}
.listing-ct-body dl dd dl dt {
  text-align: left;
}
.listing-ct-body dd {
  margin-left: 110px;
  min-height: 26px;
  max-width: 1000px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing-ct-body dl.full-width dt {
  text-align: left;
  min-width: none;
  max-width: none;
  float: none;
  width: auto;
}
.listing-ct-body dl.full-width dd {
  margin-left: 0px;
}
table.listing-ct tbody.open {
  box-shadow: 1px 1px 1px 1px #f5f5f5;
}
/* By default these thincgs are hidden */
tbody tr.listing-ct-panel,
tbody tr.listing-ct-body {
  display: none;
}
/* ... unless they are in the right state */
tbody.open tr.listing-ct-head,
tbody.open tr.listing-ct-panel,
tbody.open tr.listing-ct-body {
  display: table-row;
}
tbody.open tr.listing-ct-head {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-top: 3px solid #0099d3;
  background-color: #f5f5f5;
}
tr.listing-ct-head + tr.listing-ct-head {
  border-top: none;
}
tr.listing-ct-head + tr.listing-ct-head td {
  padding: 0px 10px 0px 10px;
}
tr.listing-ct-body td {
  padding: 20px 25px;
  font-size: 13px;
}
.listing-ct-empty {
  color: #888;
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
/* Used at the end of a group of tbody to show an 'empty' message */
thead.listing-ct-empty td,
table.listing-ct > thead.listing-ct-empty td {
  padding: 10px;
}
tbody + thead.listing-ct-empty {
  display: none;
}
/* Listing pattern defaults to using full width of parent */
.listing-ct-wide {
  width: 100%;
}
div.listing-ct-head {
  overflow: visible;
}
.listing-ct-head .btn-group,
.listing-ct-head button:not(.dropdown-toggle) {
  margin-left: 0.3em;
}
table.listing-ct > caption a {
  font-size: 16px;
}
tbody tr.listing-ct-noexpand {
  cursor: default;
}
/* Fix up nav-tabs-pf to work properly */
.nav-tabs-pf > li:first-child a {
  margin-left: 0px !important;
  padding-left: 15px !important;
}
.nav-tabs-pf > li a:before {
  right: 0px !important;
}
.nav-tabs-pf > li > a:active:before,
.nav-tabs-pf > li > a:focus:before,
.nav-tabs-pf > li > a:hover:before,
.nav-tabs-pf > li.active a:before {
  height: 3px;
  left: 0px;
}
/* Form layout */
:root {
  --ct-form-layout-columns: 2;
}
.ct-form-layout {
  align-self: start;
  display: grid;
  grid-gap: 5px 10px;
  grid-template-columns: repeat(var(--ct-form-layout-columns), max-content 1fr);
  place-items: baseline stretch;
}
.ct-form-layout > .control-label {
  align-self: start;
  text-align: right;
}
.ct-form-layout > :not(.control-label):not(hr):not(.ct-form-layout-split):not(.ct-form-layout-full) {
  grid-column: 2 / -1;
}
.ct-form-layout > :not(.ct-form-layout-relax):not(.spinner) {
  width: auto;
}
.ct-form-layout > hr {
  border: none;
  grid-column: 1 / -1;
  height: 10px;
  margin: 0;
  padding: 0;
}
.ct-form-layout > input[size],
.ct-form-layout > .ct-validation-wrapper > input[size] {
  justify-self: start;
}
.ct-form-layout input[type=number] {
  -webkit-appearance: textarea;
}
.ct-form-layout > input,
.ct-form-layout > .ct-validation-wrapper > input,
.ct-form-layout > textarea,
.ct-form-layout > .ct-validation-wrapper > textarea,
.ct-form-layout > select,
.ct-form-layout > .ct-validation-wrapper > select,
.ct-form-layout > .bootstrap-select,
.ct-form-layout > .ct-validation-wrapper > .bootstrap-select,
.ct-form-layout > .ct-select,
.ct-form-layout > .ct-validation-wrapper > .ct-select,
.ct-form-layout > .dropdown,
.ct-form-layout > .ct-validation-wrapper > .dropdown,
.ct-form-layout > .combobox-container,
.ct-form-layout > .ct-validation-wrapper > .combobox-container,
.ct-form-layout > fieldset,
.ct-form-layout > .ct-validation-wrapper > fieldset,
.ct-form-layout > [role=group],
.ct-form-layout > .ct-validation-wrapper > [role=group],
.ct-form-layout > [data-field],
.ct-form-layout > .ct-validation-wrapper > [data-field],
.ct-form-layout > .form-group,
.ct-form-layout > .ct-validation-wrapper > .form-group,
.ct-form-layout > .btn-group,
.ct-form-layout > .ct-validation-wrapper > .btn-group,
.ct-form-layout > label.checkbox,
.ct-form-layout > .ct-validation-wrapper > label.checkbox,
.ct-form-layout > label.radio,
.ct-form-layout > .ct-validation-wrapper > label.radio,
.ct-form-layout > .checkbox-inline,
.ct-form-layout > .ct-validation-wrapper > .checkbox-inline,
.ct-form-layout > .radio-inline,
.ct-form-layout > .ct-validation-wrapper > .radio-inline {
  margin-top: -3px;
  margin-bottom: 3px;
  min-height: 26px;
  align-self: start;
}
.ct-form-layout > :not(.ct-form-layout-relax):not(.spinner) {
  width: auto !important;
}
.ct-form-layout > [role=group],
.ct-form-layout > .ct-validation-wrapper > [role=group] {
  align-content: center;
  align-self: start;
  display: grid;
  grid-gap: 5px;
  justify-content: start;
  grid-template-columns: repeat(3, auto);
}
.ct-form-layout > [role=group].ct-form-layout-vertical > :not(.ct-form-layout-split),
.ct-form-layout > .ct-validation-wrapper > [role=group].ct-form-layout-vertical > :not(.ct-form-layout-split) {
  grid-column: 1 / -1;
}
.ct-form-layout > [role=group] > .checkbox,
.ct-form-layout > .ct-validation-wrapper > [role=group] > .checkbox,
.ct-form-layout > [role=group] > .radio,
.ct-form-layout > .ct-validation-wrapper > [role=group] > .radio {
  margin: 0;
}
.ct-form-layout > [role=group]:not(.ct-form-layout-relax) > .dropdown,
.ct-form-layout > .ct-validation-wrapper > [role=group]:not(.ct-form-layout-relax) > .dropdown,
.ct-form-layout > .ct-validation-wrapper > [data-field]:not(.ct-form-layout-relax) > .dropdown {
  width: auto !important;
}
.ct-form-layout > [role=group]:not(.ct-form-layout-relax) > .ct-select,
.ct-form-layout > .ct-validation-wrapper > [role=group]:not(.ct-form-layout-relax) > .ct-select,
.ct-form-layout > .ct-validation-wrapper > [data-field]:not(.ct-form-layout-relax) > .ct-select {
  width: 100%;
}
.ct-form-layout label.checkbox,
.ct-form-layout label.radio,
.ct-form-layout .checkbox > label,
.ct-form-layout .radio > label,
.ct-form-layout .checkbox-inline,
.ct-form-layout .radio-inline {
  display: inline-flex;
  padding-left: 0;
  padding-right: 10px;
  align-items: center;
}
.ct-form-layout label.checkbox > input[type="checkbox"],
.ct-form-layout label.radio > input[type="checkbox"],
.ct-form-layout .checkbox > label > input[type="checkbox"],
.ct-form-layout .radio > label > input[type="checkbox"],
.ct-form-layout .checkbox-inline > input[type="checkbox"],
.ct-form-layout .radio-inline > input[type="checkbox"],
.ct-form-layout label.checkbox > input[type="radio"],
.ct-form-layout label.radio > input[type="radio"],
.ct-form-layout .checkbox > label > input[type="radio"],
.ct-form-layout .radio > label > input[type="radio"],
.ct-form-layout .checkbox-inline > input[type="radio"],
.ct-form-layout .radio-inline > input[type="radio"] {
  height: 16px;
  margin: 5px 0;
  margin-right: 0.5rem;
  position: static;
}
.ct-form-layout fieldset > .checkbox:first-child,
.ct-form-layout fieldset > .radio:first-child {
  margin-top: 0;
}
.ct-form-layout fieldset > .checkbox:last-child,
.ct-form-layout fieldset > .radio:last-child {
  margin-bottom: 0;
}
.ct-form-layout .list-group {
  margin-bottom: 5px;
}
.ct-form-layout > .ct-form-layout-split {
  grid-column: auto / auto;
}
.ct-form-layout > .ct-form-layout-full {
  grid-column: 1 / -1;
}
.ct-form-layout > .has-success:not(.form-group),
.ct-form-layout > .has-warning:not(.form-group),
.ct-form-layout > .has-error:not(.form-group) {
  position: relative;
  top: -0.5rem;
}
.ct-form-layout > .help-block {
  position: relative;
  top: -0.5rem;
}
.ct-form-layout .ct-form-box {
  background: #f5f5f5;
  /* pf-black-150 */
  border-width: 1px;
  border-style: solid;
  border-color: #bbbbbb;
  /* pf-black-400 */
  padding: 0.5rem;
  padding-top: 1rem;
  width: 100%;
}
.modal .ct-form-layout > .control-label {
  padding-left: 0.5rem;
}
.ct-form-layout-stretch {
  justify-content: stretch !important;
}
.ct-form-layout-relax {
  justify-self: start;
}
.modal-dialog.modal-sm .ct-form-layout > .ct-form-layout-split {
  grid-column: 2 / -1;
}
@media (max-width: 640px) {
  .listing-ct-body,
  .modal {
    --ct-form-layout-columns: 1;
  }
}
.ct-form-layout-minmax {
  grid-template-columns: max-content min-content max-content 1fr;
}
.ct-form-layout-maxmin {
  grid-template-columns: max-content 1fr max-content min-content;
}
@media (max-width: 480px) {
  .listing-ct-body .ct-form-layout,
  .modal .ct-form-layout {
    grid-template-columns: initial;
  }
  .listing-ct-body .ct-form-layout > *,
  .modal .ct-form-layout > * {
    grid-column: auto;
    max-width: 100%;
  }
  .listing-ct-body .ct-form-layout > .control-label,
  .modal .ct-form-layout > .control-label {
    padding: 0;
    text-align: left;
  }
  .listing-ct-body .ct-form-layout > .control-label:not(:first-child),
  .modal .ct-form-layout > .control-label:not(:first-child) {
    margin: 6px 0 0;
  }
  .listing-ct-body .ct-form-layout > hr,
  .modal .ct-form-layout > hr {
    height: 12px;
  }
}
.list-group {
  max-height: 35rem;
  overflow-y: scroll; }

#search-image-dialog-waiting.spinner {
  margin-top: 5rem; }

.image-list-item {
  display: grid;
  grid-template-columns: 1fr 2fr; }

.image-tag-entry {
  max-width: 15rem;
  float: left; }
.file-autocomplete-ct input {
  padding-right: 24px; }

.file-autocomplete-ct ul {
  max-height: 250px; }

.file-autocomplete-ct .alert {
  margin: 0;
  border: none;
  padding: 0 24px 0 6px; }

.file-autocomplete-ct .error input {
  border-color: red; }

.file-autocomplete-ct .error input {
  border-color: red; }

.file-autocomplete-ct .error ul {
  border-color: red;
  padding: 0; }

.file-autocomplete-ct span.spinner,
.file-autocomplete-ct span.caret {
  position: absolute;
  top: 7px;
  z-index: 9; }

.file-autocomplete-ct span.caret {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  pointer-events: all; }
a {
  cursor: pointer; }

.disabled {
  pointer-events: auto; }

.btn {
  min-height: 26px;
  min-width: 26px; }

.btn.disabled {
  pointer-events: auto; }

.btn.disabled:hover {
  z-index: auto; }

.btn-group, .btn-group-vertical {
  /* Fix button groups from wrapping in narrow widths */
  display: inline-flex; }

.btn-group-vertical {
  /* Vertical btn-groups should be vertical */
  flex-direction: column; }

a.disabled {
  cursor: not-allowed !important;
  text-decoration: none;
  pointer-events: none;
  color: #8b8d8f; }

a.disabled:hover {
  text-decoration: none; }

.dropdown-menu > li > a.disabled,
.dropdown-menu > li > a.disabled:hover,
.dropdown-menu > li > a.disabled:focus {
  color: #999999; }

.dropdown-menu > li > a.disabled:hover,
.dropdown-menu > li > a.disabled:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default; }

/* Limit dropdown menus to 90% of the viewport size */
.dropdown-menu {
  height: auto;
  overflow-x: hidden;
  max-height: 90vh; }

/* Align these buttons more nicely */
.btn.fa-minus,
.btn.fa-plus {
  padding-top: 4px; }

/* HACK: Workaround for https://github.com/patternfly/patternfly/issues/174*/
.page-ct {
  margin-top: 20px; }

.highlight-ct {
  background-color: #edf8ff; }

/* Well and Blankslate */
.curtains-ct {
  top: 0px;
  height: 100%;
  width: 100%;
  position: fixed; }

.panel .well {
  margin-bottom: 0px;
  border: none;
  border-radius: 0px;
  background-color: #FAFAFA; }

.well.blank-slate-pf {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05) inset;
  padding-top: 40px; }

.blank-slate-pf .spinner-lg {
  height: 58px;
  width: 58px; }

/*
 * Control buttons such as play and stop
 * Used with .btn .btn-default
 */
.btn-control-ct,
.btn-control-ct:hover {
  background-position: center center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-image: none;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  height: 28px;
  width: 28px;
  box-shadow: none; }

.btn-control-ct {
  background-color: #eeeeee; }

.btn-control-ct:hover {
  background-color: #e0e0e0; }

/* Small list inside a dialog */
/* Alert fixups */
.modal-content .alert {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px; }

.modal-content .alert .fa {
  position: absolute;
  left: 10px;
  top: 6px;
  font-size: 20px; }

.modal-content .alert .pficon {
  top: 5px; }

.alert.alert-danger .fa {
  color: #af151a; }

/* Dialog patterns */
.dialog-wait-ct {
  margin-top: 3px; }

.dialog-wait-ct .spinner {
  display: inline-block; }

.dialog-wait-ct span {
  vertical-align: 4px;
  padding-left: 10px; }

.dialog-list-ct {
  max-height: 230px;
  overflow-x: auto;
  border: 1px solid #CCC;
  margin-bottom: 0px; }

/* HACK: https://github.com/patternfly/patternfly/issues/255 */
input[type=number] {
  padding: 0 0 0 5px; }

/* Make a dialog visible */
.dialog-ct-visible {
  display: block; }

.ct-select {
  --dropdown-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2237%22 height=%2224%22 viewBox=%220 0 9.487 6%22%3E%3Cpath fill=%22%234d5258%22 d=%22M5.623 2.831l-.09-.09c-.02-.02-.063-.02-.083 0l-.706.707-.707-.708c-.02-.02-.063-.018-.082.001l-.091.09c-.02.02-.02.063 0 .082l.838.838c.02.02.063.02.082 0l.84-.837c.02-.02.019-.063-.001-.083z%22/%3E%3C/svg%3E%0A");
  --dropdown-background: linear-gradient(#fafafa, #ededed);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
  padding: 1px 28px 1px 5px;
  border: 1px solid #bbb;
  background: var(--dropdown-image) no-repeat 100% 50%, var(--dropdown-background);
  box-shadow: 0 2px 3px rgba(3, 3, 3, 0.1);
  border-radius: 1px;
  color: #4d5258;
  cursor: pointer;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  font-weight: 600;
  min-height: 26px; }

@-moz-document url-prefix() {
  /* Accomodate Firefox styling selects with slightly different padding. */
  .ct-select {
    padding-left: 1px; } }

.ct-select:hover,
.ct-select:active {
  --dropdown-background: #f1f1f1; }

.ct-select:hover {
  border-color: #7dc3e8; }

.ct-select:focus {
  border-color: #0088ce;
  /* pf-blue-400 */
  /* Outer blue glow */
  box-shadow: inset 0 1px 1px rgba(3, 3, 3, 0.075), 0 0 8px rgba(0, 136, 206, 0.6);
  color: #4d5258; }

.ct-select:active {
  box-shadow: inset 0 2px 8px rgba(3, 3, 3, 0.2); }

.ct-select optgroup,
.ct-select option {
  background-color: #fff; }
#containers-images div.download-in-progress {
  color: grey;
  font-weight: bold;
  padding-top: 15px; }
.listing-ct-body-header {
  margin-bottom: 1.5em; }

.listing-ct-body {
  padding: 0px; }

.listing-ct-body .listing-ct-body {
  padding: 20px 25px; }

.listing-ct-body .dialog-list-ct {
  margin: 20px; }

.list-group-item .pficon {
  margin: 5px; }

.listing-ct-item .pficon {
  position: relative;
  top: 3px;
  right: 3px;
  font-size: 16px; }

.vulnerability-row-ct-docker {
  line-height: 2.5em; }

.vulnerability-row-ct-docker:not(:last-child) {
  border-bottom: 1px solid #BABABA; }

/* For table rows containing interactive controls like bars */
.info-table-ct tr.interactive td {
  line-height: 26px;
  padding-top: 0px;
  vertical-align: center; }

.info-table-ct .shrink,
.form-table-ct .shrink {
  white-space: nowrap;
  width: 5px; }

/*
 * For showing and filtering disabled unimportant rows in a table
 *
 * Set .unimportant on things, and then .filter-unimportant on
 * ancestor when you want to filter them.
 */
.filter-unimportant .unimportant {
  display: none; }

/*
 * Used to make a table cell that containts buttons have less padding
 * HACK: Because CSS has no parant selector.
 */
.cell-buttons,
.table > tbody > tr > .cell-buttons {
  padding-top: 4px;
  padding-bottom: 4px;
  width: 30px;
  padding-right: 15px; }

/* Align with the top of the graphs
  only when not wrapped
*/
@media (min-width: 1200px) {
  #containers-storage {
    margin-top: 19px; } }

.container-column-cpu,
.container-column-memory-graph,
.container-column-memory-text {
  display: none; }

/* The columns are displayed differently here */
@media (min-width: 768px) {
  .container-column-name,
  .container-column-image {
    width: 20%;
    display: table-cell; }
  .container-column-command,
  .container-column-memory-graph {
    width: 15%;
    display: table-cell; }
  .container-column-cpu,
  .container-column-memory-text {
    width: 10%;
    text-align: right;
    display: table-cell; } }

#image-details-containers .container-column-actions,
#containers .container-column-actions {
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 4px; }

#image-details-containers .cell-buttons button,
#image-details-containers .table > tbody > tr > .cell-buttons button,
#containers .cell-buttons button,
#containers .table > tbody > tr > .cell-buttons button {
  position: absolute;
  right: 36px;
  width: 28px;
  height: 28px; }

#container-details .info-table-ct {
  margin-bottom: 30px; }

@media (min-width: 1200px) {
  #container-details .info-table-ct {
    float: left; }
  #container-details .console-ct {
    margin-top: 0;
    float: right; } }

#containers-search-image-dialog .modal-body {
  height: 340px; }

#containers-search-image-results {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #BABABA;
  margin-top: 10px; }

#containers-search-image-results tr.active td {
  background-color: #f5f9fc; }

#containers-search-image-search {
  padding-left: 25px; }

#containers-search-image-dialog .containers-search-image-search-icon {
  left: 0;
  top: 6px; }

#containers-search-image-no-results {
  margin: auto;
  margin-top: 100px;
  text-align: center; }

#containers-search-tag {
  width: 200px;
  float: left; }

#containers #containers-containers .table,
#containers #containers-images .table,
#image-details-containers .table {
  table-layout: fixed; }

#containers #containers-containers .table th,
#containers #containers-containers .table td,
#containers #containers-images .table th,
#containers #containers-images .table td,
#image-details #image-details-containers .table th,
#image-details #image-details-containers .table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.image-column-created,
.image-column-size-text {
  display: none; }

/* The columns are displayed differently here */
@media (min-width: 768px) {
  .image-column-created {
    width: 30%;
    display: table-cell; }
  .image-column-size-text {
    width: 15%;
    display: table-cell; }
  .image-column-tags {
    width: 40%; } }

#containers_run_image_dialog td {
  vertical-align: top; }

.containers-run-inline form .pficon-close,
.containers-run-inline form .fa-plus {
  height: 26px;
  width: 26px;
  padding: 4px;
  float: right;
  margin-left: 5px; }

.containers-run-inline .form-inline {
  background: #f4f4f4;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #bababa;
  padding: 4px;
  margin-left: 0px; }

.containers-run-inline .form-inline:first-of-type {
  border-top: 1px solid #bababa; }

.containers-run-inline .form-control {
  margin: 0 4px; }

.containers-run-inline .form-group:first-of-type .form-control {
  margin: 0 4px 0 0; }

.containers-run-portmapping input {
  max-width: 5em; }

.containers-run-volumemount input {
  max-width: 8em; }

.containers-run-volumemount button {
  max-width: 8em; }

.containers-run-envvarclaim input {
  max-width: 8em; }

.containers-run-onbuildvarclaim input {
  max-width: 15em; }

#select-linked-containers .form-group {
  width: 80%; }

#select-linked-containers label {
  padding-right: 4px;
  padding-left: 4px; }

@media (min-width: 768px) {
  #select-linked-containers .form-group {
    width: 40%; }
  #select-linked-containers input {
    max-width: 73%; } }

#restart-policy-select {
  max-width: 150px; }

#restart-policy-select > button > span.pull-left {
  overflow: hidden;
  width: 100%;
  text-align: left; }

#restart-policy-retries-container {
  display: inline;
  margin-left: 4px; }

#restart-policy-retries {
  max-width: 50px;
  display: inline; }

/* Hack to remove size column */
.image-column-size-graph {
  display: none !important; }

/* workaround: make text red for select if contained in has-error, not in patternfly */
.has-error > .dropdown > button > span {
  color: #A94442; }

#containers-cpu-graph,
#containers-mem-graph {
  height: 120px; }

#container-details .panel-heading .pull-right {
  height: 25px; }

.resource-value {
  min-width: 8em;
  text-align: right; }

.content-filter {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  padding: 10px 16px 10px 20px;
  position: fixed;
  width: 100%;
  top: 0px;
  right: 0px;
  z-index: 1;
  height: 50px; }

.content-filter + div {
  margin-top: 70px; }

.content-filter input[type="text"] {
  display: inline-block;
  width: 200px;
  margin-left: 6px;
  margin-top: 2px; }

.content-filter .bootstrap-select {
  margin-top: 2px; }

.content-filter h3 {
  display: inline;
  font-size: 18px;
  line-height: 28px; }

.content-filter i {
  font-size: 24px;
  position: relative;
  padding-right: 3px; }

.content-filter i.pficon-image {
  top: 3px; }

.content-filter i.fa {
  margin-top: 2px;
  font-size: 18px;
  line-height: 28px; }

.content-filter i.fa-cube {
  font-size: 22px; }

.content-filter a {
  padding-left: 30px; }

/*
 * Styling of bar graphs. See controls.js for more details
 */
.bar-row {
  min-width: 100px;
  margin-top: 2px;
  margin-bottom: 0px;
  height: 15px; }

.bar-row div.progress-bar {
  background-color: #0099d3; }

.bar-row-danger div.progress-bar {
  background-color: #af151a; }

.bar-row div.progress-no-limit {
  /* used when no limit */
  background-color: transparent; }

.bar-row div.progress,
.bar-row div.progress div.progress-bar {
  /* minimum width of each bar */
  min-width: 5px; }

.slider {
  display: block;
  margin: 10px 10px;
  height: 5px;
  white-space: nowrap;
  font-size: 0px;
  background-color: #e7e7e7;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.slider-warning {
  background-color: #d4a096; }

.slider-bar {
  position: relative;
  height: 5px; }

.slider > .slider-bar > .slider-bar {
  border-right: 3px solid white;
  height: 5px;
  position: relative; }

.slider > .slider-bar > .slider-bar {
  display: inline-block; }

.slider > div:first-child {
  float: left;
  background-color: #0099d3; }

.slider-disabled > div:first-child {
  cursor: auto;
  background-color: #e7e7e7; }

.slider-thumb {
  position: absolute;
  border-radius: 9px;
  background-color: #0099d3;
  width: 18px;
  height: 18px;
  top: -6px;
  right: -9px;
  content: '.';
  cursor: pointer;
  border: 1px solid #267da1;
  z-index: 1; }

.slider-disabled .slider-thumb {
  background-color: #e7e7e7;
  border: 1px solid #d7d7d7;
  cursor: auto; }

.size-text-ct {
  display: inline;
  width: 6em;
  text-align: right;
  margin: 2px; }

/* Storage
*/
.drives-panel {
  margin-top: 10px; }

.drives-panel-body {
  padding: 15px;
  background: #EEE; }

.drives-panel-body table {
  margin-top: 10px;
  width: 100%;
  background: #FFF; }

.drives-panel-body table tr {
  border: 1px solid #DDD; }

.drives-panel-body table tr:hover {
  background-color: #d4edfa; }

.drives-panel-body table tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px; }

.drives-panel-body table tr td:last-child {
  width: 100%;
  padding-right: 10px; }

.drives-panel-body table tr td span {
  color: #444; }

.drives-panel-body table tr td span:first-child {
  color: #000; }

.drives-panel-body table tr td img {
  height: 30px; }

.drives-panel-footer {
  padding: 15px;
  background: #DDD;
  text-align: right; }

#storage-overview {
  height: 90px;
  margin-top: -13px;
  margin-bottom: 30px; }

#storage-overview .free-text {
  font-size: 32px;
  margin-right: 3px; }

#storage-overview .free-unit {
  display: inline-block;
  font-size: 12px;
  line-height: 14px; }

#storage-overview .used-total {
  float: right;
  font-size: 12px;
  line-height: 14px;
  margin-top: 13px;
  border-left: 2px solid #DDD; }

#storage-overview .used-total td {
  padding-left: 10px; }

#containers-storage-details .free-text {
  font-size: 18px; }

#containers-storage-details .used-total {
  float: right;
  padding-top: 10px; }

#containers-storage-details .progress {
  margin-bottom: 0px;
  height: 5px; }

#containers-storage a {
  display: block;
  text-align: right;
  margin-top: 5px; }

table.drive-list {
  width: 100%; }

table.drive-list td {
  vertical-align: top; }

table.drive-list td:nth-child(1) {
  color: black;
  text-align: right;
  white-space: nowrap; }

table.drive-list td:nth-child(2) {
  width: 18px; }

table.drive-list td:nth-child(2) img {
  margin-left: 5px;
  margin-right: 5px;
  height: 18px; }

.modal-body .alert {
  margin-bottom: -20px;
  margin-top: 30px; }

.status {
  padding-left: 32px;
  padding-top: 1em;
  color: #888; }

#image-details .listing-ct-inline {
  padding-left: 20px;
  padding-right: 20px; }

.form-group input[type="radio"] {
  margin: 2px 0px 2px 10px; }

/* Align the buttons on DynamicListForms to the right */
.form-list-control > div:last-child {
  grid-column-start: 4 !important;
  justify-self: end !important; }

.form-list-control input {
  width: 125px !important; }

/*# sourceMappingURL=index.css.map*/