/* Overrides nest/static/css/annotator.min.css
 * - removes a lot of CSS to avoid overrides in heron/static/scss/_annotations.scss
-------------------------------------------------------------------- */
/* Base Reset
-------------------------------------------------------------------- */
/* Images
-------------------------------------------------------------------- */
/* Annotator Highlight
-------------------------------------------------------------------- */
.annotator-hl {
  background: rgba(255, 255, 10, 0.3); }

.annotator-hl-temporary {
  background: rgba(0, 124, 255, 0.3); }

/* Annotator Wrapper
-------------------------------------------------------------------- */
.annotator-wrapper {
  position: relative; }

/* NB: If you change the list of classes for which z-index is set,
       you should update Annotator._setupDynamicStyle() */
.annotator-adder,
.annotator-outer,
.annotator-notice {
  z-index: 1020; }

.annotator-filter {
  z-index: 1010; }

.annotator-hide {
  display: none;
  visibility: hidden; }

/* Annotator Adder
-------------------------------------------------------------------- */
.annotator-adder {
  margin-top: -48px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background-position: left top; }

.annotator-adder:hover {
  background-position: center top; }

.annotator-adder:active {
  background-position: center right; }

/* Annotator Widget
   
   This applies to both the Viewer and the Editor
-------------------------------------------------------------------- */
.annotator-invert-x .annotator-widget {
  left: auto;
  right: -18px; }

.annotator-invert-y .annotator-widget {
  bottom: auto;
  top: 8px; }

.annotator-widget strong {
  font-weight: bold; }

.annotator-widget .annotator-listing,
.annotator-widget .annotator-item {
  padding: 0;
  margin: 0;
  list-style: none; }

.annotator-widget::after {
  content: "";
  display: block;
  width: 18px;
  height: 10px;
  background-position: 0 0;
  position: absolute;
  bottom: -10px;
  left: 8px; }

.annotator-invert-x .annotator-widget::after {
  left: auto;
  right: 8px; }

.annotator-invert-y .annotator-widget::after {
  background-position: 0 -15px;
  bottom: auto;
  top: -9px; }

.annotator-viewer .annotator-item {
  border-top: 2px solid rgba(122, 122, 122, 0.2); }

.annotator-widget .annotator-item:first-child {
  border-top: none; }

/* Annotator Viewer
-------------------------------------------------------------------- */
.annotator-viewer div {
  padding: 6px 6px; }

.annotator-viewer .annotator-item ol,
.annotator-viewer .annotator-item ul {
  padding: 4px 16px; }

.annotator-hide.annotator-viewer .annotator-controls {
  position: relative;
  top: 5px;
  right: 5px;
  padding-left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  float: right; }

.annotator-viewer li:hover .annotator-controls,
.annotator-viewer li .annotator-controls.annotator-visible {
  opacity: 1; }

.annotator-viewer .annotator-controls button:active,
.annotator-viewer .annotator-controls a:active {
  opacity: 1; }

.annotator-viewer .annotator-controls button[disabled] {
  display: none; }

.annotator-viewer .annotator-controls .annotator-edit {
  background-position: 0 -60px; }

.annotator-viewer .annotator-controls .annotator-delete {
  background-position: 0 -75px; }

.annotator-viewer .annotator-controls .annotator-link {
  background-position: 0 -270px; }

/* Annotator Editor
-------------------------------------------------------------------- */
.annotator-editor .annotator-item {
  position: relative; }

.annotator-editor .annotator-item label {
  top: 0;
  display: inline;
  font-size: 12px; }

.annotator-editor .annotator-item input[type=radio],
.annotator-editor .annotator-item input[type=checkbox] {
  width: auto;
  min-width: 0;
  padding: 0;
  display: inline;
  margin: 0 4px 0 0;
  cursor: pointer; }

.annotator-editor .annotator-checkbox {
  padding: 8px 6px; }

.annotator-editor.annotator-invert-y .annotator-controls {
  border-top: none;
  border-bottom: 1px solid #b4b4b4;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.annotator-editor a:hover,
.annotator-editor a:focus,
.annotator-editor a.annotator-focus,
.annotator-filter .annotator-filter-active label,
.annotator-filter .annotator-filter-navigation button:hover {
  outline: none;
  border-color: #435aa0;
  background-color: #3865f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7691fb), color-stop(0.5, #5075fb), color-stop(0.5, #3865f9), to(#3665fa));
  background-image: -moz-linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  background-image: -webkit-linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  background-image: linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42); }

