html, button, input, select, textarea {
  color: #222; }

  .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0; }

    .unselectable {
      -moz-user-select: -moz-none;
      -webkit-user-select: none;
      -o-user-select: none;
      -ms-user-select: none;
          user-select: none; }

      .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        text-indent: -9999px; }

        .ir:before {
          content: "";
          display: block;
          width: 0;
          height: 150%; }

          .hidden {
            display: none !important;
            visibility: hidden; }

            .visuallyhidden {
              border: 0;
              clip: rect(0 0 0 0);
              height: 1px;
              margin: -1px;
              overflow: hidden;
              padding: 0;
              position: absolute;
              width: 1px; }

              .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
                clip: auto;
                height: auto;
                margin: 0;
                overflow: visible;
                position: static;
                width: auto; }

                body {
                  font: 13px / 1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
                  overflow: hidden;
                  height: 100vh;
                  background-color: #1d1f21;
                  width: 100%; }

                  #configuration {
                    position: absolute;
                    top: 5px;
                    right: 15px; }

                    #action-show-settings {
                      position: absolute;
                      top: 5px;
                      right: 15px; }

                      #minimized-action-bar {
                        position: absolute;
                        top: 3px;
                        right: 8px; }

                        .icon {
                          display: inline-block;
                          vertical-align: top;
                          overflow: hidden;
                          margin: 4px;
                          width: 25px;
                          height: 25px;
                          font-size: 0;
                          text-indent: -9999px;
                          opacity: 0.5;
                          cursor: pointer; }
                          .icon:hover {
                            opacity: 1; }

.fully-opaque {
  opacity: 1; }

  .scrollable {
    height: 100%;
    word-break: break-all;
    white-space: nowrap;
    overflow: auto; }

    .log-view {
      font-family: "Consolas", "Menlo", "Monaco", "Lucida Console", "Liberation Mono",
            "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", "monospace",
            "serif";
      font-size: 13px;
      line-height: 1.3;
      padding-top: 2px;
      color: #c5c8c6;
      background-color: #1d1f21; }
      .log-view .log-entry {
        display: block; }
        .log-view .log-entry-current {
          background: #282a2e; }
          .log-view .log-notice {
            background: #FF974F;
            color: #1d1f21;
            text-align: center;
            font-weight: bold; }

.log-view-wrapped {
  white-space: normal; }

  .log-view ::-moz-selection {
    background: #373b41;
    text-shadow: none; }

  .log-view ::selection {
    background: #373b41;
    text-shadow: none; }

    input::-moz-selection {
      background: black;
      text-shadow: none;
      color: white; }

    input::selection {
      background: black;
      text-shadow: none;
      color: white; }

      input::-webkit-input-placeholder {
        color: #c5c8c6;
        font-style: italic;
        text-align: center; }

      input::-moz-placeholder {
        color: #c5c8c6;
        font-style: italic;
        text-align: center; }

      input:-ms-input-placeholder {
        color: #c5c8c6;
        font-style: italic;
        text-align: center; }

      input::placeholder {
        color: #c5c8c6;
        font-style: italic;
        text-align: center; }

        #configuration {
          position: fixed;
          display: none;
          top: 40px;
          right: 15px;
          background: #373b41;
          z-index: 9999;
          border: 5px solid #282a2e;
          box-sizing: border-box;
          box-shadow: 2px 2px 2px 0px #202225; }
          #configuration form {
            padding: 10px;
            display: table;
            font-family: "Consolas", "Menlo", "Monaco", "Lucida Console", "Liberation Mono",
                        "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", "monospace",
                        "serif";
            font-size: 14px;
            color: #c5c8c6; }
            #configuration p {
              display: table-row; }
              #configuration label, #configuration input {
                margin-top: 2px;
                display: table-cell; }
                #configuration label {
                  border: none; }
                  #configuration input {
                    margin-left: 20px;
                    border: none;
                    width: 80px;
                    text-align: right;
                    vertical-align: middle; }
