acquia_lift.debugger.css in Acquia Lift Connector 7.2

[id="debugger"] {
  display: none;
}

.debugger * {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: none;
  border: none;
  box-shadow: none;
  color: #333333;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  font: normal;
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  left: auto;
  letter-spacing: normal;
  line-height: 1.5;
  list-style: none;
  margin: 0px;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  position: static;
  right: auto;
  table-layout: auto;
  text-align: inherit;
  text-decoration: none;
  -moz-text-decoration-color: inherit;
       text-decoration-color: inherit;
  -moz-text-decoration-line: none;
       text-decoration-line: none;
  -webkit-text-decoration-style: solid;
     -moz-text-decoration-style: solid;
          text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  vertical-align: baseline;
  visibility: visible;
  z-index: auto;
  unicode-bidi: normal;
  white-space: normal;
  width: auto;
  word-spacing: normal;
}

#debugger {
  position: fixed;
  display: block;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  background: white;
  box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.8);
  border-top-right-radius: .4em;
  border-top-left-radius: .4em;
  -webkit-transform: rotate3d(0, 0, 0, 0) scale(0.88);
          transform: rotate3d(0, 0, 0, 0) scale(0.88);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  transition: all 0ms;
}
@media screen and (min-width: 600px) {
  #debugger {
    left: 1em;
    width: calc(100% - 2em);
  }
}
@media screen and (min-width: 95%) {
  #debugger {
    left: 2.5%;
    width: 95%;
  }
}
#debugger .float {
  float: left;
  padding-right: 10px;
  vertical-align: middle;
}
#debugger button {
  height: 31px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 2px;
}
#debugger table {
  background-color: white;
  width: 100%;
  border: none;
  table-layout: fixed;
  word-wrap: break-word;
}
#debugger table img {
  width: 20px;
  padding-right: .15em;
  padding-left: .15em;
  padding-top: 0em;
  padding-bottom: 0em;
  vertical-align: middle;
}
#debugger td {
  background-color: white;
}
#debugger tr {
  padding: 0px;
}
#debugger th {
  background-color: white;
  text-align: left;
  font-weight: bold;
  padding-top: .1em;
  padding-bottom: .2em;
  padding-right: 0px;
  padding-left: 0px;
}
#debugger h5 {
  font-size: 16px;
  line-height: 1.33333;
  margin-top: 0;
  padding-top: 0.37rem;
  margin-bottom: 0.63rem;
  font-family: "Helvetica Neue", helvetica, "Segoe UI", segoe, "Ubuntu", "Droid Sans", "Arial", sans-serif;
  font-weight: 400;
}
#debugger,
#debugger * {
  box-sizing: border-box;
}
#debugger .clickable {
  cursor: pointer;
  padding-right: 15px;
}
#debugger .debugger__secondary__navigation {
  min-height: 38px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #efefef;
}
#debugger div.debugger__filter__label * {
  font-size: 11px;
}
#debugger .debugger__filter__label,
#debugger .debugger__preview__notification {
  float: left;
  padding-top: 12px;
  padding-right: 15px;
  padding-left: 10px;
}
#debugger .debugger__preview__notification {
  color: #0073b9;
}
#debugger .debugger__navigation__top__bar a:hover,
#debugger .debugger__navigation__top__bar a:focus,
#debugger .debugger__navigation__top__bar a:active {
  color: #0073b9;
  text-decoration: none;
  cursor: pointer;
}
#debugger ul.debugger__navigation__top__bar,
#debugger ul.debugger__navigation__top__bar li {
  height: 100%;
  float: left;
}
#debugger .debugger__navigation {
  background-color: #efefef;
  height: 40px;
  border-color: lightgray;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  width: 100%;
  display: inline-block;
}
#debugger .debugger__navigation a.debugger__navigation__item {
  float: left;
  height: 100%;
  font-size: 1.05em;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  min-width: 45px;
  color: #29aae1;
  margin-right: 2px;
}
#debugger .debugger__select__filter {
  float: left;
}
#debugger .debugger__navigation__item {
  float: left;
  position: relative;
  background-color: #efefef;
  border-color: darkgray;
  margin-bottom: 0px;
  border-radius: 0rem;
  color: #29aae1;
  text-decoration: none;
}
#debugger .debugger__navigation__item:hover, #debugger .debugger__navigation__item:focus {
  text-decoration: none;
  color: #56c1f8;
}
#debugger .debugger__navigation__item:hover {
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
#debugger .debugger__navigation__item.disabled, #debugger .debugger__navigation__item[disabled], fieldset[disabled] #debugger .debugger__navigation__item {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  box-shadow: none;
}
#debugger .debugger__navigation__item__active {
  color: '#0073b9';
  background-color: white;
  box-shadow: 0 0 0.3rem rgba(41, 170, 225, 0.9), inset 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
}
#debugger .debugger__actions {
  float: right;
  margin-top: .4em;
  margin-right: .4em;
  margin-left: .4em;
}
#debugger [class*='debugger__action__'] {
  display: inline-block;
  background: #4bd;
  line-height: 1.3;
  font-size: 1.4em;
  width: 1.4em;
  height: 1.4em;
  margin-right: .1em;
  margin-left: .1em;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0ms;
}
#debugger .debugger__title {
  text-transform: uppercase;
  font-size: .88em;
  font-weight: normal;
  line-height: 1;
  color: #efefef;
  padding: .45em 1em .35em;
  margin: 0;
  border-top-right-radius: .4em;
  border-top-left-radius: .4em;
  transition: all 0ms;
}
#debugger .debugger__content {
  margin-top: -6px;
  display: block;
  overflow-y: auto;
  height: 0;
}
#debugger .debugger__profile {
  padding-left: 10px;
}
#debugger .debugger__profile td {
  padding-right: 10px;
}
#debugger .debugger__profile ul {
  list-style: circle;
}
#debugger .debugger__profile li {
  list-style: none;
  float: left;
  min-width: 25%;
  padding-right: 10px;
}
#debugger .debugger__profile li::before {
  content: '\25CF';
  margin-right: 0em;
}
#debugger.is-maximized {
  box-shadow: 0 -0.1em 0.5em -0.01em rgba(0, 0, 0, 0.8);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
