.text-highlighted {
  background-color: rgba(240,255,64,0.667);
  padding-left: 0.2em;
  padding-right: 0.2em;
  border-radius: 2px;
  font-weight: bold;
}

.text-highlighted.text-highlighted-current {
  border: 2px dotted rgba(0,0,0,0.85);
}

#hightlight-skipper {
  position: fixed;
  z-index: 1050;
  min-width:280px;
  bottom: 0;
  left: 15px;
  min-height: 0 !important;
  /*
  box-shadow: 0 0 8px rgba(0,0,0,0.25), 0 0 3px rgba(0,0,0,0.25);
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  */
  background-color: rgb(240,255,64);
}

/*
@media (min-width:576px) {
  #hightlight-skipper {
    bottom: auto;
    top: 0;
  }
}
*/


// html:not(.override_admin_style) body.gpAdmin #hightlight-skipper {
//  top: 30px;
// }

#hightlight-skipper > span {
  padding: 0 0.25em;
  height: 42px;
  line-height: 42px;
  color: #000;
  text-align: center;
}

#hightlight-skipper > span i.fa {
  font-size: 14px;
}



#hightlight-skipper .hightlight-skipper-button {
  cursor:pointer;
}

#hightlight-skipper .hightlight-skipper-button:hover {
  background: #000;
  color: rgb(240,255,64);
}

#hightlight-skipper .hightlight-skipper-term {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media print {
  .text-highlighted {
    position: relative;
    display: inline-block;
    border-radius: 0;
    z-index: 2;
  }
  .text-highlighted:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    border-top: 1.5rem solid rgb(240,255,64);
    z-index: -1;
  }
  #hightlight-skipper {
    display: none!important;
  }
}