.grouped-border {
  font-size: 0.875rem;
  letter-spacing: normal;
  padding: 10px;
  background-color: #fff;
  border: 1px solid rgba(72, 94, 144, 0.16);
  position: relative; }
  @media (min-width: 992px) {
    .grouped-border {
      padding: 20px; } }
  @media (min-width: 1200px) {
    .grouped-border {
      padding: 25px; } }
  .grouped-border::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: -6px;
    left: 5px;
    font-size: 8px;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: inherit;
    color: #8392a5;
    padding: 0 5px;
}

.ql-slurl:after {
  content: "slurl";
}

.ql-MP:after {
  content: "MP";
}

.script-icon{
  position: relative;
  top: 3px;
  content:url("/img/script-icon.png");
}

.notecard-icon{
  position: relative;
  top: 3px;
  content:url("/img/notecard-icon.png");
}

.object-icon{
  position: relative;
  top: 3px;
  content:url("/img/object-icon.png");
}

.folder-icon{
  content:url("/img/folder-icon.png");
}

.ess-activate-btn{
  content:url("/img/ess-activate-btn.png");
}

.ess-deactivate-btn{
  content:url("/img/ess-deactivate-btn.png");
}

.pressed{
  background-color: #ececec;
  #safari { background-color:#ececec }
  border-radius: 5px;
  padding: 5px;
}

.pressed_light{
  background-color: #f8f9fa;
  border: 1px solid #eaecf0;
  #safari { background-color: #f8f9fa }
  border-radius: 3px;
  padding: 3px;
}

.red_box{
  border: dotted 3px #b63c3c;
  border-radius: 3px;
  padding: 3px;
}