#debugger.is-maximized .debugger__title {
  background: #efefef;
  color: #fff;
}
#debugger.is-maximized .debugger__content {
  height: 35vh;
}
#debugger.is-closed .rg-top {
  cursor: default !important;
  display: none !important;
}
#debugger.is-closed .debugger__content {
  height: 0px;
  height: 0vh !important;
}
#debugger .debugger__preview td {
  padding-left: 10px;
}
#debugger .debugger__preview .addBox {
  width: 100%;
  padding-bottom: 1em;
  padding-top: 1em;
  vertical-align: middle;
  position: relative;
}
#debugger .debugger__preview .addBox button {
  background-color: #0073b9;
  color: white;
  padding-top: 3px;
}
#debugger .debugger__preview .previewBox {
  float: left;
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 15px;
}
#debugger .debugger__preview .overrideSegments li {
  list-style: none;
  float: left;
  min-width: 25%;
}
#debugger .debugger__preview .preview__button__active {
  background-color: #0073b9;
  color: white;
  display: inline;
}
#debugger .debugger__preview .preview__button__inactive {
  display: none;
}
#debugger #debugger__log__table table td {
  vertical-align: top;
  padding-bottom: 5px;
  padding-right: 15px;
}
#debugger #debugger__log__table tr:hover td {
  background-color: #f5f5f5;
}
#debugger #debugger__log__table #clickable {
  color: #29aae1;
  text-decoration: none;
  transition: color .2s ease-out;
  cursor: pointer;
}
#debugger #debugger__log__table #clickable:visited {
  color: #018dc7;
}
#debugger #debugger__log__table #clickable:hover,
#debugger #debugger__log__table #clickable a:active,
#debugger #debugger__log__table #clickable a:focus {
  color: #56c1f8;
}
#debugger .debugger-icon-warning {
  background-image: url("icons/e29700/warning.svg");
}
#debugger .debugger-icon-error {
  background-image: url("icons/ea2800/error.svg");
}
#debugger .debugger-icon-info {
  background-image: url("icons/0073b9/info-circle.svg");
}
#debugger .debugger-icon-warning, #debugger .debugger-icon-error, #debugger .debugger-icon-info {
  background-repeat: no-repeat;
  background-position: center;
}
#debugger .debugger__action__maximize {
  position: relative;
  background-image: url("icons/ffffff/arrow-up.svg");
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-position: center;
}
#debugger .debugger__action__close {
  position: relative;
  background-image: url("icons/ffffff/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em 1em;
}
#debugger .debugger__action__destroy {
  position: relative;
  background-image: url("icons/ffffff/ex.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em 1em;
}
#debugger.is-maximized .debugger__action__maximize, #debugger.is-closed .debugger__action__close {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  font-size: 0;
  margin: 0;
  cursor: default;
}
#debugger.is-maximized [aria-hidden="true"].debugger__action__maximize, #debugger.is-closed [aria-hidden="true"].debugger__action__close {
  display: none;
}
#debugger .multiSelect .layout {
  float: none;
}
#debugger .multiSelect .line {
  padding: 2px 2px 4px 2px;
  max-height: 30px;
  overflow: hidden;
  box-sizing: content-box;
}
#debugger .multiSelect .acol {
  display: inline-block;
  min-width: 12px;
}
#debugger .multiSelect button {
  color: #333333;
  position: relative;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0px;
  border: none;
  min-height: 38px !important;
  min-width: 10%;
  color: #555;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal;
  background-color: #efefef;
  font-size: 10px;
}
#debugger .multiSelect button:disabled {
  background-image: linear-gradient(#fff, #fff);
  border: 1px solid #ddd;
  color: #999;
}
#debugger .multiSelect .buttonClicked {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
#debugger .multiSelect .buttonLabel {
  display: inline-block;
  padding: 5px 0px 5px 0px;
}
#debugger .multiSelect .checkboxLayer {
  background-color: #fff;
  position: absolute;
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  display: none !important;
}
#debugger .multiSelect .inputFilter {
  display: none;
}
#debugger .multiSelect .checkBoxContainer {
  display: block;
  padding: 8px;
  overflow: hidden;
}
#debugger .multiSelect .show {
  display: block !important;
}
#debugger .multiSelect .multiSelectItem {
  display: block;
  padding: 3px;
  color: #444;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  position: relative;
  font-size: 10px;
  min-height: 32px;
  padding-right: 10px;
  padding-left: 30px;
}
#debugger .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
  background-image: linear-gradient(#e9e9e9, #f1f1f1);
  color: #555;
  cursor: pointer;
  font-size: 10px;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #d9d9d9;
}
#debugger .multiSelect .multiSelectItem:hover {
  background-image: linear-gradient(#c1c1c1, #999) !important;
  color: #fff !important;
  cursor: pointer;
  border: 1px solid #ccc !important;
}
#debugger .multiSelect .multiSelectItem .acol label {
  display: inline-block;
  margin: 0px;
  font-weight: normal;
  line-height: normal;
}
#debugger .multiSelect .multiSelectFocus {
  background-image: linear-gradient(#c1c1c1, #999) !important;
  color: #fff !important;
  cursor: pointer;
  border: 1px solid #ccc !important;
}
#debugger .multiSelect .multiSelectFocus:hover {
  cursor: pointer;
}
#debugger .multiSelect .tickMark {
  display: inline-block;
  position: absolute;
  left: 10px;
  font-size: 10px;
}
#debugger .multiSelect .checkbox {
  color: #ddd !important;
  position: absolute;
  left: -9999px;
  cursor: pointer;
}
#debugger .multiSelect img {
  margin-bottom: 0px;
  max-height: 22px;
  max-width: 22px;
}
#debugger .autocomplete {
  width: 100%;
  border-radius: 0px;
  position: relative;
}
#debugger .autocomplete input {
  width: 100%;
  margin: 0px;
  border-style: solid;
  border-radius: 0;
  border-color: lightgray;
  border-width: 1px;
  line-height: 1;
  height: 29px;
  margin-top: 3px;
  padding-left: 5px;
}
#debugger .autocomplete ul {
  position: absolute;
  left: 0;
  overflow-y: scroll;
  width: 100%;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  z-index: 1;
  background-color: white;
}
#debugger .autocomplete li {
  text-align: left;
  list-style: none;
  width: 100%;
  font-size: 12px;
  background-color: #fff;
}
#debugger .autocomplete li.active {
  width: 100%;
  background-color: #4bf;
}
#debugger .autocomplete .highlight {
  background-color: #E2E2E2;
}
#debugger .autocomplete li.active .highlight {
  background: #666;
  color: #fff;
}
@media only screen and (max-width: 550px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #debugger {
    /* Force table to not be like tables anymore */
    /*Hide table headers (but not display: none;, for accessibility) */
    /* Label the icons */
    /* Label the data */
  }
  #debugger .debugger__log table, #debugger .debugger__log thead, #debugger .debugger__log tbody, #debugger .debugger__log td, #debugger .debugger__log tr, #debugger .debugger__profile tr, #debugger .debugger__profile td {
    display: block;
  }
  #debugger .debugger__log th,
  #debugger .debugger__preview th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #debugger .debugger__log tr {
    border: 1px solid #ccc;
  }
  #debugger .debugger__log td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-bottom: 14px;
  }
  #debugger .debugger__log td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    width: 100%;
    top: -15px;
    font-weight: bold;
    background-color: #efefef;
    white-space: nowrap;
  }
  #debugger .debugger__log [class*='debugger-icon-'] {
    background-position: left;
  }
  #debugger .debugger__log .debugger-icon-info:after {
    content: "Notification";
    padding-left: 20px;
    font-style: italic;
  }
  #debugger .debugger__log .debugger-icon-warning:after {
    content: "Warning";
    padding-left: 20px;
    font-style: italic;
  }
  #debugger .debugger__log .debugger-icon-warning:after {
    content: "Error";
    padding-left: 20px;
    font-style: italic;
  }
  #debugger .debugger__log td:nth-of-type(1)::before {
    content: "";
  }
  #debugger .debugger__log td:nth-of-type(2)::before {
    content: "Message";
  }
  #debugger .debugger__log td:nth-of-type(3)::before {
    content: "Type";
  }
  #debugger .debugger__log td:nth-of-type(4):before {
    content: "Time";
  }
  #debugger .debugger__log td:nth-of-type(5):before {
    content: "Page";
  }
  #debugger .debugger__log td:nth-of-type(6):before {
    content: "Resolution";
  }
  #debugger .debugger__log td:nth-of-type(7):before {
    content: "";
  }
}
@media only screen and (max-width: 550px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #debugger .debugger__navigation a.debugger__navigation__item {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 550px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #debugger .debugger__profile td:first-child {
    width: 100%;
  }
}
#debugger .resizable {
  position: relative;
}
#debugger .resizable.no-transition {
  transition: none !important;
}
#debugger .rg-top {
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  z-index: 1;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: transparent;
}
#debugger .rg-top:hover {
  cursor: row-resize;
}
#debugger .rg-top span {
  position: absolute;
  box-sizing: border-box;
  display: block;
  border: 1px solid #ccc;
}
#debugger .rg-top span {
  border-width: 1px 0;
  left: 50%;
  margin: 3.5px 0 0 -10px;
  width: 20px;
  height: 7px;
}
#debugger .rg-top {
  cursor: row-resize;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: -10px;
}

#debuggerSpacer {
  height: calc(40px + 1em);
  width: 100%;
}