.contextual {
  position: absolute;
  right: 0;
  top: 6px;
  z-index: 500
}

[dir=rtl] .contextual {
  left: 0;
  right: auto
}

.contextual-region {
  transition: outline-color .25s ease 0s
}

.contextual-region.focus {
  outline: 1px dashed #d6d6d6;
  outline-offset: 1px
}

.contextual .trigger {
  background-color: transparent;
  float: right;
  margin: 0;
  overflow: hidden;
  padding: 0 2px;
  position: relative;
  right: 6px;
  cursor: pointer
}

[dir=rtl] .contextual .trigger {
  float: left;
  right: auto;
  left: 6px
}

.contextual.open .trigger {
  box-shadow: none;
  z-index: 2;
  background-color: #888;
  color:white;
}
.contextual.trigger:focus {

  box-shadow: none;
  z-index: 2;
  background-color: #888;
  color:white!important;
}
.contextual-region .contextual .contextual-links {
  background-color: #888;
  border: none;
  clear: both;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  right: 6px;
  text-align: left;
  top: 0;
  white-space: nowrap;
  min-width: 180px;
  padding:1px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  /*background: #f0f0f0;*/
  background: linear-gradient(0deg,#dee2e6 0,#e9ecef 25%,#eee 42%,#ccc 100%)
}

[dir=rtl] .contextual-region .contextual .contextual-links {
  float: left;
  left: 6px;
  right: auto;
  text-align: right
}

.contextual-region .contextual .contextual-links li {
  /*background: #f0f0f0;*/
  border: none;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  line-height: 100%;
  color:#0f0f0f;

}
context-links-panel--label {
  color:black!important;
}
.contextual-region .contextual .contextual-links a {
  /*background-color: #1d83c2;*/
  color: #000;
  display: block;
  font-size: small;
  line-height: .8em;
  margin: 0;
  padding: .8em 1.5em .8em 1.8em
}

.touchevents .contextual-region .contextual .contextual-links a {
  font-size: large
}

.contextual-region .contextual .contextual-links a,.contextual-region .contextual .contextual-links a:hover {
  text-decoration: none
}

.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
  color: #000;
  /*background: #f7fcff*/
}

.context-links-panel--label {
  font-size: 1em;
  padding: 10px 5px;
  font-weight: 700;
  color: #0f0f0f;
  line-height: 1;
  font-weight: normal!important;

}

.contextual-links--panel--metadata {

  color: #000;
  padding:10px;
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  background: #f0f0f0;
  background: linear-gradient(0deg,#dee2e6 0,#e9ecef 25%,#eee 42%,#ccc 100%)
}
.entity-metadata--item--label {
  font-weight: 400;
  font-size: 12px;

}

.contextual-links--panel--metadata--item {
  width: 50%;
  float: left;
  vertical-align: top;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden
}

.contextual-links--panel--metadata--item:nth-child(2n+1) {
  clear: both
}

.contextual-links--panel--metadata--item label {
  display: block;
  font-size: .8em
}

.contextual-links--panel--metadata--item span {
  font-size: .9em
}

.contextual-links--panel--metadata--item--entity_label label {
  display: none
}

.contextual-links li {
  position: relative
}

.contextual-links li .ds-ico {
  position: absolute;
  left: 3px;
  top: 7px
}