
      /* indicator */
      /*
      .input-display {
        border-radius: 3px;
        display: inline-block;
        padding: 0 3px;
        -webkit-transition: all 200ms;
        transition: all 200ms;
      }

      [data-whatinput="mouse"] .input-display.-mouse,
      [data-whatintent="mouse"] .input-intent.-mouse {
        background-color: #d9edf7;
        color: #31708f;
      }

      [data-whatinput="keyboard"] .-keyboard {
        background-color: #dff0d8;
        color: #3c763d;
      }

      [data-whatinput="touch"] .-touch {
        background-color: #fcf8e3;
        color: #8a6d3b;
      }
*/
      /* links */
      a:focus {
        z-index: 1;
      }

      [data-whatinput="keyboard"]   a:focus  {
       outline: 2px solid #e77800;
       border: none;
      }
      [data-whatinput="keyboard"]   #q:focus {
       outline: 2px solid #e77800;
       border: none;
      }
      [data-whatinput="keyboard"]   .google-form-submit:focus {
       outline: 2px solid #e77800;
       border: none;
      }      
      


      /* form controls */
      /*
      [data-whatinput="mouse"] .form-control:focus {
        border-color: #31708f;
        outline: 0;
        box-shadow:
          inset 0 1px 1px rgba(0, 0, 0, .075),
          0 0 8px rgba(49, 112, 143, 0.6);
      }

      [data-whatinput="keyboard"] .form-control:focus {
        border-color: #3c763d;
        outline: 0;
        box-shadow:
          inset 0 1px 1px rgba(0, 0, 0, .075),
          0 0 8px rgba(60, 118, 61, 0.6);
      }

      [data-whatinput="touch"] .form-control:focus {
        border-color: #8a6d3b;
        outline: 0;
        box-shadow:
          inset 0 1px 1px rgba(0, 0, 0, .075),
          0 0 8px rgba(138, 109, 59, 0.6);
      }
      */