:root {
    --wm-toolbar-height: 65px;
  }
  #wm-ipp-base {
    height:65px;/* initial height just in case js code fails */
    padding:0;
    margin:0;
    border:none;
    background:none transparent;
  }
  #wm-ipp {
    z-index: 2147483647;
  }
  #wm-ipp, #wm-ipp * {
    font-family:Lucida Grande, Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:1.2;
    letter-spacing:0;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    min-width:0 !important;
    min-height:0;
    outline:none;
    float:none;
    text-align:left;
    border:none;
    color: #000;
    text-indent: 0;
    position: initial;
    background: none;
  }
  #wm-ipp div, #wm-ipp canvas {
    display: block;
  }
  #wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form {
    padding:0;
    margin:0;
    border:none;
    border-radius:0;
    background-color:transparent;
    background-image:none;
    /*z-index:2147483640;*/
    height:auto;
  }
  #wm-ipp table {
    border:none;
    border-collapse:collapse;
    margin:0;
    padding:0;
    width:auto;
    font-size:inherit;
  }
  #wm-ipp form input {
    padding:1px !important;
    height:auto;
    display:inline;
    margin:0;
    color: #000;
    background: none #fff;
    border: 1px solid #666;
  }
  #wm-ipp form input[type=submit] {
    padding:0 8px !important;
    margin:1px 0 1px 5px !important;
    width:auto !important;
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
  }
  #wm-ipp form input[type=submit]:hover {
    background: #eee !important;
    cursor: pointer !important;
  }
  #wm-ipp form input[type=submit]:active {
    transform: translateY(1px);
  }
  #wm-ipp a {
    display: inline;
  }    
  #wm-ipp a:hover{
    text-decoration:underline;
  }
  #wm-ipp a.wm-btn:hover {
    text-decoration:none;
    color:#ff0 !important;
  }
  #wm-ipp a.wm-btn:hover span {
    color:#ff0 !important;
  }
  #wm-ipp #wm-ipp-inside {
    margin: 0 6px;
    border:5px solid #000;
    border-top:none;
    background-color:rgba(255,255,255,0.9);
    -moz-box-shadow:1px 1px 4px #333;
    -webkit-box-shadow:1px 1px 4px #333;
    box-shadow:1px 1px 4px #333;
    border-radius:0 0 8px 8px;
  }
  /* selectors are intentionally verbose to ensure priority */
  #wm-ipp #wm-logo {
    padding:0 10px;
    vertical-align:middle;
    min-width:100px;
    flex: 0 0 100px;
  }
  #wm-ipp .c {
    padding-left: 4px;
  }
  #wm-ipp .c .u {
      margin-top: 4px !important;
  }
  #wm-ipp .n {
    padding:0 0 0 5px !important;
    vertical-align: bottom;
  }
  #wm-ipp .n a {
    text-decoration:none;
    color:#33f;
    font-weight:bold;
  }
  #wm-ipp .n .b {
    padding:0 6px 0 0 !important;
    text-align:right !important;
    overflow:visible;
    white-space:nowrap;
    color:#99a;
    vertical-align:middle;
  }
  #wm-ipp .n .y .b {
    padding:0 6px 2px 0 !important;
  }
  #wm-ipp .n .c {
    background:#000;
    color:#ff0;
    font-weight:bold;
    padding:0 !important;
    text-align:center;
  }
  #wm-ipp.hi .n td.c {
    color:#ec008c;
  }
  #wm-ipp .n td.f {
    padding:0 0 0 6px !important;
    text-align:left !important;
    overflow:visible;
    white-space:nowrap;
    color:#99a;
    vertical-align:middle;
  }
  #wm-ipp .n tr.m td {
    text-transform:uppercase;
    white-space:nowrap;
    padding:2px 0;
  }
  #wm-ipp .c .s {
    padding:0 5px 0 0 !important;
    vertical-align:bottom;
  }
  #wm-ipp #wm-nav-captures {
    white-space: nowrap;
  }
  #wm-ipp .c .s a.t {
    color:#33f;
    font-weight:bold;
    line-height: 1.8;
  }
  #wm-ipp .c .s div.r {
    color: #666;
    font-size:9px;
    white-space:nowrap;
  }
  #wm-ipp .c .k {
    padding-bottom:1px;
  }
  #wm-ipp .c .s {
    padding:0 5px 2px 0 !important;
  }
  #wm-ipp td#displayMonthEl {
    padding: 2px 0 !important;
  }
  #wm-ipp td#displayYearEl {
    padding: 0 0 2px 0 !important;
  }
  
  div#wm-ipp-sparkline {
    position:relative;/* for positioning markers */
    white-space:nowrap;
    background-color:#fff;
    cursor:pointer;
    line-height:0.9;
  }
  #sparklineImgId, #wm-sparkline-canvas {
    position:relative;
    z-index:9012;
    max-width:none;
  }
  #wm-ipp-sparkline div.yt {
    position:absolute;
    z-index:9010 !important;
    background-color:#ff0 !important;
    top: 0;
  }
  #wm-ipp-sparkline div.mt {
    position:absolute;
    z-index:9013 !important;
    background-color:#ec008c !important;
    top: 0;
  }  
  #wm-ipp .r {
      margin-left: 4px;
  }
  #wm-ipp .r a {
    color:#33f;
    border:none;
    position:relative;
    background-color:transparent;
    background-repeat:no-repeat !important;
    background-position:100% 100% !important;
    text-decoration: none;
  }
  #wm-ipp #wm-capinfo {
    /* prevents notice div background from sticking into round corners of
       #wm-ipp-inside */
    border-radius: 0 0 4px 4px;
  }
  #wm-ipp #wm-capinfo .c-logo {
    display:block;
    float:left;
    margin-right:3px;
    width:90px;
    min-height:90px;
    max-height: 290px;
    border-radius:45px;
    overflow:hidden;
    background-position:50%;
    background-size:auto 90px;
    box-shadow: 0 0 2px 2px rgba(208,208,208,128) inset;
  }
  #wm-ipp #wm-capinfo .c-logo span {
    display:inline-block;
  }
  #wm-ipp #wm-capinfo .c-logo img {
    height:90px;
    position:relative;
    left:-50%;
  }
  #wm-ipp #wm-capinfo .wm-title {
    font-size:130%;
  }
  #wm-ipp #wm-capinfo a.wm-selector {
    display:inline-block;
    color: #aaa;
    text-decoration:none !important;
    padding: 2px 8px;
  }
  #wm-ipp #wm-capinfo a.wm-selector.selected {
    background-color:#666;
  }
  #wm-ipp #wm-capinfo a.wm-selector:hover {
    color: #fff;
  }
  #wm-ipp #wm-capinfo.notice-only #wm-capinfo-collected-by,
  #wm-ipp #wm-capinfo.notice-only #wm-capinfo-timestamps {
      display: none;
  }
  #wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content {
      background-color:#ff0;
      padding:5px;
      font-size:14px;
      text-align:center;
  }
  #wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content * {
      font-size:14px;
      text-align:center;
  }
  #wm-ipp #wm-expand {
    right: 1px;
    bottom: -1px;
    color: #ffffff;
    background-color: #666 !important;
    padding:0 5px 0 3px !important;
    border-radius: 3px 3px 0 0 !important;
  }
  #wm-ipp #wm-expand span {
    color: #ffffff;
  }
  #wm-ipp #wm-expand #wm-expand-icon {
    display: inline-block;
    transition: transform 0.5s;
    transform-origin: 50% 45%;
  }
  #wm-ipp #wm-expand.wm-open #wm-expand-icon {
    transform: rotate(180deg);
  }
  #wm-ipp #wmtb {
    text-align:right;
  }
  #wm-ipp #wmtb #wmtbURL {
    width: calc(100% - 45px);
  }
  #wm-ipp #wm-graph-anchor {
    border-right:1px solid #ccc;
  }
  /* time coherence */
  html.wb-highlight {
    box-shadow: inset 0 0 0 3px #a50e3a !important;
  }    
  .wb-highlight {
    outline: 3px solid #a50e3a !important;
  }
  #wm-ipp-print {
    display:none !important;
  }
  @media print {
  #wm-ipp-base {
    display:none !important;
  }
  #wm-ipp-print {
    display:block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  }
  @media (max-width:414px) {
      #wm-ipp .xxs {
      display:none !important;
      }
  }
  @media (min-width:1055px) {
  #wm-ipp #wm-graph-anchor {
    display:block !important;
  }
  }
  @media (max-width:1054px) {
  #wm-ipp #wm-graph-anchor {
    display:none !important;
  }
  }
  @media (max-width:1163px) {
  #wm-logo {
      display:none !important;
  }
  }
  
  #wm-btns {
      white-space: nowrap;
      margin-top: -2px;
  }
  
  #wm-btns #wm-save-snapshot-open {
    margin-right: 7px;
    top: -6px;
  }
  
  #wm-btns #wm-sign-in {
    box-sizing: content-box;
    display: none;
    margin-right: 7px;
    top: -8px;
  
    /*
    round border around sign in button
    */
    border: 2px #000 solid;
    border-radius: 14px;
    padding-right: 2px;
    padding-bottom: 2px;
    width: 11px;
    height: 11px;
  }
  
  #wm-btns #wm-sign-in>.iconochive-person {
    font-size: 12.5px;
  }
  
  #wm-save-snapshot-open > .iconochive-web {
    color:#000;
    font-size:160%;
  }
  
  #wm-ipp #wm-share {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  
  #wm-share > #wm-screenshot {
    display: inline-block;
    margin-right: 3px;
    visibility: hidden;
  }
  
  #wm-screenshot > .iconochive-image {
    color:#000;
    font-size:160%;
  }
  
  #wm-share > #wm-video {
    display: inline-block;
    margin-right: 3px;
    visibility: hidden;
  }
  
  #wm-video > .iconochive-movies {
    color: #000;
    display: inline-block;
    font-size: 150%;
    margin-bottom: 2px;
  }
  
  #wm-btns #wm-save-snapshot-in-progress {
    display: none;
    font-size:160%;
    opacity: 0.5;
    position: relative;
    margin-right: 7px;
    top: -5px;
  }
  
  #wm-btns #wm-save-snapshot-success {
    display: none;
    color: green;
    position: relative;
    top: -7px;
  }
  
  #wm-btns #wm-save-snapshot-fail {
    display: none;
    color: red;
    position: relative;
    top: -7px;
  }
  
  .wm-icon-screen-shot {
    background: url("../images/web-screenshot.svg") no-repeat !important;
    background-size: contain !important;
    width: 22px !important;
    height: 19px !important;
  
    display: inline-block;
  }
  #donato {
      /* transition effect is disable so as to simplify height adjustment */
      /*transition: height 0.5s;*/
      height: 0;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #999 !important;
  }
  body.wm-modal {
      height: auto !important;
      overflow: hidden !important;
  }
  #donato #donato-base {
      width: 100%;
      height: 100%;
      /*bottom: 0;*/
      margin: 0;
      padding: 0;
      position: absolute;
      z-index: 2147483639;
  }
  body.wm-modal #donato #donato-base {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2147483640;
  }
  
  .wb-autocomplete-suggestions {
      font-family: Lucida Grande, Helvetica, Arial, sans-serif;
      font-size: 12px;
      text-align: left;
      cursor: default;
      border: 1px solid #ccc;
      border-top: 0;
      background: #fff;
      box-shadow: -1px 1px 3px rgba(0,0,0,.1);
      position: absolute;
      display: none;
      z-index: 2147483647;
      max-height: 254px;
      overflow: hidden;
      overflow-y: auto;
      box-sizing: border-box;
  }
  .wb-autocomplete-suggestion {
      position: relative;
      padding: 0 .6em;
      line-height: 23px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.02em;
      color: #333;
  }
  .wb-autocomplete-suggestion b {
      font-weight: bold;
  }
  .wb-autocomplete-suggestion.selected {
      background: #f0f0f0;
  }