.annotator-editor a:hover::after,
.annotator-editor a:focus::after {
  margin-top: -8px;
  background-position: 0 -105px; }

.annotator-editor.annotator-invert-y .annotator-widget .annotator-controls {
  background-color: #f2f2f2; }

.annotator-editor.annotator-invert-y .annotator-widget::after {
  background-position: 0 -45px;
  height: 11px; }

.annotator-resize {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background-position: 2px -150px; }

.annotator-invert-x .annotator-resize {
  right: auto;
  left: 0;
  background-position: 0 -195px; }

.annotator-invert-y .annotator-resize {
  top: auto;
  bottom: 0;
  background-position: 2px -165px; }

.annotator-invert-y.annotator-invert-x .annotator-resize {
  background-position: 0 -180px; }

/* Annotator Notification
-------------------------------------------------------------------- */
.annotator-notice {
  color: #fff;
  position: absolute;
  position: fixed;
  top: -54px;
  left: 0;
  width: 100%;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  background: black;
  background: rgba(0, 0, 0, 0.9);
  border-bottom: 4px solid #d4d4d4;
  -webkit-transition: top 0.4s ease-out;
  -moz-transition: top 0.4s ease-out;
  -o-transition: top 0.4s ease-out;
  transition: top 0.4s ease-out; }

.ie6 .annotator-notice {
  position: absolute; }

.annotator-notice-success {
  border-color: #3665f9; }

.annotator-notice-error {
  border-color: #ff7e00; }

.annotator-notice p {
  margin: 0; }

.annotator-notice a {
  color: #fff; }

.annotator-notice-show {
  top: 0; }

/* Annotator Tags Plugin
-------------------------------------------------------------------- */
.annotator-tags {
  margin-bottom: -2px; }

.annotator-tags .annotator-tag {
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 2px;
  line-height: 1.6;
  font-weight: bold;
  background-color: #e6e6e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

/* Annotator Filter Plugin
-------------------------------------------------------------------- */
.annotator-filter {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
  line-height: 0;
  border: none;
  border-bottom: 1px solid #878787;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }

.annotator-filter strong {
  font-size: 12px;
  font-weight: bold;
  color: #3c3c3c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  position: relative;
  top: -9px; }

.annotator-filter .annotator-filter-property,
.annotator-filter .annotator-filter-navigation {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 10px;
  padding: 2px 0;
  margin-right: 8px; }

.annotator-filter .annotator-filter-property label,
.annotator-filter .annotator-filter-navigation button {
  text-align: left;
  display: block;
  float: left;
  line-height: 20px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px; }

.annotator-filter .annotator-filter-property label {
  padding-left: 8px; }

.annotator-filter .annotator-filter-property input {
  display: block;
  float: right;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #878787;
  border-left: none;
  padding: 2px 4px;
  line-height: 16px;
  min-height: 16px;
  font-size: 12px;
  width: 150px;
  color: #333;
  background-color: #f8f8f8;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }

.annotator-filter .annotator-filter-property input:focus {
  outline: none;
  background-color: #fff; }

.annotator-filter .annotator-filter-clear {
  position: absolute;
  right: 3px;
  top: 6px;
  border: none;
  text-indent: -900em;
  width: 15px;
  height: 15px;
  background-position: 0 -90px;
  opacity: 0.4; }

.annotator-filter .annotator-filter-clear:hover,
.annotator-filter .annotator-filter-clear:focus {
  opacity: 0.8; }

.annotator-filter .annotator-filter-clear:active {
  opacity: 1; }

.annotator-filter .annotator-filter-navigation button {
  border: 1px solid #a2a2a2;
  padding: 0;
  text-indent: -900px;
  width: 20px;
  min-height: 22px;
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); }

.annotator-filter .annotator-filter-navigation button,
.annotator-filter .annotator-filter-navigation button:hover,
.annotator-filter .annotator-filter-navigation button:focus {
  color: transparent; }

.annotator-filter .annotator-filter-navigation button::after {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-position: 0 -210px; }

.annotator-filter .annotator-filter-navigation button:hover::after {
  background-position: 0 -225px; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next {
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  border-left: none; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next::after {
  left: auto;
  right: 7px;
  background-position: 0 -240px; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next:hover::after {
  background-position: 0 -255px; }

.annotator-hl-active {
  background: rgba(255, 255, 10, 0.8); }

.annotator-hl-filtered {
  background-color: transparent; }