/*!
 * Cropper.js v1.3.5
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2018 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-04-15T06:19:56.029Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  /*Avoid margin top issue (Occur only when margin-top <= -height)
  */
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: rgba(51, 153, 255, 0.75);
  outline: 1px solid #39f;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  -webkit-box-shadow: inset 0 1px 3px #178fe5;
          box-shadow: inset 0 1px 3px #178fe5;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.has-event .pika-button {
  background: #005da9;
  -webkit-box-shadow: inset 0 1px 3px #0076c9;
          box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}

.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
@charset "UTF-8";
/**
[Name] Colours
[Section] Carlton

[Description]

Shared colours we reuse where we can.

[Example]
<%
  colours = {
    '$tc_red' => '#d8352a',
    '$tc_grey' => '#383838',
    '$conv_grey' => '#727272',
    '$conv_grey_dark' => '#5d5d5d',
    '$conv_grey_light' => '#f4f5f7',
    '$facebook_blue' => '#3a5a93',
    '$twitter_blue' => '#00b0e9',
    '$linkedin_blue' => '#0181b2',
    '$orcid_green' => '#a6ce39',
    '$rss_orange' => '#eb7f3e',
    '$top-bar-border' => '#eaeaea',
    '$google_orange' => '#de4931',
    '$whatsapp_blue' => '#455a64',
    '$fb_messenger_blue' => '#0084ff'
  }
%>

<ul class="vivus-colour-examples">
  <% colours.each do |colour| %>
    <li style="
      background-color: <%= colour[1] %>;
      list-style: none;
      float: left;
      width: 150px;
      height: 150px;
      margin: 0 20px 60px 0;
      position: relative;">
      <span style="position: absolute; bottom: -40px;">
        <%= colour[0] %><br /><%= colour[1] %>
      </span>
    </li>
  <% end %>
</ul>
**/
/**
[Name]
[Section] Colours

[Description]

We have a default set of colours we reuse where we can.

[Example]
<%
  colours = {
    '$link_blue' => '#069',
    '$link_visited' => '#557585',
    '$link_blue_hover' => '#2d8cd6',
    '$newsletter_bgcolor' => '#faf7f4',
    '$newsletter_txt' => '#65635f',
    '$post_tile_bgcolor' => '#f6f7fa',
    '$friends_of_tc_red' => '#e50c20',
    '$eb-red' => '#da352a',
    '$eb-orange' => '#f5a623',
    '$eb-green' => '#50e3c2',
    '$eb-blue' => '#4a90e2',
    '$authentication_grey' => '#fafafa',
    '$footer-primary' => '#e43a3c',
    '$footer-primary-link' => '#fdb3b8',
    '$footer-dark-red' => '#c03139',
    '$footer-pink' => '#ffa0a5',
    '$article_gray' => '#727272',
  }
%>

<ul class="vivus-colour-examples">
  <% colours.each do |colour| %>
    <li style="
      background-color: <%= colour[1] %>;
      list-style: none;
      float: left;
      width: 150px;
      height: 150px;
      margin: 0 20px 60px 0;
      position: relative;">
      <span style="position: absolute; bottom: -40px;">
        <%= colour[0] %><br /><%= colour[1] %>
      </span>
    </li>
  <% end %>
</ul>
**/
/**
[Name] Topic Ribbons
[Section] Placements
[Description]
Adds the 'Topic' ribbon to highlight which topic that article is tagged with.
[Example]
<section class="wrapper page-area">
  <div class="blockset blocks-1x1-vertical grid-three">
    <div class="blocks-1x1 slammed">
      <div class="page-area container block">
        <article class="clearfix placed analysis published">
          <figure>
            <a class="article-link" href="#">
              <img src="http://placehold.it/324x324">
            </a>
            <figcaption>
              <span class="caption">Caption text goes here</span>
              <span class="source" title="Source">Source</span>
            </figcaption>
          </figure>

          <header>
            <!-- The h4.category is the topic ribbon -->
            <h4 class="category" data-raw="">Check out this sweet topic!</h4>
            <h2><a href="#">Article Title</a></h2>
            <p class="byline">
              <span>By <a href="#">Author Name</a><em>, Institution Name</em></span>
            </p>
          </header>
        </article>
      </div>
    </div>
  </div>
</section>
**/
@-webkit-keyframes (progress) {
  100% {
    background-position: -60px 0;
  }
}
@keyframes (progress) {
  100% {
    background-position: -60px 0;
  }
}
h1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

[class^=icon-], [class*=" icon-"] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/**
[Name] Typography - Icons
[Section] Carlton
[Description]
TC icon font. Used for icons.
**/
@font-face {
  font-family: "TCFont-Regular";
  src: url(/assets/tcfont-regular-7b01787c2f80843cc46c5279f1679930.eot);
  src: url(/assets/tcfont-regular-7b01787c2f80843cc46c5279f1679930.eot?#iefix) format("embedded-opentype"), url(/assets/tcfont-regular-778f3b4f385b24cf8eb524d4e59d529d.woff) format("woff"), url(/assets/tcfont-regular-5dee10366a07e5385650c5fc9048cc72.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/**
[Name] Icons
[Section] Carlton
[Description]
Generic icon set using custom font face for glyphs. For information on adding glyphs to the font,
please read ```/doc/fonts-and-glyphs.md``` in TC.

[Example]
<% icons = [
  "comments", "twitter", "email", "facebook", "maximise", "republish", "globe", "delete", "add",
  "layout", "article", "article-published", "chart", "reader", "readers", "subtract", "comment",
  "search", "help", "rss", "favourite", "location", "time", "friend-of-tc", "friend-of-tc-outer",
  "friend-of-tc-heart", "check", "favourite-add", "skype", "phone", "mobile", "private", "public",
  "topics", "menu", "external-link", "trash", "picture", "image", "edit", "heading", "bold", "italic",
  "link", "video", "fullscreen", "close-fullscreen", "favourite-minus", "envelope", "simple-check",
  "calendar", "the-conversation", "lock", "unlock", "audio", "chevron-right", "caret-down",
  "caret-left", "caret-right", "caret-up", "pastespecial", "linkedin", "pause", "cog", "orcid", "music",
  "print", "google-plus", "home", "facebook-simple", "tag", "left-guillemet", "whatsapp", "fb-messenger",
  "youtube"
]
%>
<ul class="vivus-icon-examples">
  <% icons.each do |icon| %>
    <li><i class="icon-<%= icon %>"></i> .icon-<%= icon %></li>
  <% end %>
</ul>
**/
[class^=icon-], [class*=" icon-"] {
  font-family: "TCFont-Regular";
  display: inline-block;
  font-weight: normal !important;
  font-style: normal !important;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  width: 1.231em;
  font-size: 1.231em;
}
[class^=icon-].icon-comments:before, [class*=" icon-"].icon-comments:before {
  content: "";
}
[class^=icon-].icon-twitter:before, [class*=" icon-"].icon-twitter:before {
  content: "";
  color: #00b0e9;
}
[class^=icon-].icon-email:before, [class*=" icon-"].icon-email:before {
  content: "";
}
[class^=icon-].icon-facebook:before, [class*=" icon-"].icon-facebook:before {
  content: "";
  color: #3a5a93;
}
[class^=icon-].icon-maximise:before, [class*=" icon-"].icon-maximise:before {
  content: "";
}
[class^=icon-].icon-republish:before, [class*=" icon-"].icon-republish:before {
  content: "";
}
[class^=icon-].icon-globe:before, [class*=" icon-"].icon-globe:before {
  content: "";
}
[class^=icon-].icon-delete:before, [class*=" icon-"].icon-delete:before {
  content: "";
}
[class^=icon-].icon-add:before, [class*=" icon-"].icon-add:before {
  content: "";
}
[class^=icon-].icon-layout:before, [class*=" icon-"].icon-layout:before {
  content: "";
}
[class^=icon-].icon-article:before, [class^=icon-].icon-article-published:before, [class*=" icon-"].icon-article:before, [class*=" icon-"].icon-article-published:before {
  content: "";
}
[class^=icon-].icon-article-check:before, [class*=" icon-"].icon-article-check:before {
  content: "";
}
[class^=icon-].icon-chart:before, [class*=" icon-"].icon-chart:before {
  content: "";
}
[class^=icon-].icon-reader:before, [class*=" icon-"].icon-reader:before {
  content: "";
}
[class^=icon-].icon-readers:before, [class*=" icon-"].icon-readers:before {
  content: "";
}
[class^=icon-].icon-subtract:before, [class*=" icon-"].icon-subtract:before {
  content: "";
}
[class^=icon-].icon-comment:before, [class*=" icon-"].icon-comment:before {
  content: "";
}
[class^=icon-].icon-search:before, [class*=" icon-"].icon-search:before {
  content: "";
}
[class^=icon-].icon-help:before, [class*=" icon-"].icon-help:before {
  content: "";
}
[class^=icon-].icon-rss:before, [class*=" icon-"].icon-rss:before {
  content: "";
  color: #eb7f3e;
}
[class^=icon-].icon-rss-non-coloured:before, [class*=" icon-"].icon-rss-non-coloured:before {
  content: "";
}
[class^=icon-].icon-favourite:before, [class*=" icon-"].icon-favourite:before {
  content: "";
}
[class^=icon-].icon-location:before, [class*=" icon-"].icon-location:before {
  content: "";
}
[class^=icon-].icon-time:before, [class*=" icon-"].icon-time:before {
  content: "";
}
[class^=icon-].icon-friend-of-tc:before, [class*=" icon-"].icon-friend-of-tc:before {
  content: "";
}
[class^=icon-].icon-friend-of-tc-outer:before, [class*=" icon-"].icon-friend-of-tc-outer:before {
  content: "";
}
[class^=icon-].icon-friend-of-tc-heart:before, [class*=" icon-"].icon-friend-of-tc-heart:before {
  content: "";
}
[class^=icon-].icon-check:before, [class*=" icon-"].icon-check:before {
  content: "";
}
[class^=icon-].icon-favourite-add:before, [class*=" icon-"].icon-favourite-add:before {
  content: "";
}
[class^=icon-].icon-followed:before, [class*=" icon-"].icon-followed:before {
  content: "";
}
[class^=icon-].icon-skype:before, [class*=" icon-"].icon-skype:before {
  content: "";
}
[class^=icon-].icon-media-enquiries:before, [class^=icon-].icon-work-phone:before, [class^=icon-].icon-phone:before, [class*=" icon-"].icon-media-enquiries:before, [class*=" icon-"].icon-work-phone:before, [class*=" icon-"].icon-phone:before {
  content: "";
}
[class^=icon-].icon-mobile:before, [class*=" icon-"].icon-mobile:before {
  content: "";
}
[class^=icon-].icon-private:before, [class*=" icon-"].icon-private:before {
  content: "";
}
[class^=icon-].icon-public:before, [class*=" icon-"].icon-public:before {
  content: "";
}
[class^=icon-].icon-topics:before, [class*=" icon-"].icon-topics:before {
  content: "";
}
[class^=icon-].icon-menu:before, [class*=" icon-"].icon-menu:before {
  content: "";
}
[class^=icon-].icon-external-link:before, [class*=" icon-"].icon-external-link:before {
  content: "";
}
[class^=icon-].icon-trash:before, [class*=" icon-"].icon-trash:before {
  content: "";
}
[class^=icon-].icon-picture:before, [class*=" icon-"].icon-picture:before {
  content: "";
}
[class^=icon-].icon-image:before, [class*=" icon-"].icon-image:before {
  content: "";
}
[class^=icon-].icon-edit:before, [class*=" icon-"].icon-edit:before {
  content: "";
}
[class^=icon-].icon-heading:before, [class*=" icon-"].icon-heading:before {
  content: "";
}
[class^=icon-].icon-bold:before, [class*=" icon-"].icon-bold:before {
  content: "";
}
[class^=icon-].icon-italic:before, [class*=" icon-"].icon-italic:before {
  content: "";
}
[class^=icon-].icon-link:before, [class*=" icon-"].icon-link:before {
  content: "";
}
[class^=icon-].icon-video:before, [class*=" icon-"].icon-video:before {
  content: "";
}
[class^=icon-].icon-fullscreen:before, [class*=" icon-"].icon-fullscreen:before {
  content: "";
}
[class^=icon-].icon-close-fullscreen:before, [class*=" icon-"].icon-close-fullscreen:before {
  content: "";
}
[class^=icon-].icon-favourite-minus:before, [class*=" icon-"].icon-favourite-minus:before {
  content: "";
}
[class^=icon-].icon-envelope:before, [class*=" icon-"].icon-envelope:before {
  content: "";
}
[class^=icon-].icon-simple-check:before, [class*=" icon-"].icon-simple-check:before {
  content: "";
}
[class^=icon-].icon-calendar:before, [class*=" icon-"].icon-calendar:before {
  content: "";
}
[class^=icon-].icon-the-conversation:before, [class*=" icon-"].icon-the-conversation:before {
  content: "";
}
[class^=icon-].icon-lock:before, [class*=" icon-"].icon-lock:before {
  content: "";
}
[class^=icon-].icon-unlock:before, [class*=" icon-"].icon-unlock:before {
  content: "";
}
[class^=icon-].icon-audio:before, [class*=" icon-"].icon-audio:before {
  content: "";
}
[class^=icon-].icon-chevron-right:before, [class*=" icon-"].icon-chevron-right:before {
  content: "";
}
[class^=icon-].icon-caret-down:before, [class*=" icon-"].icon-caret-down:before {
  content: "";
}
[class^=icon-].icon-caret-left:before, [class*=" icon-"].icon-caret-left:before {
  content: "";
}
[class^=icon-].icon-caret-right:before, [class*=" icon-"].icon-caret-right:before {
  content: "";
}
[class^=icon-].icon-caret-up:before, [class*=" icon-"].icon-caret-up:before {
  content: "";
}
[class^=icon-].icon-pastespecial:before, [class*=" icon-"].icon-pastespecial:before {
  content: "";
}
[class^=icon-].icon-linkedin:before, [class*=" icon-"].icon-linkedin:before {
  content: "";
  color: #0181b2;
}
[class^=icon-].icon-pause:before, [class*=" icon-"].icon-pause:before {
  content: "";
}
[class^=icon-].icon-cog:before, [class*=" icon-"].icon-cog:before {
  content: "";
}
[class^=icon-].icon-orcid:before, [class*=" icon-"].icon-orcid:before {
  content: "";
  color: #a6ce39;
}
[class^=icon-].icon-music:before, [class*=" icon-"].icon-music:before {
  content: "";
}
[class^=icon-].icon-print:before, [class*=" icon-"].icon-print:before {
  content: "";
}
[class^=icon-].icon-google-plus:before, [class*=" icon-"].icon-google-plus:before {
  content: "";
  color: #de4931;
}
[class^=icon-].icon-home:before, [class*=" icon-"].icon-home:before {
  content: "";
}
[class^=icon-].icon-facebook-simple:before, [class*=" icon-"].icon-facebook-simple:before {
  content: "";
  color: #3a5a93;
}
[class^=icon-].icon-tag:before, [class*=" icon-"].icon-tag:before {
  content: "";
}
[class^=icon-].icon-left-guillemet:before, [class*=" icon-"].icon-left-guillemet:before {
  content: "";
}
[class^=icon-].icon-input:before, [class*=" icon-"].icon-input:before {
  content: "";
}
[class^=icon-].icon-whatsapp:before, [class*=" icon-"].icon-whatsapp:before {
  content: "";
  color: #455a64;
}
[class^=icon-].icon-fb-messenger:before, [class*=" icon-"].icon-fb-messenger:before {
  content: "";
  color: #0084ff;
}
[class^=icon-].icon-youtube:before, [class*=" icon-"].icon-youtube:before {
  content: "";
  color: #ff0000;
}
[class^=icon-].icon-share:before, [class*=" icon-"].icon-share:before {
  content: "";
}
[class^=icon-].icon-auth-facebook:before, [class*=" icon-"].icon-auth-facebook:before {
  content: "";
  color: #3a5a93;
}
[class^=icon-].icon-auth-twitter:before, [class*=" icon-"].icon-auth-twitter:before {
  content: "";
  color: #00b0e9;
}
[class^=icon-].icon-auth-linkedin:before, [class*=" icon-"].icon-auth-linkedin:before {
  content: "";
  color: #0181b2;
}
[class^=icon-].icon-auth-google:before, [class*=" icon-"].icon-auth-google:before {
  content: "";
  color: #de4931;
}

.icon-combine .icon-friend-of-tc-heart {
  position: absolute;
  margin-top: 0.045em;
}

/**
[Name] Icon combinations
[Section] Carlton
[Description]
Some glyphs are meant to be used in unison.

- ```..icon-combine-heart``` - Combines the icon-friend-of-tc-outer & icon-friend-of-tc-heart

[Example]
<a href="#" class="button subtle moderately-huge dynamic_donate_link">
  <span class="icon-combine-heart">
    <i class="icon-friend-of-tc-outer"></i>
    <i class="icon-friend-of-tc-heart icon-heart-beating"></i>
  </span>
  Make a donation
</a>
**/
span.icon-combine-heart {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  height: inherit;
  font-size: inherit;
}
span.icon-combine-heart i {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
}

i.icon-conversation-red {
  color: #e50c20;
}

.vivus-icon-examples li {
  list-style: none;
  float: left;
  width: 25%;
  height: 25px;
  padding: 10px 0;
}

/**
[Name] Typography - League Gothic
[Section] Carlton
[Description]
League Gothic font. Used for headings in some places.
**/
@font-face {
  font-family: "LeagueGothicRegular";
  src: url(/assets/league_gothic-ee7c3ac6fcfb162a285700082f0ea9c9.eot);
  src: url(/assets/league_gothic-ee7c3ac6fcfb162a285700082f0ea9c9.eot?#iefix) format("embedded-opentype"), url(/assets/league_gothic-d6edd0e7d6e924072292f6826057aec3.woff) format("woff"), url(/assets/league_gothic-401fad31e190c6b447d592827bf4a01f.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/**
[Name] Typography - Meslo
[Section] Carlton
[Description]
Meslo font. Used for code and other monospaced text.
**/
@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-regular-webfont-8cc8d397467dfd3b15bc9f64e9ab42a3.eot);
  src: url(/assets/meslolgm-dz-regular-webfont-8cc8d397467dfd3b15bc9f64e9ab42a3.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-regular-webfont-212451c5410e147872a6155fc027788c.woff) format("woff"), url(/assets/meslolgm-dz-regular-webfont-cb1f3efc805280875a7e272308dec43c.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-bold-webfont-01f73275280d444e4fcabce2fe47da3b.eot);
  src: url(/assets/meslolgm-dz-bold-webfont-01f73275280d444e4fcabce2fe47da3b.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-bold-webfont-4ae3fcb502b92c8ecc3d4360dd50bf47.woff) format("woff"), url(/assets/meslolgm-dz-bold-webfont-9859c79034c0d27afa4cae2e2d71ee89.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-italic-webfont-57d2399bc2ca3c7f1a3e4d4f49431c4b.eot);
  src: url(/assets/meslolgm-dz-italic-webfont-57d2399bc2ca3c7f1a3e4d4f49431c4b.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-italic-webfont-9775cdbf314c24971031a6bf03bf4165.woff) format("woff"), url(/assets/meslolgm-dz-italic-webfont-c09bfc8b0e5eff99a784b3c7a073ac81.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "MesloLGMDZ";
  src: url(/assets/meslolgm-dz-bolditalic-webfont-4df02b627e9c14073e502e433b763f02.eot);
  src: url(/assets/meslolgm-dz-bolditalic-webfont-4df02b627e9c14073e502e433b763f02.eot?#iefix) format("embedded-opentype"), url(/assets/meslolgm-dz-bolditalic-webfont-d38b3c021d3cbe47b717fdbda788c0b7.woff) format("woff"), url(/assets/meslolgm-dz-bolditalic-webfont-800b43cb8ef81860efc2a9cc7d5da496.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
body.authoring {
  background-color: #fff;
}
body.authoring #outer {
  padding: 0 0 50px 0;
}
body.authoring #outer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.authoring #editor {
  position: relative;
}
body.authoring #editor:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.authoring #editor .loader {
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: 250px;
  z-index: 10;
}
body.authoring #editor .loader div {
  background-image: url(/assets/loading-ccc-a07b5742870eeb7dcef1f657b2b74304.gif);
  background-position: center;
  background-repeat: no-repeat;
  padding: 25px;
}
body.authoring #footer {
  display: none;
}

.avatar-upload-view .upload-panel {
  float: left;
  width: 168px;
  position: relative;
}
.avatar-upload-view .upload-action {
  background-image: url(/assets/author/width238_default-3f1734550aa8c3d4d34e32564a4a0bab.jpg);
  background-size: cover;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  height: 168px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  position: relative;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=' url("../images/author/width238_default.jpg")', sizingMethod="scale");
}
.avatar-upload-view .upload-action span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
          border-radius: 2px;
  bottom: 0;
  -webkit-box-shadow: inner 0 0 3px rgba(0, 0, 0, 0.6);
          box-shadow: inner 0 0 3px rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 150%;
  top: 0;
  left: 0;
  line-height: normal;
  padding: 60px 12px;
  position: absolute;
  right: 0;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr="#50000000", EndColorStr="#50000000");
}
.avatar-upload-view .upload-action img {
  position: absolute;
  z-index: 2;
  width: auto;
  max-height: 100%;
}
.avatar-upload-view .upload-action img.progress {
  -webkit-box-shadow: inset 0 0 500px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 0 500px rgba(0, 0, 0, 0.6);
}
.avatar-upload-view .upload-action img.progress:after {
  bottom: 0;
  color: #fff;
  content: "Uploading...";
  font-size: 150%;
  left: 0;
  line-height: 168px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.avatar-upload-view .upload-action input {
  font-size: 168px !important;
  z-index: 5;
}
.avatar-upload-view .upload-action:hover span {
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.avatar-upload-view .hint {
  float: left;
  margin-left: 20px;
  width: 452px;
}
.avatar-upload-view .hint .error {
  display: none;
}
.avatar-upload-view .upload {
  display: block;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: auto;
}

.author-profile-completeness-lightbox-view .external-profile-link i {
  top: -0.2em;
}

.article.ui-draggable-dragging,
.article.ui-draggable-dragging:hover,
.article-browser-article.ui-draggable-dragging,
.article-browser-article.ui-draggable-dragging:hover {
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
}

.article-browser-article,
article.ui-draggable-dragging {
  -webkit-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
  position: relative;
  background: #fff;
  padding: 12px 36px 12px 12px;
  margin: 0 7px 12px 9px;
  width: 215px;
  z-index: 9;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.article-browser-article.hidden,
article.ui-draggable-dragging.hidden {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.article-browser-article h4, .article-browser-article figure, .article-browser-article .content, .article-browser-article .toggle-byline, .article-browser-article .byline em,
article.ui-draggable-dragging h4,
article.ui-draggable-dragging figure,
article.ui-draggable-dragging .content,
article.ui-draggable-dragging .toggle-byline,
article.ui-draggable-dragging .byline em {
  display: none;
}
.article-browser-article time,
article.ui-draggable-dragging time {
  display: block !important;
  color: #888;
  font-size: 11px;
  line-height: normal;
  margin-bottom: 4px;
  float: left;
}
.article-browser-article .article-region,
article.ui-draggable-dragging .article-region {
  position: relative;
  line-height: 1;
  float: left;
  background: #9dc4e7;
  color: #fff;
  padding: 3px 4px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 9px;
  margin-bottom: 4px;
  margin-right: 6px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.article-browser-article .article-region.uk,
article.ui-draggable-dragging .article-region.uk {
  background: #f7aca6;
}
.article-browser-article .article-region.us,
article.ui-draggable-dragging .article-region.us {
  background: #6da67e;
}
.article-browser-article .article-region.africa,
article.ui-draggable-dragging .article-region.africa {
  background: #7c4f99;
}
.article-browser-article h2,
article.ui-draggable-dragging h2 {
  display: block !important;
  clear: left;
  font-size: 15px !important;
  line-height: 18px !important;
  margin: 0;
  pointer-events: none;
  font-weight: bold;
  color: #383838;
  text-transform: none;
  letter-spacing: normal;
}
.article-browser-article header .remove-unplaced,
article.ui-draggable-dragging header .remove-unplaced {
  display: none;
}
.article-browser-article p,
article.ui-draggable-dragging p {
  padding: 0;
}
.article-browser-article .byline,
article.ui-draggable-dragging .byline {
  line-height: 13px;
  margin-top: 3px;
}
.article-browser-article .byline a,
article.ui-draggable-dragging .byline a {
  pointer-events: none;
  color: #888;
}
.article-browser-article .button,
article.ui-draggable-dragging .button {
  padding: 1px 7px;
  margin-left: 3px;
  margin-bottom: 0;
  float: left;
}
.article-browser-article .article-options,
article.ui-draggable-dragging .article-options {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), color-stop(20%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 20%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 20%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 20%);
  position: absolute;
  color: #b3b3b3;
  font-size: 11px;
  top: 0;
  right: 0;
  width: 25px;
  text-align: center;
  height: 100%;
  background: #ececec;
}
.article-browser-article .article-options a,
article.ui-draggable-dragging .article-options a {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  color: #888;
  margin: -24px 2px 2px 3px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.article-browser-article .article-options a i,
article.ui-draggable-dragging .article-options a i {
  margin: -1px 0 0 1px;
}
.article-browser-article .article-options a:hover,
article.ui-draggable-dragging .article-options a:hover {
  color: #1b78d0;
}
.article-browser-article .article-options .remove-unplaced,
article.ui-draggable-dragging .article-options .remove-unplaced {
  margin: 0 2px 2px 3px;
}
.article-browser-article .article-options .remove-unplaced i,
article.ui-draggable-dragging .article-options .remove-unplaced i {
  font-size: 17px;
  margin: 0;
}
.article-browser-article .article-options .remove-unplaced:hover,
article.ui-draggable-dragging .article-options .remove-unplaced:hover {
  background: #d8352a;
  color: #fcc;
}
.article-browser-article.published,
article.ui-draggable-dragging.published {
  cursor: move;
}
.article-browser-article.published .article-options,
article.ui-draggable-dragging.published .article-options {
  background-color: #fafafa;
}
.article-browser-article.published:hover,
article.ui-draggable-dragging.published:hover {
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
.article-browser-article.finished,
article.ui-draggable-dragging.finished {
  cursor: no-drop;
  background: #f0f0f0;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
}
.article-browser-article.finished a, .article-browser-article.finished a:visited, .article-browser-article.finished a:active,
article.ui-draggable-dragging.finished a,
article.ui-draggable-dragging.finished a:visited,
article.ui-draggable-dragging.finished a:active {
  color: #8f8f8f;
}
.article-browser-article.finished .article-region,
article.ui-draggable-dragging.finished .article-region {
  top: 3px;
  background: #afafaf;
}

/**
[Name] Editorial Dashboard Viewer
[Section] Editorial Elements
[Description]

The editorial dashboard viewer lets an editor view another editor's
dashboard to see what articles they have published, in progress and in a finished
(but not yet published) state.

It uses the ```ChooserView``` to autocomplete editor's names, and defaults
to showing all region's editor's dashboard (All [region] editors).

It shows flags for regions, and small avatar thumbnails for editors.

[Example]

<div id="editor-dashboard-viewer" data-placeholder="Select editor">
  <a class="my-dashboard active" href="/editorial/dashboards/5">View mine</a>
  <div class="chooser-view open">
    <div class="chooser-view-selection-pane">
      <span class="chooser-view-title">Select editor</span>
      <i class="icon-caret-down closed"></i>
      <i class="icon-caret-up opened"></i>

      <div class="chooser-view-autocomplete-wrapper">
        <i class="icon-search"></i>
        <input type="text" name="autocomplete" autocomplete="off">
        <ul class="autocomplete" style="display: block;">
          <li class="autocomplete-item selected">
            <span class="name">All AU editors</span>
          </li>

          <li class="autocomplete-item">
            <span class="name">All US editors</span>
          </li>

          <li class="autocomplete-item">
            <span class="name">All UK editors</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
**/
#editor-dashboard-viewer {
  background-color: #fff;
  background: #fafafa -webkit-linear-gradient(top, #fafafa 0, #fafafa 30px, white 60px);
  background: #fafafa -o-linear-gradient(top, #fafafa 0, #fafafa 30px, white 60px);
  background: #fafafa linear-gradient(to bottom, #fafafa 0, #fafafa 30px, white 60px);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  float: right;
  font-size: 12px;
  position: relative;
}
#editor-dashboard-viewer .my-dashboard {
  -webkit-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
  border: 1px solid #c6c6c6;
  color: #383838;
  display: block;
  float: left;
  height: 24px;
  padding: 6px 18px 0 12px;
  position: relative;
}
#editor-dashboard-viewer .my-dashboard:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f2ff));
  background-image: -webkit-linear-gradient(#fff, #e9f2ff);
  background-image: -o-linear-gradient(#fff, #e9f2ff);
  background-image: linear-gradient(#fff, #e9f2ff);
  border: 1px solid #3be;
}
#editor-dashboard-viewer .or {
  background-color: #354b59;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #fff;
  font-size: 8px;
  font-weight: normal;
  height: 19px;
  padding-top: 1px;
  position: absolute;
  right: -10px;
  text-align: center;
  text-transform: uppercase;
  top: 5px;
  width: 20px;
  z-index: 21;
}
#editor-dashboard-viewer .chooser-view {
  float: right;
  width: 178px;
}
#editor-dashboard-viewer .chooser-view:not(.open) .chooser-view-selection-pane {
  -webkit-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}
#editor-dashboard-viewer .chooser-view:not(.open) .chooser-view-selection-pane:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f2ff));
  background-image: -webkit-linear-gradient(#fff, #e9f2ff);
  background-image: -o-linear-gradient(#fff, #e9f2ff);
  background-image: linear-gradient(#fff, #e9f2ff);
  border: 1px solid #3be;
}
#editor-dashboard-viewer .avatar {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  height: 20px;
  width: 20px;
}
#editor-dashboard-viewer .chooser-view-selection-pane {
  -webkit-border-radius: 0 3px 3px 3px;
          border-radius: 0 3px 3px 3px;
  margin-left: -1px;
}
#editor-dashboard-viewer .chooser-view-title {
  padding-left: 12px;
}
#editor-dashboard-viewer .chooser-view-title img {
  display: none;
}
#editor-dashboard-viewer .autocomplete li {
  margin: 0;
  padding: 6px;
}
#editor-dashboard-viewer .autocomplete li img {
  display: block;
  float: left;
  margin-right: 5px;
  position: relative;
}

/* stylelint-disable selector-class-pattern */
.CodeMirror {
  font-size: 16px;
  height: auto;
  line-height: 1.6em;
  color: #383838;
  font-family: "MesloLGMDZ", "Monaco", monospace;
}
.CodeMirror, .CodeMirror .CodeMirror-scroll {
  overflow: visible !important;
}

.CodeMirror-lines {
  padding: 20px 0;
}

.CodeMirror pre {
  padding: 0 40px;
}

.CodeMirror-wrap .CodeMirror-scroll {
  overflow: visible;
}

.CodeMirror-widget {
  position: relative;
}
.CodeMirror-widget:after {
  content: "";
}

div.CodeMirror-selected {
  background: #eee;
}

.CodeMirror-focused div.CodeMirror-selected {
  background: #b5d5ff;
}

/* stylelint-enable */
.cm-s-tc .cm-formatting {
  color: #aaa;
}
.cm-s-tc .cm-formatting-strong.cm-formatting {
  color: #383838;
}
.cm-s-tc .cm-header {
  color: #383838;
  border-bottom: 2px solid #000;
}
.cm-s-tc .cm-link {
  color: #4c88ee;
  border-bottom: 2px solid #38e;
  text-decoration: none;
}
.cm-s-tc .cm-string {
  color: #4c88ee;
  background-color: rgba(51, 136, 238, 0.15);
}
.cm-s-tc .cm-formatting-link, .cm-s-tc .cm-formatting-link-string {
  color: #aaa;
  border-bottom: none;
  background-color: transparent;
}
.cm-s-tc .cm-header.cm-formatting {
  color: #aaa;
}
.cm-s-tc .cm-invalidchar {
  color: #aaa;
}
.cm-s-tc .cm-trailing-space-new-line:after,
.cm-s-tc .cm-trailing-space-a:after,
.cm-s-tc .cm-trailing-space-b:after {
  content: "";
}

.tc-markdown-toolbar {
  z-index: 5;
  overflow: hidden;
  height: 40px;
  padding: 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: #f8f8f8;
}
.tc-markdown-toolbar .button {
  -webkit-transition: color 150ms, background 150ms;
  -o-transition: color 150ms, background 150ms;
  transition: color 150ms, background 150ms;
  position: relative;
  width: 50px;
  height: 42px;
  border: 0;
  padding: 0;
  margin: 0;
  outline: 1px solid #e1e1e1;
  color: #575757;
  background: #f8f8f8;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.tc-markdown-toolbar .button i {
  top: -4px;
  height: 100%;
  width: 100%;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
}
.tc-markdown-toolbar .button:first-of-type {
  margin-left: 30px;
}
.tc-markdown-toolbar .button:hover {
  background: #dbdbdb;
}
.tc-markdown-toolbar .button.on, .tc-markdown-toolbar .button:active {
  color: #fff;
  background: #3e8ace;
}

/**
[Name] Authoring Header
[Section] Editorial Elements
[Description]

Main page heading for authoring views.

- ```.authoring-header ```- The top bar containing the header for the page.

[Example]
<header class="authoring-header">
  <div class="wrapper">
    <hgroup class="grid-eight">
      <h1>Welcome, Editor!</h1>
      <h2>
        You currently have 10 articles in progress. Go, you good thing!
      </h2>
    </hgroup>
  </div>
</header>
**/
.authoring-header {
  background: #7b7b7b;
  height: auto;
  margin-bottom: 25px;
  padding: 18px 0;
  position: relative;
}
.authoring-header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.editorial-admin .authoring-header {
  margin: 0 -20px 40px;
  padding: 0 20px;
}
.authoring-header hgroup {
  color: #fff;
  float: left;
}
.authoring-header hgroup.wrapper {
  float: none;
}
.authoring-header hgroup h1, .authoring-header hgroup h2 {
  margin: 0;
  line-height: normal;
}
.authoring-header hgroup h1 {
  font-size: 21px;
}
.authoring-header hgroup h2 {
  font-size: 13px;
  margin-top: 0.2em;
}
.authoring-header .toolset {
  float: right;
}
.authoring-header label {
  display: none;
}

.authoring-header-primary {
  padding: 20px 0;
}
.authoring-header-primary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}

.authoring-header-secondary {
  background: #979797;
  margin: 0 -20px;
  padding: 10px 20px;
  clear: both;
}
.authoring-header-secondary:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.authoring-header-secondary .button {
  float: right;
}
.authoring-header-secondary .button + .button {
  margin-right: 10px;
}
.authoring-header-secondary .message {
  margin: 0;
  float: left;
  color: #fff;
  font-weight: bold;
}

/**
[Name] Authoring Actions
[Section] Editorial Elements
[Description]

Minor page heading for authoring views, with actions (usually back buttons).

- ```.authoring-header ```- The top bar containing the header for the page.

[Example]
<div id="authoring-actions">
  <a class="button back" href="/editorial/thing-you-are-viewing">← Back</a>
</div>
**/
.editorial-admin #authoring-actions {
  margin: 0 -20px;
}

#authoring-actions {
  position: relative;
  background-color: #e6e6e6;
  border-bottom: #aaa 1px solid;
  padding: 20px;
  margin-bottom: 20px;
}
#authoring-actions:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
#authoring-actions input[type=submit], #authoring-actions a.button {
  float: right;
  margin-right: 10px;
}
#authoring-actions a.button.back {
  float: left;
}
#authoring-actions #deadline {
  float: left;
  padding-bottom: 3px;
}
#authoring-actions #deadline p {
  font-size: 12px;
  margin-bottom: 0;
}

/**
[Name] Textarea with large text
[Section] Forms
[Description]

- ```.large-type``` - For large type headlines

[Example]
<textarea class="large-type">
  Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam.
  Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer
  posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam
  porta sem malesuada magna mollis euismod.
</textarea>
**/
textarea.large-type {
  font-size: 26px;
  padding: 10px;
  font-weight: bold;
  border: 1px dotted #d8d8d8;
  color: #444444;
}

.content-pages {
  margin-top: 20px;
}
.content-pages ul {
  list-style: none;
}
.content-pages ul li {
  clear: both;
  margin: 0;
}
.content-pages ul li input {
  float: left;
  margin: 4px 5px 0 0;
}

/**
[Name] Curtain
[Section] Widgets
[Description]

TODO: Used by ```CurtainView```, so will need to be placed somewhere that makes sense for CSS
that is used by HTML that is generated by JS.

**/
body > .curtain {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  zoom: 1;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
}
html.no-rgba body > .curtain {
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKdJREFUeNrs0QENADAIBLEx/zqx8dggpCfhWkn6aU3fAiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiACAkRAgAgIEAEBIiBABERAgAgIEAG53ggwALvQBKsY9IW0AAAAAElFTkSuQmCC");
  background-position: left top;
  background-repeat: repeat;
}
body > .curtain .inner {
  position: absolute;
  left: 50%;
  top: 50%;
}
body > .curtain .message {
  display: inline-block;
  margin-left: -50%;
  margin-top: -50%;
  padding: 12px;
  background-color: #fff;
  border: #ddd 1px solid;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25);
          box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
body > .curtain .message p, body > .curtain .message img {
  display: block;
  float: left;
}
body > .curtain .message p {
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}
body > .curtain .message img {
  padding: 1px 0 1px 12px;
}

@-webkit-keyframes ping {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes step1to2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
  to {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
}
@keyframes step1to2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
  to {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
}
@-webkit-keyframes step2to3 {
  from {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  to {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
}
@keyframes step2to3 {
  from {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  to {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
}
/**
[Name] Date Time
[Section] Date Pickers
[Description]

Old date/time picker is on the chopping block.
Should be replaced by one that doesn't use jQuery UI's calendar view.

[Example]
<%
times = [
  "12:00 AM",
  "12:30 AM",
  "1:00 AM",
  "1:30 AM",
  "2:00 AM",
  "2:30 AM",
  "3:00 AM",
  "3:30 AM",
  "4:00 AM",
  "4:30 AM",
  "5:00 AM",
  "5:30 AM",
  "6:00 AM",
  "6:30 AM",
  "7:00 AM",
  "7:30 AM",
  "8:00 AM",
  "8:30 AM",
  "9:00 AM",
  "9:30 AM",
  "10:00 AM",
  "10:30 AM",
  "11:00 AM",
  "11:30 AM",
  "12:00 PM",
  "12:30 PM",
  "1:00 PM",
  "1:30 PM",
  "2:00 PM",
  "2:30 PM",
  "3:00 PM",
  "3:30 PM",
  "4:00 PM",
  "4:30 PM",
  "5:00 PM",
  "5:30 PM",
  "6:00 PM",
  "6:30 PM",
  "7:00 PM",
  "7:30 PM",
  "8:00 PM",
  "8:30 PM",
  "9:00 PM",
  "9:30 PM",
  "10:00 PM",
  "10:30 PM",
  "11:00 PM",
  "11:30 PM"
]
%>

<section style="min-height: 500px; position: relative;">
  <section style="width: 213px; position: absolute; right: 0;">
    <div class="datefilter date-time">
      <a href="#" class="current-date-time">Please select <i class="icon-calendar"></i></a>
      <nav class="datefilter-control" style="display: block;">
        <div class="clearfix">
          <div class="datetime">
            <div class="date hasDatepicker" id="dp1409876633121">
              <label for="date-picker">Date</label>
              <input name="datepickerinput" type="text" class="datepicker-date" placeholder="yyyy-mm-dd">

              <!-- jQuery UI DatePicker code here -->
            </div>

            <div class="time">
              <label for="time-picker">Time</label>
              <select name="timepickerselect" class="datepicker-time">
                <% times.each do |time| %>
                  <option value="<%= time %>"><%= time %></option>
                <% end %>
              </select>
            </div>
        <div class="update">
          <button class="done button subtle">Update</button>
        </div>
      </div>
    </div></nav>
    </div>
  </section>
</section>
**/
.datefilter {
  position: relative;
}
.datefilter .datefilter-control {
  display: none;
  width: 460px;
  -webkit-border-radius: 4px 4px 4px 0;
          border-radius: 4px 4px 4px 0;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 10000;
  -webkit-box-shadow: 0 2px 3px #ccc;
          box-shadow: 0 2px 3px #ccc;
}
.datefilter .datefilter-control:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #eeeeee transparent;
  top: -20px;
  right: 8px;
}
.datefilter .datefilter-control .date-filters {
  border-bottom: 1px solid #ccc;
}
.datefilter .datefilter-control .date-filters li {
  float: left;
  width: 91px;
  border-left: 1px solid #ccc;
}
.datefilter .datefilter-control .date-filters li:first-child {
  border-left: none;
  width: 92px;
}
.datefilter .datefilter-control .date-filters li a {
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: block;
  padding: 18px 0;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  color: #333333;
  background-color: #fff;
}
.datefilter .datefilter-control .date-filters li a:hover, .datefilter .datefilter-control .date-filters li a.selected {
  background-color: #eee;
}
.datefilter .current-date-time {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eaeaea));
  background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
  background-image: -o-linear-gradient(#fafafa, #eaeaea);
  background-image: linear-gradient(#fafafa, #eaeaea);
  color: #333333;
  font-weight: bold;
  font-size: 13px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: block;
  height: 14px;
  margin-top: -2px;
  padding: 7px 0 11px 9px;
  border: 1px solid #ccc;
  width: 202px;
  background-color: #fafafa;
}
.datefilter .current-date-time:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  background-image: -webkit-linear-gradient(#ffffff, #efefef);
  background-image: -o-linear-gradient(#ffffff, #efefef);
  background-image: linear-gradient(#ffffff, #efefef);
}
.datefilter .current-date-time:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#fcfcfc));
  background-image: -webkit-linear-gradient(#eaeaea, #fcfcfc);
  background-image: -o-linear-gradient(#eaeaea, #fcfcfc);
  background-image: linear-gradient(#eaeaea, #fcfcfc);
}
.datefilter .current-date-time i {
  float: right;
  font-size: 1.8em;
  padding-top: 2px;
}
.datefilter.date-time .datetime p {
  font-size: 11px;
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.datefilter.date-time .datetime div.date input.datepicker-date {
  width: 90px;
}
.datefilter.date-time .datetime div.date, .datefilter.date-time .datetime div.time {
  font-size: 12px;
  font-style: italic;
  padding: 15px;
  border-right: 1px solid #f8f8f8;
  width: 144px;
  float: left;
  position: relative;
}
.datefilter.date-time .datetime div.date label, .datefilter.date-time .datetime div.time label {
  display: block;
  float: left;
  padding-top: 6px;
  width: 25%;
}
.datefilter.date-time .datetime div.date input, .datefilter.date-time .datetime div.date select, .datefilter.date-time .datetime div.time input, .datefilter.date-time .datetime div.time select {
  float: right;
}
.datefilter.date-time .datetime div.date select, .datefilter.date-time .datetime div.time select {
  margin-top: 4px;
}
.datefilter.date-time .datetime div.date button, .datefilter.date-time .datetime div.time button {
  display: none;
}
.datefilter.date-time .datetime div.update {
  float: left;
  width: 110px;
  text-align: center;
  padding: 20px 0 0;
}
.datefilter.date-time .datetime div.update button {
  float: none;
}

/**
[Name] Simple Date Range Picker
[Section] Date Pickers
[Description]

As part of making metrics nicer to use, we redesigned a datepicker that
no longer uses jQuery UI. It's significantly simpler, works nicely on mobiles,
as it's just links, and resizes itself depending on browser width.

This part is the preset selection. Picking a range fires a event (updating whatever
is listening for that event), or clicking on ```Custom…``` opens the Calendar.

[Example]

<div style="min-height: 450px;" class="date-range-picker opened">
  <a href="#" class="date-range">
    <span class="range">
      <span class="start-date">
        <span>24 Mar 2011</span>
        <input name="startDate" value="2011-03-24">
      </span> –
      <span class="end-date">
        <span>19 Aug 2014</span>
        <input name="endDate" value="2014-08-19">
      </span>
    </span>
    <i class="icon-caret-down"></i>
  </a>
  <div class="date-fields">
    <ul>
      <li class="preset">
        <a href="#" data-start="2014-07-20" data-end="2014-08-19" data-label="Last 30 days">
           Last 30 days
        </a>
      </li>
      <li class="preset">
        <a href="#" data-start="2014-05-21" data-end="2014-08-19" data-label="Last 90 days">
           Last 90 days
        </a>
      </li>
      <li class="preset">
        <a href="#" data-start="2014-02-19" data-end="2014-08-19" data-label="Last 6 months">
           Last 6 months
        </a>
      </li>
      <li class="preset">
        <a href="#" data-start="2013-08-19" data-end="2014-08-19" data-label="Last 12 months">
           Last 12 months
        </a>
      </li>
      <li class="preset">
        <a href="#" data-start="2011-03-24" data-end="2014-08-19" data-label="All time">
           All time
        </a>
      </li>

      <li class="custom">
        <a href="#">Custom…</a>
      </li>
    </ul>
  </div>
</div>
**/
.date-range-picker {
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 20px;
  color: #444;
  position: relative;
}
.date-range-picker:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.date-range-picker input {
  display: none;
}
.date-range-picker .date-range {
  display: block;
  top: 0;
  margin-bottom: 0;
  padding: 10px;
  font-weight: 200;
  border: 1px solid #ccc;
  background-color: #fafafa;
  width: 340px;
  color: #666;
}
.date-range-picker .date-range:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.date-range-picker .date-range:hover {
  background-color: #fff;
  color: #333;
}
.date-range-picker .date-range .label {
  margin-right: 20px;
}
.date-range-picker .date-range .range {
  font-size: 16px;
  font-weight: 200;
}
.date-range-picker .date-range .icon-caret-down {
  float: right;
  font-size: 20px;
  line-height: inherit;
  width: 18px;
  text-align: center;
}
.date-range-picker .date-fields {
  display: none;
  clear: both;
  padding: 0;
  margin-top: -1px;
  position: absolute;
  background-color: #fff;
  width: 362px;
  z-index: 100;
  line-height: normal;
}
.date-range-picker .date-fields ul.date-field-menu-items {
  background: #fafafa;
  border: 1px solid #ccc;
  list-style: none;
  position: relative;
}
.date-range-picker .date-fields ul.date-field-menu-items a {
  display: block;
  cursor: pointer;
  color: #444;
  padding: 10px;
}
.date-range-picker .date-fields ul.date-field-menu-items a:hover {
  background-color: #fff;
}
.date-range-picker .date-fields ul.date-field-menu-items li + li {
  border-top: 1px solid #ddd;
}
.date-range-picker .date-fields .calendars {
  display: none;
}
.date-range-picker .date-fields.custom-range ul {
  display: none;
}
.date-range-picker .date-fields.custom-range .calendars {
  display: block;
}
.date-range-picker.opened:hover {
  background-color: #fff;
}
.date-range-picker.opened .date-fields {
  display: block;
}
.date-range-picker.opened .date-range {
  background-color: #fff;
  color: #333;
}

@media only screen and (max-width: 599px) {
  .date-range-picker {
    width: auto;
  }
  .date-range-picker .date-fields {
    width: 100%;
  }
  .date-range-picker .date-fields ul.date-field-menu-items {
    width: auto;
  }
}
/**
[Name] Calendars
[Section] Date Pickers
[Description]

As part of making metrics nicer to use, we redesigned a datepicker that
no longer uses jQuery UI. It's significantly simpler, works nicely on mobiles,
as it's just links, and resizes itself depending on browser width.

This part is the calendar view. Opened via the simple date range picker, users
select the start date, the end date, and confirms their choice. It then fires
an event that updates whatever is listening for it.

[Example]

<div style="min-height: 480px;" class="date-range-picker opened">
  <a href="#" class="date-range">
    <span class="range">
      <span class="start-date">
        <span>24 Mar 2011</span>
        <input name="startDate" value="2011-03-24">
      </span> –
      <span class="end-date">
        <span>19 Aug 2014</span>
        <input name="endDate" value="2014-08-19">
      </span>
    </span>
    <i class="icon-caret-down"></i>
  </a>

  <div class="date-fields custom-range">
    <div class="calendars">
      <div class="calendar-container">
        <div class="calendar">
          <div class="calendar-view-header">
            <span>Select from date</span>
          </div>

          <div class="months">
            <a href="#" class="previous-month current">
              <i class="icon-caret-left"></i>
            </a>

            <p class="current-month">
              <span class="month">March, 2011</span>
            </p>

            <a href="#" class="next-month">
              <i class="icon-caret-right"></i>
            </a>
          </div>

          <div class="month-data">
            <ol class="days">
              <li>Su</li>
              <li>Mo</li>
              <li>Tu</li>
              <li>We</li>
              <li>Th</li>
              <li>Fr</li>
              <li>Sa</li>
            </ol>

            <ol class="week">
              <li class="day"><a href="#" data-date="2014-06-01">1</a></li>
              <li class="day"><a href="#" data-date="2014-06-02">2</a></li>
              <li class="day"><a href="#" data-date="2014-06-03">3</a></li>
              <li class="day"><a href="#" data-date="2014-06-04">4</a></li>
              <li class="day"><a href="#" data-date="2014-06-05">5</a></li>
              <li class="day"><a href="#" data-date="2014-06-06">6</a></li>
              <li class="day"><a href="#" data-date="2014-06-07">7</a></li>
            </ol>

            <ol class="week">
              <li class="day"><a href="#" data-date="2014-06-08">8</a></li>
              <li class="day"><a href="#" data-date="2014-06-09">9</a></li>
              <li class="day"><a href="#" data-date="2014-06-10">10</a></li>
              <li class="day"><a href="#" data-date="2014-06-11">11</a></li>
              <li class="day"><a href="#" data-date="2014-06-12">12</a></li>
              <li class="day"><a href="#" data-date="2014-06-13">13</a></li>
              <li class="day"><a href="#" data-date="2014-06-14">14</a></li>
            </ol>

            <ol class="week">
              <li class="day"><a href="#" data-date="2014-06-15">15</a></li>
              <li class="day start-date"><a href="#" data-date="2014-06-16">16</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-17">17</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-18">18</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-19">19</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-20">20</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-21">21</a></li>
            </ol>

            <ol class="week">
              <li class="day within-range"><a href="#" data-date="2014-06-22">22</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-23">23</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-24">24</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-25">25</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-26">26</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-27">27</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-28">28</a></li>
            </ol>

            <ol class="week">
              <li class="day within-range"><a href="#" data-date="2014-06-29">29</a></li>
              <li class="day within-range"><a href="#" data-date="2014-06-30">30</a></li>
              <li class="empty">&nbsp;</li>
              <li class="empty">&nbsp;</li>
              <li class="empty">&nbsp;</li>
              <li class="empty">&nbsp;</li>
              <li class="empty">&nbsp;</li>
            </ol>
          </div>
        </div>

        <div class="custom-date-range-confirmation-view">
          <div class="calendar-view-header">
            <a href="#" class="cancel">Cancel</a>
            <a href="#" class="done">Done</a>
          </div>

          <div class="selected-dates">
            <h2>From</h2>
            <div class="start-date">March 24th 2011</div>

            <h2>To</h2>
            <div class="end-date">August 19th 2014</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
**/
.calendars {
  display: block;
  border: 1px solid #ddd;
  background: #fafafa;
  position: relative;
  overflow: hidden;
  z-index: 100;
  width: 360px;
}
.calendars:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.calendars .selected {
  font-size: 0.9em;
}
.calendars .selected a {
  display: none;
}
.calendars .actions {
  display: block;
  clear: both;
}
.calendars .range {
  float: right;
  margin-top: 6px;
}
.calendars .calendar-container {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-timing-function: cubic-bezier(0.45, 0.28, 0, 1.22);
          animation-timing-function: cubic-bezier(0.45, 0.28, 0, 1.22);
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  position: relative;
  width: 400%;
}
.calendars .calendar-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.calendars.step-2 .calendar-container {
  -webkit-animation-name: step1to2;
          animation-name: step1to2;
  left: -100%;
}
.calendars.step-3 .calendar-container {
  -webkit-animation-name: step2to3;
          animation-name: step2to3;
  left: -200%;
}
.calendars .tabbed {
  padding: 0 20px;
  height: 33px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.calendars .tabbed .tab {
  font-size: 0.6em;
  padding: 6px 20px 0 20px;
  border: 1px solid #ddd;
}
.calendars .tabbed .tab.active {
  border-bottom: 1px solid #fafafa;
  background-color: #fafafa;
}
.calendars .calendar {
  width: 25%;
  height: 430px;
  float: left;
  position: relative;
}
.calendars .calendar .months {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #f7604e;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  border-bottom: 2px solid #cf4435;
  margin: 20px 20px 0 20px;
  zoom: 1;
}
.calendars .calendar .months:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.calendars .calendar .months .previous-month,
.calendars .calendar .months .next-month {
  width: 15%;
  float: left;
  text-align: center;
  color: #fff;
  font-size: 0.9em;
  padding: 9px 0 3px;
}
.calendars .calendar .months .previous-month.current,
.calendars .calendar .months .next-month.current {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.calendars .calendar .months .previous-month:hover,
.calendars .calendar .months .next-month:hover {
  color: #cf4435;
}
.calendars .calendar .months .selected-date {
  width: 70%;
  float: left;
  text-align: center;
  padding: 6px 0;
  margin: 0;
}
.calendars .calendar .month-data {
  position: absolute;
  height: 310px;
  top: 106px;
  left: 0;
  right: 0;
  margin: 0 20px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.calendars .calendar ol {
  margin: 0;
  clear: both;
  list-style: none;
  background-color: #fff;
}
.calendars .calendar ol:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.calendars .calendar ol.days {
  padding-top: 10px;
  color: #d8352a;
}
.calendars .calendar ol li {
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  -o-transition: transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  display: block;
  float: left;
  font-size: 16px;
  text-align: center;
  width: 14%;
  height: 40px;
  overflow: visible;
  position: relative;
  line-height: 40px;
}
.calendars .calendar ol li a {
  margin: -10px;
  padding: 10px;
  position: relative;
  color: #999;
}
.calendars .calendar ol li.out-of-range a {
  color: #eee;
  pointer-events: none;
  cursor: default;
}
.calendars .calendar ol li.selected-day a {
  color: #fff;
}
.calendars .calendar ol li.selected-day span {
  background-color: #f7604e;
}
.calendars .calendar ol li.selected-day:active span {
  background-color: #86e3ff;
}
.calendars .calendar ol li.selected-day span:after {
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation-name: ping;
          animation-name: ping;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-border-radius: 42px;
          border-radius: 42px;
  z-index: 2;
  border: 7px solid #f7604e;
  opacity: 0;
}
.calendars .calendar ol li span {
  position: absolute;
  content: "";
  -webkit-transition: background 250ms;
  -o-transition: background 250ms;
  transition: background 250ms;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  display: block;
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
}

@media only screen and (max-width: 599px) {
  .calendar {
    width: auto;
  }
  .calendar .selected span {
    display: none;
  }
}
.calendar-view-header {
  border-bottom: 1px solid #ddd;
  text-align: center;
  width: 100%;
}
.calendar-view-header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.calendar-view-header span {
  display: block;
  padding: 10px 0;
}
.calendar-view-header a {
  float: left;
  width: 50%;
  padding: 10px 0;
}
.calendar-view-header a + a {
  border-left: 1px solid #ddd;
  margin-left: -1px;
}
.calendar-view-header a:hover {
  background-color: #fff;
}

.custom-date-range-confirmation-view {
  float: left;
  width: 25%;
  height: 435px;
  position: relative;
}
.custom-date-range-confirmation-view .selected-dates {
  margin: -10px 0 0 20px;
}
.custom-date-range-confirmation-view .selected-dates h2 {
  padding-top: 30px;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  line-height: normal;
}

@-webkit-keyframes copiedFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes copiedFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.draft-link-tooltip-view {
  z-index: 10;
}
.draft-link-tooltip-view p {
  margin: 0;
}
.draft-link-tooltip-view .facet {
  clear: both;
  margin-bottom: 20px;
}
.draft-link-tooltip-view .field {
  background: #f6f6f6;
  -webkit-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
  border-right: none;
  border: 1px solid #bbb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left !important;
  height: 28px;
  margin: 5px 0 10px;
  overflow: hidden;
  padding: 5px;
  position: relative;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  width: 254px;
}
.draft-link-tooltip-view .copy.button {
  -webkit-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
  float: right;
  height: 20px;
  margin: 5px 0 0 0 !important;
  position: relative;
  width: 20px;
}
.draft-link-tooltip-view .copy.button:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAQAAABnqj2yAAAAz0lEQVQY043OvUrDYBgF4A8cRYt3IEUpCE5CdBFdMjgWMugmiGBHQQcr4hVIBzOKiOBQaMQfKlR00NFFcHL3Qh6HJm2Ci5zl8D7wcoJQyZkrM8NePs/q6jjwLirThjtfMtMmdPy4tV/QqRNbXvRkHrUl7gs6tiuYVFMzJVjRLaitVZmz+i86sveXmnoynz5kMmtletPUUFfXsO2mTAPzozfLLvMWDWmhRM9isdihhyot+ZZKpc5tBgNzI4pcjFcGrxKLeXZclynR95Snb31Mv9hIAtmtQ8QWAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 16px;
  left: 14px;
  position: absolute;
  top: 5px;
  width: 14px;
  z-index: 100000000;
}
.draft-link-tooltip-view .note {
  clear: both;
  font-size: 10px;
  margin: 6px 0 0;
}
.draft-link-tooltip-view .button {
  float: left;
  margin: 6px 0 0 !important;
}

.editorial-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  margin-top: 0;
  min-height: 100%;
  position: relative;
}
.editorial-grid .flex-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: both;
}
.editorial-grid .flex-grid > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 20px 20px 0;
}
.editorial-grid .flex-grid > div.flex-grid-large {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.editorial-grid .flex-grid > div.align-right {
  text-align: right;
}
.editorial-grid .flex-grid > div.align-center {
  text-align: center;
}
.editorial-grid .flex-grid > div.align-left {
  text-align: left;
}
.editorial-grid .flex-grid > div:last-child {
  margin-right: 0;
}

.editorial-main {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}
.editorial-main .editorial-main-content {
  position: relative;
  margin: 0 auto;
  max-width: 972px;
}
.editorial-main .editorial-main-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.editorial-main .editorial-main-content .editorial-export {
  padding-bottom: 20px;
  float: right;
}

body.editorial {
  min-width: initial;
}
body.editorial #topbar .wrapper {
  max-width: 972px;
  width: 100%;
}
body.editorial #topbar .topbar-stay-informed,
body.editorial #topbar .topbar-promotional-links {
  display: none;
}

@media only screen and (max-width: 599px) {
  .editorial-grid .flex-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .editorial-grid .flex-grid > div {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1466px) {
  body.editorial #topbar .wrapper {
    max-width: 1356px;
  }

  .editorial-main .editorial-main-content {
    max-width: 1356px;
  }
}
.editorial-sidebar {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #383838;
  position: relative;
  width: 180px;
  z-index: 1000;
}
.editorial-sidebar .cover {
  display: none;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.editorial-sidebar-group {
  -webkit-transition: min-width 0.3s, background 0.3s, margin 0.3s, padding 0.3s;
  -o-transition: min-width 0.3s, background 0.3s, margin 0.3s, padding 0.3s;
  transition: min-width 0.3s, background 0.3s, margin 0.3s, padding 0.3s;
  border-top: 1px solid #383838;
  color: #fff;
  margin: 0;
  padding: 0;
  display: none;
  min-width: 40px;
}
.editorial-sidebar-group + .editorial-sidebar-group {
  margin-top: 0;
}
.editorial-sidebar-group h3 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: transparent;
  color: inherit;
  font-size: 13px;
  margin: 0;
  padding: 0 10px;
  position: relative;
  text-indent: 0;
}
.editorial-sidebar-group h3:hover {
  color: #fff;
  background: #696969;
}
.editorial-sidebar-group h3 a {
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  color: inherit;
  display: block;
  margin: 0 -10px;
  overflow: hidden;
  padding: 10px;
  position: relative;
  z-index: 1000;
}
.editorial-sidebar-group h3 a:visited, .editorial-sidebar-group h3 a:hover {
  color: inherit;
}
.editorial-sidebar-group i {
  color: inherit;
  position: absolute;
  right: 10px;
  text-align: center;
  text-indent: 0;
  top: 10px;
  z-index: 100;
}
.editorial-sidebar-group li {
  -webkit-transition: border-width 0.3s;
  -o-transition: border-width 0.3s;
  transition: border-width 0.3s;
  border-width: 0;
  overflow-x: hidden;
  margin: 0;
}
.editorial-sidebar-group li a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  font-size: 12px;
  height: 0;
  line-height: 1.65;
  overflow: hidden;
  padding: 0 10px;
  text-decoration: underline;
  text-indent: 0;
  color: #fff;
}
.editorial-sidebar-group.active {
  background: #666;
}
.editorial-sidebar-group.active + .active {
  border-top: 1px solid #444;
}
.editorial-sidebar-group.active h3 {
  background: #777;
}
.editorial-sidebar-group.active li a {
  padding: 5px 10px;
  height: 20px;
  text-indent: 0;
}
.editorial-sidebar-group.active li a:hover, .editorial-sidebar-group.active li a.active {
  color: #fff;
  background: #888;
}

@media (max-width: 1092px) {
  .editorial-sidebar {
    width: 40px;
  }

  .editorial-sidebar-group.active li a {
    height: 0;
    padding: 0 10px;
  }
  .editorial-sidebar-group h3 {
    padding: 0;
  }
  .editorial-sidebar-group h3 a {
    margin: 0;
    padding: 10px 0;
  }
  .editorial-sidebar-group h3, .editorial-sidebar-group li a {
    text-indent: -140px;
  }
  .editorial-sidebar-group li a {
    height: 0;
    padding: 0 10px;
  }

  .editorial-sidebar-opened {
    overflow-x: hidden;
  }
  .editorial-sidebar-opened .cover {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    left: 100%;
    width: 100vw;
  }
  .editorial-sidebar-opened .editorial-main {
    -webkit-transform: translateX(140px);
        -ms-transform: translateX(140px);
            transform: translateX(140px);
  }
  .editorial-sidebar-opened .editorial-sidebar {
    -webkit-transform: translateX(140px);
        -ms-transform: translateX(140px);
            transform: translateX(140px);
    width: 180px;
    margin-left: -140px;
  }
  .editorial-sidebar-opened .editorial-sidebar-group {
    min-width: 140px;
  }
  .editorial-sidebar-opened .editorial-sidebar-group h3 {
    padding: 0 10px;
    text-align: left;
    text-indent: 0;
  }
  .editorial-sidebar-opened .editorial-sidebar-group.active li a {
    padding: 5px 10px;
    height: 20px;
    text-indent: 0;
  }
}
.editorial-search-form {
  background-color: #e1e4e6;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.editorial-search-form:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.editorial-search-form .search-results-count {
  float: right;
  margin-top: 0.5em;
  margin-right: 1em;
}
.editorial-search-form .search {
  float: left;
}
.editorial-search-form .search label {
  display: none;
}
.editorial-search-form .search input {
  margin-left: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.editorial-search-form .search input.input {
  border-color: #fff;
  max-width: 450px;
  min-width: 300px;
}
.editorial-search-form .search input.button {
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  margin-left: -5px;
  padding-top: 4px;
  padding-bottom: 6px;
}
.editorial-search-form .search #user-directory-show-options {
  margin-left: 1em;
}
.editorial-search-form .search-options {
  float: left;
  margin-left: 15px;
  margin-top: 2px;
}
.editorial-search-form .search-options label {
  margin-right: 1em;
  position: relative;
  top: 3px;
}
.editorial-search-form .search-options label input[type=checkbox] {
  position: relative;
  top: -1px;
}

.region-selector {
  background: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin: -5px 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 20;
  min-width: 166px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.region-selector label {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
  background-image: -webkit-linear-gradient(#fff, #f0f0f0);
  background-image: -o-linear-gradient(#fff, #f0f0f0);
  background-image: linear-gradient(#fff, #f0f0f0);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  display: block;
}
.region-selector .region {
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  background: #fff;
  padding: 8px 12px;
  display: block;
  color: #555;
}
.region-selector .region:hover {
  color: #111;
  background: #f6f6f6;
}
.region-selector .region.active {
  cursor: pointer;
  font-weight: bold;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border-bottom: 1px solid #fff;
}
.region-selector .icon {
  position: absolute;
  right: 0;
  line-height: 36px;
  text-align: center;
  width: 30px;
  color: #666;
}

.region-pitch-section-picker {
  background-color: #eff1f2;
  margin: 20px 0;
  padding: 10px;
}
.region-pitch-section-picker:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.region-pitch-section-picker fieldset {
  padding: 0;
  float: left;
}
.region-pitch-section-picker fieldset + fieldset {
  margin-left: 10px;
}
.region-pitch-section-picker .actions {
  float: right;
}
.region-pitch-section-picker .actions .button {
  margin: 0;
  padding: 12px 20px;
}

.user-type,
.user-spam,
.user-confirmation {
  background-color: #ff0000;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: normal;
  margin: 0;
  padding: 0 0.3em;
  position: relative;
  text-transform: uppercase;
}
.user-type:hover + .tooltip,
.user-spam:hover + .tooltip,
.user-confirmation:hover + .tooltip {
  display: block;
}

.user-type {
  background-color: #0190d0;
}
.user-type.editor {
  background-color: #ffa500;
}
.user-type.author {
  background-color: #008000;
}

.user-records .user {
  background-color: #fff;
  clear: both;
  list-style-type: none;
  margin-bottom: 1em;
  padding: 1em;
  position: relative;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.user-records .user:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.user-records .user .account-locked {
  display: none;
}
.user-records .user.locked {
  background-color: #f6f7f8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-records .user.locked .account-locked {
  display: block;
}
.user-records .user.locked .convert-action {
  display: none;
}
.user-records .user.locked .profile {
  opacity: 0.5;
}
.user-records .user.locked span.account-locked {
  clear: both;
  float: right;
  margin: 10px 0 0 0;
  padding: 0;
  bottom: 0;
  right: 0;
  color: #213b4b;
  opacity: 0.5;
}
.user-records .user.locked span.account-locked span {
  font-size: 11px;
}
.user-records .user.locked span.account-locked i.icon-lock {
  margin-right: -0.2em;
  font-size: 14px;
}
.user-records .user img {
  float: left;
  margin-right: 1em;
  margin-left: 1px;
  display: block;
}
.user-records .user .help-tooltip {
  width: 80px;
}
.user-records .user .help-tooltip .tooltip.bottom {
  display: none;
  left: -92px;
  padding: 5px;
  text-align: center;
  top: 24px;
}
.user-records .user .help-tooltip .tooltip.bottom p {
  display: block;
  margin: 0;
}
.user-records .user h3 {
  font-size: 12px;
  margin: 0;
}
.user-records .user section {
  margin-right: 0;
}
.user-records .user .profile .links {
  display: block;
  margin-left: 60px;
  list-style-type: none;
  font-size: 11px;
  color: #727272;
}
.user-records .user .profile .links h3 {
  color: #069;
  font-size: 12px;
  margin-bottom: 0;
  display: inline;
}
.user-records .user .profile .links p {
  display: inline;
}
.user-records .user .profile .general {
  margin: 4px 0 0 4px;
  border-top: 1px solid #eee;
  padding-top: 4px;
  padding-right: 10px;
  list-style: none;
}
.user-records .user .profile .general li {
  float: left;
  padding-right: 12px;
}
.user-records .user .profile .general a {
  color: #006699;
}
.user-records .user .profile .general a:visited {
  color: #006699;
}
.user-records .user .profile .fields-of-research {
  clear: both;
  padding-top: 10px;
  padding-right: 10px;
  margin-left: 64px;
  font-size: 11px;
  color: #727272;
}
.user-records .user .profile .fields-of-research p {
  margin: 0;
  line-height: 1.4em;
}
.user-records .user .details {
  font-size: 11px;
  color: #727272;
  border-left: 1px solid #eee;
  padding-left: 10px;
}
.user-records .user .details li {
  list-style: none;
}
.user-records .user .details li i {
  font-size: 13px;
}
.user-records .user .actions-and-research {
  float: right;
}
.user-records .user .actions-and-research ul.user-actions {
  list-style: none;
  float: right;
}
.user-records .user .actions-and-research li {
  clear: right;
  float: right;
  margin-bottom: 3px;
}
.user-records .user .actions-and-research .account-locked {
  clear: both;
  padding-top: 10px;
}

.images.lightbox .lightbox-inner {
  width: 850px;
}
.images.lightbox .lightbox-inner > div {
  padding: 0;
}
.images.lightbox .lightbox-inner > div:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.images.lightbox header,
.images.lightbox .footer {
  margin: 0;
}
.images.lightbox header.upload {
  padding-top: 16px;
  padding-left: 10px;
  background-color: #555;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}
.images.lightbox header.upload .yet-another-spinner {
  float: right;
  margin-right: 0.3em;
  margin-top: -0.3em;
}
.images.lightbox aside {
  background-color: #444;
  float: left;
  height: 480px;
  margin-top: 0;
  padding-bottom: 45px;
  position: relative;
  width: 230px;
}
.images.lightbox aside ::-webkit-scrollbar {
  width: 8px;
}
.images.lightbox aside ::-webkit-scrollbar-button {
  display: block;
  height: 10px;
  background: transparent;
}
.images.lightbox aside ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.images.lightbox aside ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 0 2px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 1px 0 #fff, 0 0 2px rgba(0, 0, 0, 0.25);
}
.images.lightbox aside ul {
  height: inherit;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: scroll;
}
.images.lightbox aside .asset {
  margin: 15px 0;
  display: block;
}
.images.lightbox aside .asset img {
  border: 4px solid transparent;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: block;
  margin: 0 auto;
  width: 150px;
}
.images.lightbox aside .asset:hover img {
  border-color: #666;
}
.images.lightbox aside .asset.on img {
  border-color: #ffda5c;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), 0 1px 0 #ffe386;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), 0 1px 0 #ffe386;
}
.images.lightbox .hint {
  height: 500px;
  line-height: 500px;
  text-align: center;
}
.images.lightbox #image-alignment {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  overflow: auto;
  list-style: none;
  border: 1px solid #dfdfdf;
}
.images.lightbox #image-alignment li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 33%;
  border-left: 1px solid #dfdfdf;
}
.images.lightbox #image-alignment li:first-child {
  border-left: none;
}
.images.lightbox #image-alignment li input, .images.lightbox #image-alignment li label {
  display: inline-block;
}
.images.lightbox #image-alignment li label {
  display: block;
  background: transparent url(/assets/image-alignment-731231bfc17e2a015eb744b354caa618.png) no-repeat;
  padding: 6px 6px 6px 28px;
}
.images.lightbox #image-alignment li label:hover {
  cursor: pointer;
  background-color: #fefefe;
}
.images.lightbox #image-alignment li:nth-child(1) label {
  background-position: 6px 8px;
}
.images.lightbox #image-alignment li:nth-child(2) label {
  background-position: 6px -28px;
}
.images.lightbox #image-alignment li:nth-child(3) label {
  background-position: 6px -64px;
}
.images.lightbox .picker {
  margin-left: 230px;
  padding: 20px 20px 0 20px;
}
.images.lightbox .picker > div {
  margin-bottom: 25px;
}
.images.lightbox .picker .bordered-light {
  margin-bottom: 15px;
}
.images.lightbox .picker label {
  font-weight: bold;
}
.images.lightbox .picker textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  width: 100%;
}
.images.lightbox .picker input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.images.lightbox .picker select {
  width: 50%;
}
.images.lightbox .picker .field {
  margin-top: 15px;
}
.images.lightbox .picker .field label {
  display: block;
  margin: 0 0 3px 1px;
}
.images.lightbox .picker .field + .field {
  margin-top: 10px;
}
.images.lightbox .picker .field .help {
  color: #727272;
  font-size: 0.8em;
  margin: 0;
  padding: 3px;
}

.media.lightbox .media-content {
  margin-top: 24px;
}
.media.lightbox .media-content h2 {
  color: #727272;
  font-size: 20px;
  margin-bottom: 18px;
}
.media.lightbox .media-content .field {
  margin: 12px 0;
}
.media.lightbox .media-content .field label {
  display: block;
  margin: 0 0 4px 1px;
}
.media.lightbox .media-content .field input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.media.lightbox .media-content .field .help {
  color: #727272;
  font-size: 0.8em;
  margin: 0;
  padding: 3px;
}
.media.lightbox .drop-zone-label {
  background-color: transparent;
  padding: 3px;
}
.media.lightbox .drop-zone-label div {
  background-color: #f0f0f0;
  padding: 10px;
}
.media.lightbox .progress-bar {
  background-image: -webkit-gradient(linear, left top, right top, from(#09c), to(#5cb85c));
  background-image: -webkit-linear-gradient(left, #09c, #5cb85c);
  background-image: -o-linear-gradient(left, #09c, #5cb85c);
  background-image: linear-gradient(to right, #09c, #5cb85c);
  border: 1px solid #aaa;
  height: 26px;
  position: relative;
  margin: 12px 0 40px 0;
}
.media.lightbox .progress-bar .progress {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: progress;
          animation-name: progress;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background-image: -webkit-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%);
  background-image: -o-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%);
  background-image: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%);
  -webkit-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 60px 26px;
  height: 26px;
  position: relative;
  width: 0;
}
.media.lightbox .progress-bar .progress .percentage {
  font-size: 10px;
  position: absolute;
  right: -15px;
  top: -20px;
}
.media.lightbox .progress-bar .status {
  bottom: -25px;
  font-size: 10px;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  text-align: center;
  width: 200px;
}
.media.lightbox aside {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  height: 445px;
  margin-top: 0;
  overflow: hidden;
}
.media.lightbox .thumbnails {
  height: 445px;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.media.lightbox .thumbnail {
  cursor: pointer;
}
.media.lightbox .hint {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding: 12px 0 0 18px;
  text-align: center;
}
.media.lightbox .details {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding: 5px 0 0 18px;
}
.media.lightbox .infographic-view-selector {
  margin-bottom: 20px;
}
.media.lightbox .upload-a-new-infographic,
.media.lightbox .infographic-linker {
  background: #fafafa;
  margin: 0 -20px -20px;
  padding: 20px;
}
.media.lightbox .upload-a-new-infographic .drop-zone,
.media.lightbox .infographic-linker .drop-zone {
  margin: 0;
}
.media.lightbox .upload-a-new-infographic {
  margin-bottom: 20px;
}
.media.lightbox .filter-recent-infographics {
  float: right;
  width: 200px;
}
.media.lightbox .insert-infographic-actions {
  text-align: right;
}
.media.lightbox .drop-zone {
  margin-bottom: 20px;
}
.media.lightbox .drop-zone.qq-upload-button-hover .drop-zone-label {
  opacity: 0.9;
}
.media.lightbox .image {
  width: 100%;
}
.media.lightbox .image:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.media.lightbox .image aside {
  width: 25%;
}
.media.lightbox .image .thumbnails li {
  margin: 0 12px 0 0;
  padding: 0;
}
.media.lightbox .image .thumbnails li + li .thumbnail {
  margin-top: 15px;
}
.media.lightbox .image .thumbnails img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid transparent;
  display: block;
  width: 100%;
}
.media.lightbox .image .thumbnails img:hover {
  border-color: #aaa;
}
.media.lightbox .image .thumbnails li.on img {
  border-color: #559fe7;
}
.media.lightbox .image .thumbnails li.on img:hover {
  border-color: #559fe7;
}
.media.lightbox .image .hint {
  width: 75%;
}
.media.lightbox .image .details {
  width: 75%;
}
.media.lightbox .image .details > div:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.media.lightbox .image .details .image-alignment ul {
  list-style: none;
  margin: 10px 20px;
}
.media.lightbox .image .details .image-alignment li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 0;
  width: 33%;
}
.media.lightbox .image .details .image-alignment input {
  display: inline-block;
  margin: 0 8px 0 0;
}
.media.lightbox .image .details .image-alignment label {
  background: url(/assets/image-alignment-731231bfc17e2a015eb744b354caa618.png) no-repeat transparent;
  display: inline-block;
  padding: 0 6px 0 28px;
}
.media.lightbox .image .details .image-alignment li:nth-child(1) label {
  background-position: 4px 2px;
}
.media.lightbox .image .details .image-alignment li:nth-child(2) label {
  background-position: 4px -34px;
}
.media.lightbox .image .details .image-alignment li:nth-child(3) label {
  background-position: 4px -70px;
}
.media.lightbox .image .details .caption {
  margin-top: 30px;
}
.media.lightbox .image .details .caption textarea {
  height: 65px;
}
.media.lightbox .image .details .source-license {
  margin-top: 20px;
}
.media.lightbox .image .details .zoomable {
  margin-top: 14px;
}
.media.lightbox .image .details .zoomable input {
  margin: -5px 5px 0 2px;
}
.media.lightbox .audio {
  width: 100%;
}
.media.lightbox .audio:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.media.lightbox .audio aside {
  width: 50%;
}
.media.lightbox .audio aside .thumbnails li {
  margin: 0 12px 0 0;
  padding: 0;
}
.media.lightbox .audio aside .thumbnails li + li .thumbnail {
  margin-top: 10px;
}
.media.lightbox .audio aside .thumbnails .thumbnail {
  background-color: #f5f5f5;
  border-right: 5px solid #f5f5f5;
  padding: 5px;
}
.media.lightbox .audio aside .thumbnails .thumbnail:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.media.lightbox .audio aside .thumbnails .thumbnail img {
  float: left;
  width: 30px;
}
.media.lightbox .audio aside .thumbnails .thumbnail div {
  float: left;
  left: 10px;
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  top: 6px;
  white-space: nowrap;
  width: 80%;
}
.media.lightbox .audio aside .thumbnails .thumbnail:hover {
  background-color: #ddd;
  border-color: #ddd;
}
.media.lightbox .audio aside .thumbnails.on .thumbnail {
  background-color: #ddd;
  border-color: #559fe7;
}
.media.lightbox .audio .hint {
  width: 50%;
}
.media.lightbox .audio .details {
  width: 50%;
}
.media.lightbox .audio .details .filename {
  font-weight: bold;
  margin-top: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.media.lightbox .audio .details .title {
  margin-top: 20px;
}
.media.lightbox .audio .details .license select {
  width: 100%;
}
.media.lightbox .audio .details .file-info {
  background-color: #f5f5f5;
  border: 1px solid #dbdbdb;
  margin-top: 30px;
  padding: 15px;
}
.media.lightbox .audio .details .file-info:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.media.lightbox .static-file {
  width: 100%;
}
.media.lightbox .static-file:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.media.lightbox .static-file .upload-a-new-static-file {
  background: #fafafa;
  margin: 0 -20px 20px;
  padding: 20px;
}
.media.lightbox .static-file .upload-a-new-static-file .drop-zone {
  margin: 0;
}
.media.lightbox .static-file aside {
  height: 280px;
  width: 25%;
}
.media.lightbox .static-file aside ul {
  list-style: none;
}
.media.lightbox .static-file aside ul li {
  cursor: pointer;
  margin-bottom: 10px;
}
.media.lightbox .static-file aside ul li:hover {
  text-decoration: underline;
}
.media.lightbox .static-file aside ul li.on {
  text-decoration: underline;
  font-weight: bold;
}
.media.lightbox .static-file .hint {
  width: 75%;
}
.media.lightbox .static-file .details {
  width: 75%;
  word-break: break-all;
}
.media.lightbox .static-file .details .help {
  color: #727272;
  font-size: 0.8em;
  margin: 0;
  padding: 3px;
}

.link.lightbox .content label {
  color: #000;
  margin-top: 12px;
  display: block;
}
.link.lightbox .content input.link {
  width: 100%;
  color: #000;
}

.select2-container .select2-selection .select2-selection__choice {
  width: auto;
  float: left;
  clear: none;
}
.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove {
  line-height: 22px;
}
.select2-container .select2-selection .select2-search--inline {
  clear: none;
  width: auto;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
}
.select2-container .select2-selection .select2-search--inline .select2-search__field {
  clear: none;
  width: auto;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 8px 0 0;
  padding: 0;
}

/**
[Name]
[Section] Tables
[Description]

These tables are included via the ```author.scss```, and currently Vivus doesn't
include non ```application.scss``` files. In future, we'll be able to add extra
files to a config for vivus as to which files to load.
**/
table.fancy-table th, table.fancy-table td, table.metrics th, table.metrics td, table.plain th, table.plain td {
  text-align: center;
}
table.fancy-table th.left, table.fancy-table td.left, table.metrics th.left, table.metrics td.left, table.plain th.left, table.plain td.left {
  text-align: left;
  float: none;
}
table.fancy-table th.right, table.fancy-table td.right, table.metrics th.right, table.metrics td.right, table.plain th.right, table.plain td.right {
  text-align: right;
  float: none;
}
table.fancy-table th.top, table.fancy-table td.top, table.metrics th.top, table.metrics td.top, table.plain th.top, table.plain td.top {
  vertical-align: top;
}

table.fancy-table td span.status, table.plain td span.status {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  width: 65px;
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
}
table.fancy-table td span.status.inline, table.plain td span.status.inline {
  display: inline;
  padding: 5px;
  width: auto;
  height: auto;
}
table.fancy-table td span.status.orange, table.plain td span.status.orange {
  background-color: #ffa25f;
}
table.fancy-table td span.status.orange-animated-loop, table.plain td span.status.orange-animated-loop {
  -webkit-animation-name: orange-background;
          animation-name: orange-background;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
table.fancy-table td span.status.blue, table.plain td span.status.blue {
  background-color: #48a1ce;
}
table.fancy-table td span.status.green, table.plain td span.status.green {
  background-color: #199a0b;
}
table.fancy-table td span.status.red, table.plain td span.status.red {
  background-color: #d24850;
}

/**
[Name] Fancy
[Section] Tables
[Example]
<table class="fancy-table">
  <thead>
    <tr>
      <th>Table heading</th>
      <th>Lol</th>
      <th>And another</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="left">Left</td>
      <td>Center</td>
      <td class="right">Right</td>
    </tr>
    <tr>
      <td><span class="status green">Row row</span></td>
      <td><span class="status blue">Row yer</span></td>
      <td><span class="status orange">boat</span></td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Foot'er?</td>
      <td>Barely knew 'er</td>
      <td>The end</td>
    </tr>
  </tfoot>
</table>
**/
table.fancy-table {
  border-collapse: separate;
  border: 1px solid #d9d9d9;
  margin-bottom: 36px;
  width: 100%;
}
table.fancy-table th, table.fancy-table td {
  padding: 10px;
}
table.fancy-table thead tr, table.fancy-table tfoot tr {
  background-color: #f0f0f0;
}
table.fancy-table thead th, table.fancy-table tfoot {
  font-weight: bold;
  border-bottom: #ccc 1px solid;
  text-shadow: 0 1px 0 #fff;
}
table.fancy-table tfoot td {
  font-size: 11px;
  text-shadow: 0 1px 0 #fff;
  border-top: #ccc 1px solid;
}
table.fancy-table tr.yellow-blink {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
table.fancy-table tr:nth-child(odd) {
  -webkit-animation-name: odd-row-yellow-blink;
          animation-name: odd-row-yellow-blink;
  background-color: #f7f7f7;
}
table.fancy-table tr:nth-child(even) {
  -webkit-animation-name: even-row-yellow-blink;
          animation-name: even-row-yellow-blink;
  background-color: #f0f0f0;
}

/**
[Name] Metrics
[Section] Tables

[Example]
<table class="metrics" style="width: 400px;">
  <thead>
    <tr>
      <th colspan=3 class="header"><h1>The things</h1></th>
    </tr>
    <tr class="bordered">
      <th>Sub heading</th>
      <th class="metric">Lol</th>
      <th class="metric">And another</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Left</td>
      <td><div><h3 class="league-gothic">1231</h3></div></td>
      <td><div><h3 class="league-gothic">1231</h3></div></td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Foot'er?</td>
      <td>Barely knew 'er</td>
      <td>The end</td>
    </tr>
  </tfoot>
</table>
**/
table.metrics {
  width: 100%;
  margin-bottom: 18px;
}
table.metrics thead {
  margin: 0;
  padding: 0;
}
table.metrics thead tr.bordered th {
  padding-bottom: 11px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #d9d9d9;
  font-size: 11px;
  margin-bottom: 12px;
  padding-bottom: 3px;
  text-align: left;
  vertical-align: bottom;
}
table.metrics thead tr.bordered th.metric {
  color: #aaa;
  font-size: 10px;
  margin: 0;
  padding-left: 35px;
  padding-top: 3px;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}
table.metrics thead tr.bordered th.metric.left {
  padding-left: 0;
  text-align: left;
}
table.metrics thead th.header h1 {
  line-height: 18px;
  color: #555;
  font-size: 16px;
  margin-bottom: 10px;
}
table.metrics tbody tr td {
  padding-bottom: 11px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #d9d9d9;
  padding-top: 12px;
  vertical-align: top;
}
table.metrics tbody tr td.author-avatar {
  clear: none;
  display: table-cell;
  float: none;
  margin: 0;
  overflow: hidden;
}
table.metrics tbody tr td.author-avatar a {
  display: block;
  position: relative;
}
table.metrics tbody tr td.metric div {
  padding-left: 35px;
}
table.metrics tbody tr td.metric div h3 {
  font-size: 36px;
  line-height: 36px;
  margin: 0;
  text-align: right;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 -1px 0 rgba(0, 0, 0, 0.75);
}
table.metrics tbody tr:last-child td {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/**
[Name] Plain
[Section] Tables
[Example]
<table class="plain">
  <thead>
    <tr>
      <th></th>
      <th>Number</th>
      <th>And another one</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><span class="status green">Row row</span></td>
      <td>64</td>
      <td>1,911</td>
      <td class="right"><a href="#">Edit</a></td>
    </tr>
    <tr>
      <td><span class="status blue">Row yer</span></td>
      <td>765</td>
      <td>123,456</td>
      <td class="right"><a href="#">Edit</a></td>
    </tr>
    <tr>
      <td><span class="status orange">boat</span></td>
      <td>6</td>
      <td>7,654</td>
      <td class="right"><a href="#">Edit</a></td>
    </tr>
  </tbody>
</table>
**/
table.plain {
  width: 100%;
}
table.plain th {
  padding: 6px 12px;
  font-weight: bold;
  border-bottom: 1px solid #999;
}
table.plain td, table.plain th {
  padding: 12px;
}
table.plain tbody td {
  border-bottom: 1px solid #f0f0f0;
}
table.plain tbody tr:nth-child(odd) {
  background-color: #fff;
}
table.plain tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

@-webkit-keyframes orange-background {
  from {
    background-color: #ffa25f;
  }
  to {
    background-color: #ff5500;
  }
}

@keyframes orange-background {
  from {
    background-color: #ffa25f;
  }
  to {
    background-color: #ff5500;
  }
}
@-webkit-keyframes odd-row-yellow-blink {
  from {
    background-color: #f7f7f7;
  }
  to {
    background-color: #ffeeaa;
  }
}
@keyframes odd-row-yellow-blink {
  from {
    background-color: #f7f7f7;
  }
  to {
    background-color: #ffeeaa;
  }
}
@-webkit-keyframes even-row-yellow-blink {
  from {
    background-color: #f0f0f0;
  }
  to {
    background-color: #ffeeaa;
  }
}
@keyframes even-row-yellow-blink {
  from {
    background-color: #f0f0f0;
  }
  to {
    background-color: #ffeeaa;
  }
}
.slot.empty {
  border: 2px dashed #ccc;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: background-color 0.2s linear;
}
.slot.empty.over {
  -webkit-transition: background-color 0.2s linear;
  background-color: #e0f2ff;
}

/* Pages */
body.drafts-edit .authoring-header {
  position: fixed;
  background: #354b59;
  top: 46px;
  z-index: 9;
  width: 100%;
  margin-bottom: 0;
  min-height: 29px;
}
body.drafts-edit .authoring-header .action-buttons div {
  float: right;
}
body.drafts-edit .authoring-header .action-buttons .button {
  float: right;
  margin-right: 10px;
  -webkit-box-shadow: inset 0 1px 0 0 transparent, 0 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 0 transparent, 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
body.drafts-edit .authoring-header .action-buttons .button.draft-link-button-view {
  padding-left: 13px;
  padding-right: 10px;
}
body.drafts-edit .authoring-header .action-buttons .button.draft-link-button-view i {
  font-size: 1.3em;
  opacity: 1;
  top: 0;
}
body.drafts-edit .authoring-header .tabbed-button-group {
  position: absolute;
  left: 25%;
  height: 28px;
  background: #2a3d49;
  border: #687883;
}
body.drafts-edit .authoring-header .tabbed-button-group a.button {
  color: #748a98;
  text-shadow: none;
}
body.drafts-edit .authoring-header .tabbed-button-group a.button i {
  opacity: 0.7;
  width: 1em;
}
body.drafts-edit .authoring-header .tabbed-button-group a.button[data-action=versions] i {
  top: 0;
  font-size: 1em;
}
body.drafts-edit .authoring-header .tabbed-button-group a.button.on {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7dabd9), to(#5590cd));
  background-image: -webkit-linear-gradient(#7dabd9, #5590cd);
  background-image: -o-linear-gradient(#7dabd9, #5590cd);
  background-image: linear-gradient(#7dabd9, #5590cd);
  color: #fff;
  background: #5590cd;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  padding: 6px 6px;
  top: -1px;
}
body.drafts-edit .authoring-header .approval-buttons {
  opacity: 0;
  padding: 5px;
  right: 25px;
  top: 54px;
  -webkit-transform: scale3d(0, 0, 0);
          transform: scale3d(0, 0, 0);
  -webkit-transition: opacity 200ms, -webkit-transform 400ms cubic-bezier(0.44, 1.63, 0.34, 0.925);
  transition: opacity 200ms, -webkit-transform 400ms cubic-bezier(0.44, 1.63, 0.34, 0.925);
  -o-transition: transform 400ms cubic-bezier(0.44, 1.63, 0.34, 0.925), opacity 200ms;
  transition: transform 400ms cubic-bezier(0.44, 1.63, 0.34, 0.925), opacity 200ms;
  transition: transform 400ms cubic-bezier(0.44, 1.63, 0.34, 0.925), opacity 200ms, -webkit-transform 400ms cubic-bezier(0.44, 1.63, 0.34, 0.925);
}
body.drafts-edit .authoring-header .approval-buttons.show {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
body.drafts-edit .authoring-header .approval-buttons .button {
  margin: 5px;
  padding: 6px 18px 7px;
}

body.drafts-edit .editor {
  padding-top: 120px;
}
body.drafts-edit .editor .link.broken {
  background-color: rgba(238, 51, 51, 0.15);
}
body.drafts-edit .editor .bookmark-broken-link {
  color: #ffffff;
  background-color: #e10c02;
}
body.drafts-edit .editor .spelling.mistake {
  border-bottom: 2px dotted #ff0000;
}
body.drafts-edit .editor .spelling.suggestions {
  bottom: 1.8em;
  display: none;
}
body.drafts-edit .editor .spelling.suggestions.none {
  padding: 5px 10px;
}
body.drafts-edit .editor .spelling.suggestions.visible {
  display: block;
}
body.drafts-edit .editor .editor-title {
  position: relative;
  padding: 45px 40px 20px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.drafts-edit .editor .editor-title textarea {
  background-color: #fff;
  display: block;
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-size: 24px;
  font-weight: bold;
  resize: none;
  outline: 0;
  color: #404040;
}
body.drafts-edit .editor .editor-title .label {
  position: absolute;
  top: 25px;
  left: 42px;
  z-index: 1;
  color: #8c8c8c;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-size: 11px;
}
body.drafts-edit .editor .lead-audio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8;
  border-top: 1px solid #dbdbdb;
  height: 178px;
  padding: 20px 40px;
  position: relative;
}
body.drafts-edit .editor .lead-audio label {
  color: #8c8c8c;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-size: 11px;
  left: 42px;
  position: absolute;
  top: 25px;
  z-index: 1;
}
body.drafts-edit .editor .lead-audio .drop-zone {
  margin-top: 50px;
}
body.drafts-edit .editor .lead-audio .lead-audio-info {
  position: relative;
  width: 100%;
}
body.drafts-edit .editor .lead-audio .lead-audio-info > div {
  float: left;
}
body.drafts-edit .editor .lead-audio .lead-audio-info > div:first-child {
  margin-top: 40px;
  position: relative;
  width: 65%;
}
@media only screen and (max-width: 599px) {
  body.drafts-edit .editor .lead-audio .lead-audio-info > div:first-child {
    width: 100%;
  }
}
body.drafts-edit .editor .lead-audio .lead-audio-info > div:last-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  margin-left: 5%;
  padding: 15px 12px;
  width: 30%;
}
@media only screen and (max-width: 599px) {
  body.drafts-edit .editor .lead-audio .lead-audio-info > div:last-child {
    display: none;
  }
}
body.drafts-edit .editor .lead-audio .lead-audio-info .filename {
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 2px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 599px) {
  body.drafts-edit .editor .lead-audio .lead-audio-info .filename {
    font-size: 0.9em;
  }
}
body.drafts-edit .editor .lead-audio .lead-audio-info .title {
  margin-top: 12px;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .title input {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 0;
          border-radius: 0;
  font-size: 14px;
  padding: 8px;
  width: 100%;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .source {
  margin-top: 6px;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .source input {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 0;
          border-radius: 0;
  font-size: 0.85em;
  width: 49.35%;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .source input:first-child {
  float: left;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .source input:last-child {
  float: right;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .actions {
  position: absolute;
  right: 0;
  top: -40px;
}
@media only screen and (max-width: 599px) {
  body.drafts-edit .editor .lead-audio .lead-audio-info .actions a {
    display: none;
  }
}
body.drafts-edit .editor .lead-audio .lead-audio-info .actions .audio-delete {
  padding-left: 9px;
}
body.drafts-edit .editor .lead-audio .lead-audio-info dl {
  float: left;
  margin-bottom: 12px;
  overflow: hidden;
  width: 100%;
}
body.drafts-edit .editor .lead-audio .lead-audio-info dl dd {
  clear: both;
  margin: 0;
  white-space: nowrap;
}
body.drafts-edit .editor .lead-audio .lead-audio-info .license select {
  margin-top: 3px;
  width: 100%;
}
body.drafts-edit .editor .lead-audio .progress-bar {
  background-image: -webkit-gradient(linear, left top, right top, from(#09c), to(#5cb85c));
  background-image: -webkit-linear-gradient(left, #09c, #5cb85c);
  background-image: -o-linear-gradient(left, #09c, #5cb85c);
  background-image: linear-gradient(to right, #09c, #5cb85c);
  border: 1px solid #aaa;
  height: 35px;
  position: relative;
  margin-top: 65px;
}
body.drafts-edit .editor .lead-audio .progress-bar .progress {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: progress;
          animation-name: progress;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background-image: -webkit-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%);
  background-image: -o-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%);
  background-image: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%);
  -webkit-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 60px 35px;
  height: 35px;
  position: relative;
  width: 0;
}
body.drafts-edit .editor .lead-audio .progress-bar .progress .percentage {
  font-size: 10px;
  position: absolute;
  right: -15px;
  top: -20px;
}
body.drafts-edit .editor .lead-audio .progress-bar .status {
  bottom: -25px;
  font-size: 10px;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  text-align: center;
  width: 200px;
}
body.drafts-edit .editor .fullscreen aside {
  display: none;
}
body.drafts-edit .editor .fullscreen .icon-fullscreen:before {
  content: "";
}
body.drafts-edit .editor .fullscreen .primary-col {
  width: 96%;
  margin-left: 2%;
  margin-right: 0;
  border: none;
}
body.drafts-edit .editor section.editor-body .typo {
  position: absolute;
  border-bottom: 2px dotted #ef6363;
}
body.drafts-edit .editor section.editor-body .markdown-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 860px;
  position: relative;
}
body.drafts-edit .editor section.editor-body .markdown-editor:before {
  content: " ";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
}
body.drafts-edit .editor section.editor-body .indicator {
  float: right;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-size: 11px;
  font-weight: normal !important;
  line-height: 43px;
  padding-left: 22px;
  width: 85px;
}
body.drafts-edit .editor section.editor-body .indicator.green {
  background: #c6e7bd;
  color: #4d7b3e;
}
body.drafts-edit .editor section.editor-body .word-count {
  color: #a7a7a7;
  display: inline-block;
  float: right;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-size: 11px;
  font-weight: normal;
  height: 42px;
  line-height: 42px;
  margin-right: 10px;
  padding: 0;
  text-align: right;
  width: 120px;
}
body.drafts-edit .editor section.editor-body .word-count strong {
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-weight: bold;
  color: #7c7c7c;
  font-size: 12px;
}
body.drafts-edit .editor section.editor-body .save-state-view {
  font-size: 12px;
  margin-left: 1em;
  margin-top: 2px;
  padding: 2px 6px;
}
body.drafts-edit .editor section.editor-body.text .markdown-editor textarea.md-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 36em;
  padding: 20px 40px;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
  font-size: 16px;
  color: #404040;
  line-height: 26px;
  width: 100%;
  outline: none;
  resize: none;
  padding-bottom: 20px;
  overflow: hidden;
  height: auto;
  border: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
}
body.drafts-edit .editor .back-to-top {
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  position: fixed;
  z-index: 10;
  bottom: 10px;
  right: 10px;
  padding: 3px 5px;
  white-space: nowrap;
  pointer-events: none;
  background: #38e;
  color: #fff;
}
body.drafts-edit .editor.fixed-menu .back-to-top {
  opacity: 1;
  pointer-events: all;
}

.standfirst-editor-view .warning {
  margin-top: 6px;
}
.standfirst-editor-view textarea {
  border-bottom: none;
  border-color: #ddd;
  -webkit-border-radius: 0;
          border-radius: 0;
  display: block;
  margin-bottom: 0;
  width: 100%;
  height: 96px;
}
.standfirst-editor-view .count {
  text-align: right;
  background-color: #f3f3f3;
  margin-top: 0;
  padding-right: 6px;
  border: 1px solid #ddd;
  border-top-color: #eee;
}

.fixed-menu .markdown-editor {
  padding-top: 36px;
}

.fixed-menu .fullscreen .markdown-editor {
  padding-top: 42px;
}

.fixed-menu .fullscreen .markdown-editor .tc-markdown-toolbar {
  margin-top: 0;
}

body.drafts-edit .mobile-preview {
  top: 96px;
  padding-top: 40px;
  position: relative;
}
body.drafts-edit .mobile-simulator {
  width: 400px;
  height: 720px;
  margin: 0 auto;
  background-size: 100% 100%;
  background-image: url(/assets/iphone4-9a28b099efaf5f095d4581c8acf30b0b.png);
  padding: 140px 30px 150px 33px;
}
body.drafts-edit .mobile-simulator iframe {
  width: 100%;
  height: 100%;
}

body.drafts-edit .preview {
  top: 113px;
  background-color: #fff;
  position: relative;
}
body.drafts-edit .preview .content-body p:hover {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-left: -6px;
  margin-right: -6px;
  background: #d8e9f7;
  cursor: url(/assets/icons/heading-article-in-progress-a8d4dd1ffca7077251289afc7f92e705.png), pointer;
}
body.drafts-edit .preview .content-targeted-share {
  display: none;
}
body.drafts-edit .preview .information {
  margin: 20px 0;
}
body.drafts-edit.read-only .preview div.body p:hover {
  background: inherit;
  cursor: inherit;
}

body.drafts-edit .versions {
  position: relative;
  top: 112px;
  margin-left: 28px;
  margin-right: 28px;
}
body.drafts-edit .versions .version-display-view {
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  max-width: 1344px;
  margin-left: auto;
  margin-right: auto;
}
body.drafts-edit .versions pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
body.drafts-edit .versions .body, body.drafts-edit .versions .title {
  padding-left: 40px;
  padding-right: 40px;
  font-family: "MesloLGMDZ", "Monaco", monospace !important;
}
body.drafts-edit .versions .title {
  position: relative;
  padding-top: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #ddd;
  line-height: 36px;
}
body.drafts-edit .versions .body {
  padding-top: 24px;
  padding-bottom: 36px;
  font-size: 16px;
  line-height: 26px;
}
body.drafts-edit .version-display-view {
  padding-top: 120px;
  background-color: #fff;
}
body.drafts-edit .versions-meta {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
  left: 0;
  top: 112px;
  z-index: 5;
}
body.drafts-edit .versions-meta .version-controls {
  position: relative;
  max-width: 1264px;
  padding: 24px 40px 8px;
  margin-left: auto;
  margin-right: auto;
  background: #f8f8f8;
  border-bottom: solid 1px #dbdbdb;
}
body.drafts-edit .versions-meta .version-controls:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.drafts-edit .versions-meta .slider {
  background: none;
  border: none;
  margin-bottom: 16px;
  position: relative;
  height: 28px;
}
body.drafts-edit .versions-meta .slider .segment-wrapper {
  position: absolute;
  overflow: hidden;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.drafts-edit .versions-meta .slider .segment {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) inset;
  position: absolute;
  height: 100%;
}
body.drafts-edit .versions-meta .slider .slider-handle {
  background: transparent url(/assets/drafts/edit/slider_handle-9d0ac15e805320b877ac9d026790ff95.png) no-repeat bottom left;
  width: 21px;
  margin-left: -11px;
  padding: 0;
  height: 35px;
  border: none;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: -4px;
}
body.drafts-edit .versions-meta .version-status {
  float: right;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: normal;
}
body.drafts-edit .versions-meta ul.key {
  float: left;
}
body.drafts-edit .versions-meta ul.key li {
  display: block;
  position: relative;
  float: left;
  color: #4e5659;
  list-style-type: none;
  font-size: 11px;
  line-height: normal;
  margin-bottom: 8px;
  margin-right: 20px;
  padding-left: 20px;
}
body.drafts-edit .versions-meta ul.key li span {
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25) inset;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  width: 16px;
  height: 16px;
}

.edit-related-articles-modal-view .main-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 300px;
  overflow: auto;
}

.edit-related-articles-modal-view .window {
  position: relative;
  margin: auto;
  width: 93%;
  background-color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  max-width: 1040px;
  top: 0;
}

.related-article.empty {
  margin: 10px;
  border: 2px dashed #ccc;
}
.related-article.over {
  background-color: #3388ee;
}

body.drafts-edit aside {
  position: relative;
  margin-top: 14px;
}
body.drafts-edit aside ol.fine-print li,
body.drafts-edit aside ul.fine-print li {
  list-style-position: inside;
}

.sidebar-view {
  position: relative;
  clear: both;
  border-top: 1px solid #e4e4e8;
  margin-bottom: 10px;
  padding-top: 10px;
}
.sidebar-view:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.sidebar-view a {
  color: #3e8ace;
}
.sidebar-view > h3 {
  font-size: 14px;
  color: #7c7c7d;
  margin-bottom: 5px;
}
.sidebar-view .button {
  color: #999;
  display: inline-block;
  padding: 0 6px;
}

.sidebar-heading {
  float: left;
  width: 30%;
  position: relative;
}

.sidebar-content {
  width: 70%;
  float: left;
}
.sidebar-content.full-width {
  clear: both;
  width: 100%;
}
.sidebar-content p, .sidebar-content time, .sidebar-content li {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 5px;
  color: #767677;
}

.requirements-completion-sidebar-view {
  padding: 0;
}

.interviewees-sidebar-view,
.collaborators-sidebar-view {
  border-top: none;
}
.interviewees-sidebar-view h3,
.collaborators-sidebar-view h3 {
  text-indent: 0;
}
.interviewees-sidebar-view + .sidebar-view,
.collaborators-sidebar-view + .sidebar-view {
  border-top: 0;
}
.interviewees-sidebar-view .send-note-button,
.collaborators-sidebar-view .send-note-button {
  line-height: 18px;
  color: #777;
}
.interviewees-sidebar-view .send-note-button i,
.collaborators-sidebar-view .send-note-button i {
  width: 1em;
  top: -1px;
}
.interviewees-sidebar-view .collaborator-menu-button,
.collaborators-sidebar-view .collaborator-menu-button {
  color: #646464;
  cursor: pointer;
  padding: 6px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 2px 0 0 2px;
          border-radius: 2px 0 0 2px;
  border: 1px solid transparent;
}
.interviewees-sidebar-view .collaborator-menu-content,
.collaborators-sidebar-view .collaborator-menu-content {
  display: none;
  background: #fff;
  -webkit-border-radius: 2px 0 2px 2px;
          border-radius: 2px 0 2px 2px;
  border: 1px solid #e4e4e8;
  min-width: 203px;
  padding: 10px;
  position: absolute;
  right: -20px;
  top: 28px;
  z-index: 100;
}
.interviewees-sidebar-view .collaborator-menu-content .button,
.collaborators-sidebar-view .collaborator-menu-content .button {
  color: #fff;
  padding: 3px 12px;
}
.interviewees-sidebar-view .collaborator-menu-content .button + .button,
.collaborators-sidebar-view .collaborator-menu-content .button + .button {
  margin-left: 6px;
}
.interviewees-sidebar-view .collaborator-menu-content .reinvite-collaborator,
.collaborators-sidebar-view .collaborator-menu-content .reinvite-collaborator {
  color: #646464;
}
.interviewees-sidebar-view .collaborator-menu,
.collaborators-sidebar-view .collaborator-menu {
  float: right;
  padding: 0;
  margin: 12px 0 12px 10px;
  position: relative;
}
.interviewees-sidebar-view .collaborator-menu.opened .collaborator-menu-content,
.collaborators-sidebar-view .collaborator-menu.opened .collaborator-menu-content {
  display: block;
}
.interviewees-sidebar-view .collaborator-menu.opened .collaborator-menu-button,
.collaborators-sidebar-view .collaborator-menu.opened .collaborator-menu-button {
  background: #fff;
  border: 1px solid #e4e4e8;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 101;
  padding-bottom: 10px;
}
.interviewees-sidebar-view .collaborator-add,
.interviewees-sidebar-view .send-note-button,
.collaborators-sidebar-view .collaborator-add,
.collaborators-sidebar-view .send-note-button {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: right;
  margin: 0 10px;
  padding: 0;
}
.interviewees-sidebar-view .collaborator-add:hover,
.interviewees-sidebar-view .send-note-button:hover,
.collaborators-sidebar-view .collaborator-add:hover,
.collaborators-sidebar-view .send-note-button:hover {
  background: none;
}
.interviewees-sidebar-view .sidebar-content,
.collaborators-sidebar-view .sidebar-content {
  padding-top: 3px;
}
.interviewees-sidebar-view .sidebar-content h3, .interviewees-sidebar-view .sidebar-content p,
.collaborators-sidebar-view .sidebar-content h3,
.collaborators-sidebar-view .sidebar-content p {
  font-size: 12px;
  line-height: 1.5;
}
.interviewees-sidebar-view .sidebar-content ul,
.collaborators-sidebar-view .sidebar-content ul {
  background: #f6f6f8;
  border-left: 1px solid #e0e0e8;
  border-right: 1px solid #e0e0e8;
  -webkit-box-shadow: 0 0 2px #e0e0e8;
          box-shadow: 0 0 2px #e0e0e8;
}
.interviewees-sidebar-view .sidebar-content li,
.collaborators-sidebar-view .sidebar-content li {
  margin: 0;
  padding: 12px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e0e0e8;
}
.interviewees-sidebar-view select,
.collaborators-sidebar-view select {
  margin-top: 10px;
}
.interviewees-sidebar-view .remove-interviewee,
.collaborators-sidebar-view .remove-interviewee {
  position: relative;
  right: -14px;
  padding: 10px;
  color: #999;
  float: right;
  font-size: 13px;
}
.interviewees-sidebar-view .remove-interviewee:hover,
.collaborators-sidebar-view .remove-interviewee:hover {
  color: #d8352a;
}

.disclosure-sidebar-view .button {
  margin-left: 5px;
}
.disclosure-sidebar-view .disclosure-text {
  margin-bottom: 1em;
}
.disclosure-sidebar-view .icon-check {
  color: #3e8ace;
  font-size: 1em;
}
.disclosure-sidebar-view .icon-delete {
  display: none;
}
.disclosure-sidebar-view .incomplete {
  color: #d8352a;
}
.disclosure-sidebar-view .incomplete .button {
  background: #d8352a;
  border-color: #d8352a;
  color: #fff;
}
.disclosure-sidebar-view .incomplete .icon-check {
  display: none;
}
.disclosure-sidebar-view .incomplete .icon-delete {
  display: inline-block;
}
.disclosure-sidebar-view .incomplete .disclosure-text {
  display: none;
}

.brief-meta {
  color: #666;
}
.brief-meta .words, .brief-meta .deadline {
  display: block;
}
.brief-meta .words .words-count,
.brief-meta .deadline .deadline-time {
  color: #404040;
  font-weight: bold;
}

.brief-sidebar-view .brief-text {
  padding: 1em 0 0.5em;
}
.brief-sidebar-view .brief-actions {
  margin-left: 30%;
}

.sidebar-view:first-of-type {
  border-top: 0;
}

@-webkit-keyframes highlight-error {
  0% {
    background-color: #edb4b8;
  }
  100% {
    background-color: rgba(237, 180, 184, 0);
  }
  100% {
    background-color: inherit;
  }
}

@keyframes highlight-error {
  0% {
    background-color: #edb4b8;
  }
  100% {
    background-color: rgba(237, 180, 184, 0);
  }
  100% {
    background-color: inherit;
  }
}
#before-you-can-publish ul {
  list-style: decimal inside;
  color: #d8352a;
  padding: 12px 0;
}
#before-you-can-publish ul li {
  display: list-item;
  font-weight: bold;
  color: inherit;
}
#before-you-can-publish ul li:last-child {
  margin: 0;
}
#before-you-can-publish.highlight ul {
  padding: 12px;
  margin: 0 -12px;
  -webkit-animation: highlight-error 1.5s ease-out;
          animation: highlight-error 1.5s ease-out;
}

.lead-image-sidebar-view div.figure {
  position: relative;
  clear: both;
}
.lead-image-sidebar-view div.figure img {
  max-width: 100%;
}
.lead-image-sidebar-view input {
  width: 100%;
}

.topics-sidebar-view .sidebar-content, .draft-pages-sidebar-view .sidebar-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d0d0d2;
  background: #f7f7f9;
  padding: 6px 6px 3px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px inset;
          box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px inset;
}
.topics-sidebar-view .add-topic, .topics-sidebar-view .add-draft-page, .draft-pages-sidebar-view .add-topic, .draft-pages-sidebar-view .add-draft-page {
  position: relative;
}
.topics-sidebar-view .add-topic i, .topics-sidebar-view .add-draft-page i, .draft-pages-sidebar-view .add-topic i, .draft-pages-sidebar-view .add-draft-page i {
  position: absolute;
  left: 8px;
  top: 3px;
  pointer-events: none;
  color: #9b9b9b;
}
.topics-sidebar-view .add-topic input, .topics-sidebar-view a.remove-topic, .topics-sidebar-view .add-draft-page input, .topics-sidebar-view a.remove-draft-page, .draft-pages-sidebar-view .add-topic input, .draft-pages-sidebar-view a.remove-topic, .draft-pages-sidebar-view .add-draft-page input, .draft-pages-sidebar-view a.remove-draft-page {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#ededee));
  background-image: -webkit-linear-gradient(#fbfbfc, #ededee);
  background-image: -o-linear-gradient(#fbfbfc, #ededee);
  background-image: linear-gradient(#fbfbfc, #ededee);
  font-size: 12px;
  margin: 0 4px 4px 0;
  color: #5e5e5e;
  border: 1px solid #dadadb;
  background: #ededee;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.topics-sidebar-view .add-topic input, .topics-sidebar-view .add-draft-page input, .draft-pages-sidebar-view .add-topic input, .draft-pages-sidebar-view .add-draft-page input {
  padding: 4px 8px 4px 26px;
}
.topics-sidebar-view .add-topic input:hover, .topics-sidebar-view .add-draft-page input:hover, .draft-pages-sidebar-view .add-topic input:hover, .draft-pages-sidebar-view .add-draft-page input:hover {
  border: 1px solid #d0d0d2;
}
.topics-sidebar-view .add-topic input:focus, .topics-sidebar-view .add-draft-page input:focus, .draft-pages-sidebar-view .add-topic input:focus, .draft-pages-sidebar-view .add-draft-page input:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfbfc));
  background-image: -webkit-linear-gradient(#fff, #fbfbfc);
  background-image: -o-linear-gradient(#fff, #fbfbfc);
  background-image: linear-gradient(#fff, #fbfbfc);
  border: 1px solid #d0d0d2;
}
.topics-sidebar-view a.remove-topic, .topics-sidebar-view a.remove-draft-page, .draft-pages-sidebar-view a.remove-topic, .draft-pages-sidebar-view a.remove-draft-page {
  display: block;
  padding: 2px 8px 1px;
}
.topics-sidebar-view a.remove-topic i, .topics-sidebar-view a.remove-draft-page i, .draft-pages-sidebar-view a.remove-topic i, .draft-pages-sidebar-view a.remove-draft-page i {
  font-size: 11px;
  color: #9b9b9b;
}
.topics-sidebar-view a.remove-topic:hover, .topics-sidebar-view a.remove-draft-page:hover, .draft-pages-sidebar-view a.remove-topic:hover, .draft-pages-sidebar-view a.remove-draft-page:hover {
  color: #fff;
  background: #d8352a;
  border: 1px solid #d8352a;
}
.topics-sidebar-view a.remove-topic:hover i, .topics-sidebar-view a.remove-draft-page:hover i, .draft-pages-sidebar-view a.remove-topic:hover i, .draft-pages-sidebar-view a.remove-draft-page:hover i {
  color: #fff;
}
.topics-sidebar-view ul, .draft-pages-sidebar-view ul {
  list-style: none;
}
.topics-sidebar-view ul li, .draft-pages-sidebar-view ul li {
  display: inline-block;
}

.tips-sidebar-view ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.tips-sidebar-view ol a {
  border-bottom: 1px solid;
}

body.drafts-edit .add-collaborator.lightbox .lightbox-inner {
  overflow: visible;
}
body.drafts-edit .add-collaborator.lightbox .invite-collaborator {
  float: right;
}
body.drafts-edit .add-collaborator.lightbox .invite-collaborator a.button {
  position: relative;
  top: 2px;
}
body.drafts-edit .add-collaborator.lightbox a[data-action=interviewee] {
  float: right;
}
body.drafts-edit .add-interviewee.lightbox .lightbox-inner {
  overflow: visible;
}
body.drafts-edit .add-interviewee.lightbox .lightbox-col-half {
  float: left;
  width: 35%;
  margin-right: 5%;
}
body.drafts-edit .add-interviewee.lightbox .lightbox-col-half.last {
  position: relative;
  margin-right: 0%;
  border-left: 1px solid #eeeeee;
  text-align: center;
  height: 70px;
  line-height: 70px;
  width: 45%;
}
body.drafts-edit .add-interviewee.lightbox .lightbox-col-half.last:before {
  content: "or";
  color: #999;
  background: #fff;
  position: absolute;
  top: 41%;
  left: -0.4em;
  line-height: 1.2;
}
body.drafts-edit .add-interviewee.lightbox .author a.button {
  position: absolute;
  right: 0;
  top: 10px;
}
body.drafts-edit .add-interviewee.lightbox .without_profile input {
  width: 100%;
}
body.drafts-edit .add-interviewee.lightbox .without_profile label {
  padding-bottom: 6px;
}
body.drafts-edit .add-interviewee.lightbox label {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}
body.drafts-edit .add-interviewee.lightbox a:hover {
  cursor: pointer;
}
body.drafts-edit .edit-pull-quote.lightbox article {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f2f6), to(#f8f9fb));
  background-image: -webkit-linear-gradient(#f0f2f6, #f8f9fb);
  background-image: -o-linear-gradient(#f0f2f6, #f8f9fb);
  background-image: linear-gradient(#f0f2f6, #f8f9fb);
  background-color: #f0f2f6;
  margin-bottom: 18px;
  position: relative;
}
body.drafts-edit .edit-pull-quote.lightbox article:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.drafts-edit .edit-pull-quote.lightbox article:before {
  text-shadow: 0 1px 0 #fff;
  content: "“";
  position: absolute;
  left: 96px;
  top: 16px;
  font-size: 27px;
  color: #bfc6d0;
}
body.drafts-edit .edit-pull-quote.lightbox article figure {
  pointer-events: none;
  display: block;
  height: 100%;
  float: left;
}
body.drafts-edit .edit-pull-quote.lightbox article img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  max-width: 70px;
  margin: 15px;
  z-index: 2;
}
body.drafts-edit .edit-pull-quote.lightbox article textarea {
  background-color: transparent;
  border: none;
  color: #069;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0;
  height: 96px;
  overflow: hidden;
  padding: 15px;
  resize: none;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
html.ie body.drafts-edit .edit-pull-quote.lightbox article textarea {
  background-color: #f0f2f6;
}
html.lt-ie8 body.drafts-edit .edit-pull-quote.lightbox article textarea {
  width: col(16, 6)-24px;
  height: 72px;
}
body.drafts-edit .edit-pull-quote.lightbox article textarea:focus {
  outline: none;
}
body.drafts-edit .send-note.lightbox .note-recipients > h3 {
  float: left;
  margin-top: 12px;
}
body.drafts-edit .readability.lightbox .readability-score-container {
  margin: 24px;
  float: right;
}
body.drafts-edit .readability.lightbox table {
  width: 320px;
  border: none;
  background-color: #eee;
  -webkit-border-radius: 0;
          border-radius: 0;
}
body.drafts-edit .readability.lightbox table td {
  border: 1px solid #fff;
}
body.drafts-edit .readability.lightbox aside {
  clear: both;
}
body.drafts-edit .readability.lightbox .information.indicator:before {
  -webkit-border-radius: 16px;
          border-radius: 16px;
  -webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
          box-shadow: 0 1px 0 #fff, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  width: 16px;
  height: 16px;
  left: 15px;
  top: 18px;
}
body.drafts-edit .offline-warning.lightbox .yet-another-spinner {
  float: none;
  font-size: 0.5em;
  display: inline-block;
  margin-left: 12px;
  margin-bottom: -3px;
}
body.drafts-edit .offline-warning.lightbox .most-recent-version {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 10px;
  background-color: #eee;
}
body.drafts-edit .offline-warning.lightbox .most-recent-version textarea {
  margin-top: 6px;
  display: block;
  width: 100%;
  height: 100px;
}
body.drafts-edit .disclosure.lightbox ul {
  list-style: none;
  margin: 0 0 24px;
}
body.drafts-edit .disclosure.lightbox fieldset {
  border-bottom: 1px solid #ddd;
  margin-bottom: 12px;
  padding: 0 0 12px 12px;
}
body.drafts-edit .disclosure.lightbox fieldset input {
  margin-right: 18px;
  vertical-align: sub;
}
body.drafts-edit .lightbox .special-characters ul {
  list-style: none;
  margin-bottom: 18px;
}
body.drafts-edit .lightbox .special-characters ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.drafts-edit .lightbox .special-characters li {
  width: 20px;
  float: left;
  cursor: pointer;
  font-size: 125%;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  height: 20px;
  margin: 0;
  padding: 5px;
  position: relative;
  text-align: center;
  background: #fff;
}
body.drafts-edit .lightbox .special-characters li + li {
  margin-left: 4px;
}
body.drafts-edit .lightbox .special-characters li:hover {
  width: 40px;
  height: 40px;
  left: -10px;
  top: -10px;
  margin-right: -20px;
  margin-bottom: -20px;
  border-width: 1px;
  font-weight: bold;
  font-size: 200%;
  z-index: 100000;
}

body.drafts-edit .editor .wrapper, body.drafts-edit .authoring-header .wrapper {
  width: auto !important;
  max-width: 1400px !important;
}
body.drafts-edit #topbar .wrapper {
  width: auto !important;
  max-width: 1400px !important;
  padding-left: 10px;
  padding-right: 10px;
}
body.drafts-edit .col-wrapper {
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  -o-transition: transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  overflow: visible;
  position: relative;
  padding-bottom: 40px;
}
body.drafts-edit .col-wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.drafts-edit .primary-col {
  background: #fff;
  -webkit-box-shadow: 0 1px 4px #c5c5d3;
          box-shadow: 0 1px 4px #c5c5d3;
  float: left;
  margin: 20px 0 0 2%;
  min-height: 1000px;
  width: 63%;
}
body.drafts-edit .secondary-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-left: 18px;
  padding: 10px 20px;
  width: 33%;
  -webkit-tap-highlight-color: transparent;
}
body.drafts-edit.text-only .primary-col {
  margin-left: 14%;
  margin-right: 14%;
  width: 70%;
}
body.drafts-edit.text-only .secondary-col {
  display: none;
}
body.drafts-edit.text-only .authoring-header .tabbed-button-group {
  left: 50%;
  margin-left: -130px;
}
@media screen and (max-width: 950px) {
  body.drafts-edit.text-only .col-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
  body.drafts-edit.text-only .col-wrapper .primary-col {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
body.drafts-edit.read-only .authoring-header .tabbed-button-group {
  left: 50%;
  margin-left: -87px;
}
@media screen and (max-width: 950px) {
  body.drafts-edit #site-nav {
    display: none;
  }
  body.drafts-edit #topbar,
body.drafts-edit div.authoring-header {
    position: static !important;
  }
  body.drafts-edit section.editor {
    padding-top: 0 !important;
    overflow: hidden;
  }
  body.drafts-edit section.editor .markdown-editor {
    border-top: 1px solid #dbdbdb;
  }
  body.drafts-edit .editor .fullscreen .primary-col {
    margin: 0;
    width: 100%;
  }
  body.drafts-edit .col-wrapper {
    padding: 24px 48px;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar {
    position: absolute !important;
    top: -1px;
    left: -41px;
    width: 40px !important;
    height: auto;
    outline: 0;
    overflow: visible;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar .button {
    display: block;
    width: 40px;
    overflow: hidden;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar .button:first-of-type {
    margin-left: 0;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar .indicator {
    left: 0;
    padding-left: 0;
    text-indent: 100px;
    width: 40px;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar .indicator:before {
    left: 14px;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar .word-count {
    display: none;
  }
  body.drafts-edit .editor section.editor-body .markdown-editor > .tc-markdown-toolbar .save-state-view {
    display: none;
  }
  body.drafts-edit .markdown-editor:before {
    top: -22px !important;
  }
  body.drafts-edit .primary-col {
    margin: 0;
    width: 100%;
  }
  body.drafts-edit .primary-col .inner-cover {
    opacity: 0;
    -webkit-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
    content: " ";
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 200%;
    padding-bottom: 60px;
    background: #000;
    z-index: 6;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  body.drafts-edit .secondary-col {
    position: absolute;
    left: 100%;
    width: 60%;
    margin-left: 0;
  }
  body.drafts-edit .secondary-col .inner-cover {
    opacity: 0;
    cursor: pointer;
    content: " ";
    display: block;
    position: absolute;
    top: -16px;
    width: 100%;
    height: 200%;
    background: #000;
    z-index: 1;
  }
  body.drafts-edit .secondary-col:after {
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    display: inline-block;
    content: "Article details";
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    background: #fff;
    color: #565756;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  }
  body.drafts-edit.open-sidebar .col-wrapper {
    -webkit-transform: translateZ(0) translate(-60%, 0%);
            transform: translateZ(0) translate(-60%, 0%);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  body.drafts-edit.open-sidebar .secondary-col .inner-cover {
    opacity: 0;
    pointer-events: none;
  }
  body.drafts-edit.open-sidebar .secondary-col:after {
    display: none;
  }
  body.drafts-edit.open-sidebar .primary-col .inner-cover {
    opacity: 0.5;
    pointer-events: all;
  }
}

body.drafts-edit {
  background: #efeff3;
  min-width: 100%;
}
body.drafts-edit #topbar {
  position: fixed;
  top: 0;
  width: 100%;
}
body.drafts-edit, body.drafts-edit #outer {
  padding: 0;
}
body.drafts-edit ul.ui-autocomplete {
  width: 300px;
  padding: 8px;
  border: 0;
  color: #5e5e5e;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
body.drafts-edit ul.ui-autocomplete li a {
  float: none;
  padding: 9px 9px 8px 9px;
  margin: 0;
  border-bottom: 1px solid #eee;
}
body.drafts-edit ul.ui-autocomplete li a.ui-state-hover {
  background: #38e;
  color: #fff;
}
body.drafts-edit ul.ui-autocomplete li a.ui-state-hover h3, body.drafts-edit ul.ui-autocomplete li a.ui-state-hover p {
  color: #fff;
}
body.drafts-edit ul.ui-autocomplete li a img {
  position: static;
  float: left;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
body.drafts-edit ul.ui-autocomplete:last-child a {
  border-bottom: none;
}
body.drafts-edit .item-actions {
  position: absolute;
  top: 0;
  right: 0;
}
body.drafts-edit .item-actions .action {
  -webkit-transition: background 250ms;
  -o-transition: background 250ms;
  transition: background 250ms;
  margin: 4px 4px 0 0;
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 21px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
body.drafts-edit .item-actions .action i {
  color: #fff;
}
body.drafts-edit .item-actions .action:hover {
  background: rgba(62, 138, 206, 0.8);
}

body.drafts-finished #outer {
  margin: 6em 0;
  padding-bottom: 0;
}
body.drafts-finished article {
  padding-left: 16px;
  float: left;
  font-size: 120%;
}
body.drafts-finished .sectioning {
  border-top: 4px solid #e9e3bf;
  background-color: #f9f6e3;
  padding: 20px;
  margin-bottom: 20px;
}
body.drafts-finished .scheduling {
  border-top: 4px solid #cccccc;
  background-color: #f6f7fa;
  text-align: center;
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
}
body.drafts-finished .scheduling form.button_to {
  display: inline-block;
}
body.drafts-finished .scheduling input.button {
  margin-top: 5px;
}
body.drafts-finished .success-image {
  float: left;
  margin-left: 48px;
  border-left: #eee 1px solid;
}
body.drafts-finished .success-image img {
  margin-left: 48px;
  -webkit-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.edit-brief.lightbox {
  overflow: auto;
}
.edit-brief.lightbox .lightbox-inner {
  overflow: visible;
}
.edit-brief.lightbox form.formtastic ul.errors {
  list-style: none;
}
.edit-brief.lightbox form.formtastic fieldset.inputs {
  overflow: visible;
}
.edit-brief.lightbox form.formtastic fieldset.inputs label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 1em;
  text-align: right;
  width: 25%;
}
.no-border-box .edit-brief.lightbox form.formtastic fieldset.inputs label {
  width: 24%;
  padding-right: 1%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .string input {
  width: 75%;
  max-width: 75%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .text textarea {
  background-color: #fff;
  height: auto;
  max-width: 75%;
  padding: 5px;
  width: 75%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .error input, .edit-brief.lightbox form.formtastic fieldset.inputs .error select, .edit-brief.lightbox form.formtastic fieldset.inputs .error textarea {
  border-color: #cc0000;
}
.edit-brief.lightbox form.formtastic fieldset.inputs p.inline-hints {
  clear: left;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .half {
  float: left;
  clear: none;
  width: 50%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .half label {
  width: 50%;
}
.no-border-box .edit-brief.lightbox form.formtastic fieldset.inputs .half label {
  width: 48%;
  padding-right: 2%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .half input, .edit-brief.lightbox form.formtastic fieldset.inputs .half select, .edit-brief.lightbox form.formtastic fieldset.inputs .half textarea {
  width: 50%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .half ul.errors, .edit-brief.lightbox form.formtastic fieldset.inputs .half p.inline-errors {
  margin: 0.5em 0 0 50%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline {
  padding-left: 0;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline label {
  width: 95px;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline .date-time-picker {
  position: relative;
  float: left;
  width: 213px;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline .date-time-picker label {
  width: 25%;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline .date-time-picker .datepicker-date {
  width: 90px;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline .date-time-picker .datepicker-time {
  width: 90px;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .deadline a.current-interval {
  width: 150px;
  font-size: 11px;
}
.edit-brief.lightbox form.formtastic fieldset.inputs fieldset.user {
  float: left;
  margin-bottom: 0.4em;
}
.edit-brief.lightbox form.formtastic fieldset.inputs .remove-user.button {
  float: left;
  margin-left: 1em;
}

body.authoring.assets #edit-image-metadata {
  margin-top: 95px;
}
body.authoring.assets #edit-image-metadata textarea {
  height: 10em;
}
body.authoring.assets #edit-image-metadata label {
  width: 100%;
}
body.authoring.assets #edit-image-metadata input, body.authoring.assets #edit-image-metadata select, body.authoring.assets #edit-image-metadata textarea {
  clear: both;
  width: 100%;
}
body.authoring.assets #edit-image-metadata .inline-hints {
  font-size: 0.8em;
  margin-left: 0;
}
body.authoring.assets #edit-image-metadata .inline-hints strong {
  font-weight: bold;
}
body.authoring.assets #edit-image-crops {
  float: left;
}
body.authoring.assets #edit-image-crops img {
  max-width: 100%;
}
body.authoring.assets #edit-image-crops .cropper {
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
body.authoring.assets #edit-image-crops .cropper nav {
  border-bottom: 1px solid #ccc;
}
body.authoring.assets #edit-image-crops .cropper nav ul {
  margin: 0;
  padding: 10px;
  list-style: none outside none;
}
body.authoring.assets #edit-image-crops .cropper nav ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.authoring.assets #edit-image-crops .cropper nav li {
  float: left;
  margin-right: 10px;
}
body.authoring.assets #edit-image-crops .cropper nav a {
  background-color: #e6e6e6;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #333;
  display: block;
  height: 2.8em;
  opacity: 0.75;
  padding: 5px 10px 5px 10px;
}
body.authoring.assets #edit-image-crops .cropper nav a:hover {
  opacity: 1;
}
body.authoring.assets #edit-image-crops .cropper nav a.active {
  opacity: 1;
  background-color: #cbcbcb;
}
body.authoring.assets #edit-image-crops .cropper nav a.changed-crop {
  background-color: #98dc98;
}
body.authoring.assets #edit-image-crops .cropper nav a.too-narrow {
  background-color: #dc9898;
}
body.authoring.assets #edit-image-crops .cropper nav span {
  color: #555;
  display: block;
  font-size: 11px;
}
body.authoring.assets #edit-image-crops .cropper > div {
  padding: 0;
}
body.authoring.assets #edit-image-crops .cropper footer {
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  background-color: #e2e2e2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 1px solid #d2d2d2;
  border: none;
  -webkit-box-shadow: #fff 0 1px 0 0 inset;
          box-shadow: #fff 0 1px 0 0 inset;
  margin-bottom: 0;
  padding: 18px 16px;
}
body.authoring.assets #edit-image-crops .cropper footer ul {
  list-style: none outside none;
}
body.authoring.assets #edit-image-crops .cropper footer ul:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.authoring.assets #edit-image-crops .cropper footer ul li {
  float: right;
}
body.authoring.assets #edit-image-crops .crop-explanations {
  padding: 20px;
  margin-top: 20px;
  background: #fafafa;
  border: 1px solid #eee;
}
body.authoring.assets #edit-image-crops .crop-explanations ul {
  padding-left: 20px;
}

body.editorial-author-communications .communique + .communique {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
body.editorial-author-communications .details dt {
  clear: left;
  float: left;
}
body.editorial-author-communications .details dd {
  float: none;
  margin-left: 80px;
}
body.editorial-author-communications .people dt {
  width: 100%;
  margin: 0 0 10px 0;
}
body.editorial-author-communications .people dd + dt {
  margin-top: 20px;
}
body.editorial-author-communications .people dd:last-child {
  margin-bottom: 20px;
}
body.editorial-author-communications .actions {
  padding-top: 10px;
}
body.editorial-author-communications .actions .button {
  float: right;
  margin-left: 10px;
}

body.editorial-comments .comments-section-view {
  display: none;
  padding: 0;
}
body.editorial-comments .comment-view {
  padding: 0;
}
body.editorial-comments .author {
  padding: 0;
}
body.editorial-comments .author h3 {
  font-size: 12px;
}
body.editorial-comments article.comment.reader {
  padding-bottom: 0;
}

body.editorial-columns a.create_column {
  float: right;
}
body.editorial-columns ul.ui-autocomplete {
  width: 300px;
  padding: 8px;
  border: 0;
  color: #5e5e5e;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
body.editorial-columns ul.ui-autocomplete li a {
  float: none;
  padding: 9px 9px 8px 9px;
  margin: 0;
  border-bottom: 1px solid #eee;
}
body.editorial-columns ul.ui-autocomplete li a.ui-state-hover {
  background: #38e;
  color: #fff;
}
body.editorial-columns ul.ui-autocomplete li a.ui-state-hover h3, body.editorial-columns ul.ui-autocomplete li a.ui-state-hover p {
  color: #fff;
}
body.editorial-columns ul.ui-autocomplete li a img {
  position: static;
  float: left;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
body.editorial-columns ul.ui-autocomplete:last-child a {
  border-bottom: none;
}
body.editorial-columns .column-contributor-selection-view {
  margin-bottom: 1em;
}
body.editorial-columns .column-contributor-selection-view label {
  clear: left;
}
body.editorial-columns .column-contributor-selection-view input.contributor-selector {
  width: 255px;
}
body.editorial-columns .column-contributor-selection-view input.contributor-selector.loading {
  background-position: 232px 5px;
}
body.editorial-columns .column-contributor-selection-view .contributor-list {
  clear: both;
  margin: 2em 0;
}
body.editorial-columns .column-contributor-selection-view .contributor-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-columns .column-contributor-selection-view .contributor-list .contributor-avatar {
  width: 33.3%;
  float: left;
  clear: none;
  margin-bottom: 0;
  border: none;
}
body.editorial-columns .column-contributor-selection-view .contributor-list .contributor-avatar .profile {
  background-color: #fff;
  clear: both;
  list-style-type: none;
  margin: 0 0.5em 1em 0.5em;
  padding: 1em;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
body.editorial-columns .column-contributor-selection-view .contributor-list .contributor-avatar .profile:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-columns .column-contributor-selection-view .contributor-list .contributor-avatar .profile a {
  width: 80%;
  float: left;
  position: relative;
}
body.editorial-columns .column-contributor-selection-view .contributor-list .contributor-avatar .profile a.remove-contributor {
  width: auto;
  position: absolute;
  right: 10px;
}
body.editorial-columns ul.columns li.section {
  list-style: none;
  font-size: 26px;
  font-weight: bold;
  padding: 2em 0 1em;
}
body.editorial-columns ul.columns li.column {
  background-color: #f5f5f5;
  clear: both;
  list-style-type: none;
  margin-bottom: 1em;
  padding: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
body.editorial-columns ul.columns li.column:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-columns ul.columns li.column.inactive {
  background-color: #f6f7f8;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.5;
}
body.editorial-columns ul.columns li.column .image {
  margin: 0;
}
body.editorial-columns ul.columns li.column .image img {
  padding: 10px;
  width: 80px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #fff;
}
body.editorial-columns ul.columns li.column .info {
  font-size: 12px;
  margin: 0;
}
body.editorial-columns ul.columns li.column .info:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-columns ul.columns li.column .info .content {
  padding: 1em;
}
body.editorial-columns ul.columns li.column .info .title_and_kicker h3 {
  margin-bottom: 6px;
}
body.editorial-columns ul.columns li.column .info .title_and_kicker p.byline {
  margin-bottom: 0;
}
body.editorial-columns ul.columns li.column .info .authors,
body.editorial-columns ul.columns li.column .info .editors {
  display: block;
  font-size: 11px;
  font-style: italic;
  color: #666;
}
body.editorial-columns ul.columns li.column .user-actions ul {
  padding: 1em;
}
body.editorial-columns ul.columns li.column .user-actions li {
  list-style: none;
  float: right;
}
body.editorial-columns ul.columns li.column span.column-self-publish,
body.editorial-columns ul.columns li.column span.column-inactive {
  bottom: 0;
  clear: both;
  float: right;
  font-size: 11px;
  margin: 10px 13px 0 0;
  padding: 0;
  right: 0;
  font-weight: bold;
}
body.editorial-columns ul.columns li.column span.column-self-publish i,
body.editorial-columns ul.columns li.column span.column-inactive i {
  margin-right: -0.2em;
  font-size: 14px;
}
body.editorial-columns ul.columns li.column span.column-inactive {
  color: #213b4b;
}
body.editorial-columns ul.columns li.column span.column-self-publish {
  color: #2ecc71;
}

body.editorial-dashboards header {
  position: relative;
}
body.editorial-dashboards header .wrapper {
  position: relative;
}
body.editorial-dashboards #search {
  float: right;
  margin-right: 6px;
}
body.editorial-dashboards #search .button {
  display: none;
}
body.editorial-dashboards #q {
  zoom: 1;
  height: 32px;
  min-width: 0;
  width: 262px;
}
body.editorial-dashboards .dashboard-panel {
  position: relative;
  margin-bottom: 54px;
}
body.editorial-dashboards .dashboard-panel .no-results {
  padding-bottom: 11px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #d9d9d9;
  font-size: 11px;
}
body.editorial-dashboards .dashboard-panel header {
  margin-bottom: 18px;
  position: relative;
}
body.editorial-dashboards .dashboard-panel header > a {
  position: absolute;
  right: 0;
  top: 0;
}
body.editorial-dashboards .dashboard-panel header h3 {
  border-bottom: 1px solid #eee;
  font-size: 18px;
  padding: 0 0 12px 0;
}
body.editorial-dashboards .dashboard-panel h4 {
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 20px;
}
body.editorial-dashboards .dashboard-panel h4.sent {
  background-image: url(/assets/icons/brief-sent-b60fb9ba68cbe6653f5fb2c399a5c1e8.png);
}
body.editorial-dashboards .dashboard-panel h4.unsent {
  background-image: url(/assets/icons/brief-unsent-dcf7a95b4e20b5e068d82fd5acec7902.png);
}
body.editorial-dashboards .dashboard-panel ul {
  font-size: 11px;
  list-style: none outside none;
}
body.editorial-dashboards .dashboard-panel ul li {
  padding-bottom: 11px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #d9d9d9;
}
body.editorial-dashboards .dashboard-panel ul a {
  display: block;
}
body.editorial-dashboards .dashboard-panel ul div {
  font-size: 11px;
  color: #727272;
}
body.editorial-dashboards .dashboard-panel span.owner {
  display: block;
}
body.editorial-dashboards .dashboard-panel ul.empty li {
  color: rgba(114, 114, 114, 0.5);
  text-align: center;
}
body.editorial-dashboards table.sortable {
  margin-bottom: 6px;
}
body.editorial-dashboards table.sortable th {
  cursor: pointer;
}
body.editorial-dashboards table.sortable th span {
  background: url(/assets/sort-asc-f8a1940c9cf44ab8870319169f3a14ff.gif) center right no-repeat;
  display: inline-block;
  padding-right: 20px;
}
body.editorial-dashboards table.sortable th[data-order=desc] span {
  background-image: url(/assets/sort-desc-a54846803de3cc786eec3d69f9ac2d38.gif);
}
body.editorial-dashboards table.sortable .article .state span {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 9px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 75px;
}
body.editorial-dashboards table.sortable .article .state .finished {
  background-color: #551a8b;
}
body.editorial-dashboards table.sortable .article .state .submitted {
  background-color: #199a0b;
}
body.editorial-dashboards table.sortable .article .state .in-progress {
  background-color: #ffa25f;
}
body.editorial-dashboards table.sortable .article .state .commissioned {
  background-color: #48a1ce;
}
body.editorial-dashboards table.sortable .deadline {
  white-space: nowrap;
}
body.editorial-dashboards table.sortable .deadline.overdue {
  color: #d71f2a;
}
body.editorial-dashboards table.sortable td.date {
  text-align: center;
  min-width: 80px;
}
body.editorial-dashboards table.sortable td.date span {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
body.editorial-dashboards table.sortable td.date .blank {
  opacity: 0.5;
}
body.editorial-dashboards table.sortable td.date .blank:hover {
  cursor: pointer;
  opacity: 1;
}
body.editorial-dashboards table.sortable td.date form {
  display: none;
}
body.editorial-dashboards table.sortable td.date form.show {
  display: inline-block;
  width: 80px;
}
body.editorial-dashboards table.sortable td.date input.date {
  font-size: 11px;
  margin: -3px 0;
  outline: none;
  padding: 3px;
  width: 100%;
}
body.editorial-dashboards table.sortable td.title > a {
  display: block;
  font-weight: bold;
}
body.editorial-dashboards table.sortable td.title .article-author {
  display: block;
  font-size: 11px;
}
body.editorial-dashboards table.sortable td.author a {
  display: block;
  max-width: 80px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
body.editorial-dashboards table.sortable td.author .author-institution {
  display: block;
  max-width: 80px;
  text-align: left;
}
body.editorial-dashboards .posts-list .post {
  padding: 0;
  border-bottom: 1px solid #eee;
}
body.editorial-dashboards .posts-list .post .author {
  border-left: 1px solid #eee;
  font-size: 11px;
  padding: 10px;
}
body.editorial-dashboards .posts-list .post .author p {
  margin: 0 0 0 80px;
  white-space: nowrap;
}
body.editorial-dashboards .posts-list .post .author a {
  max-width: initial;
  overflow: visible;
}
body.editorial-dashboards .posts-list .post .author img {
  float: left;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin: 5px;
  width: 50px;
}

body.editorial-editors-index h2 {
  margin: 36px 0 18px;
}

body.editorial-editors-edit #editor-details h3 {
  margin-top: 2em;
}

body.editorial-engagements .engagement + .engagement {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
body.editorial-engagements .details dt {
  clear: left;
  float: left;
}
body.editorial-engagements .details dd {
  float: none;
  margin-left: 6em;
  margin-bottom: 6px;
  padding-left: 12px;
}
body.editorial-engagements .people dt {
  width: 100%;
  margin: 0 0 10px 0;
}
body.editorial-engagements .people dd + dt {
  margin-top: 20px;
}
body.editorial-engagements .people dd:last-child {
  margin-bottom: 20px;
}
body.editorial-engagements .actions {
  padding-top: 10px;
}
body.editorial-engagements .actions .button {
  float: right;
  margin-left: 10px;
}

body.editorial-events-index a.create-event {
  float: right;
}
body.editorial-events-index .event {
  background-color: #f5f5f5;
  clear: both;
  list-style-type: none;
  margin-bottom: 1em;
  padding: 0;
  position: relative;
}
body.editorial-events-index .event:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-events-index .event dl {
  margin-top: 12px;
}
body.editorial-events-index .event.past {
  opacity: 0.5;
}
body.editorial-events-index .event .promoted {
  padding-left: 20px;
}
body.editorial-events-index .event .info {
  font-size: 12px;
}
body.editorial-events-index .event .info:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-events-index .event .info .content {
  padding: 1em;
}
body.editorial-events-index .event .info h3 {
  margin-bottom: 6px;
}
body.editorial-events-index .event .info p.institution {
  margin-bottom: 0;
}
body.editorial-events-index .event .info p.url {
  margin-bottom: 0;
}
body.editorial-events-index .event .info span.authors {
  font-size: 11px;
  font-style: italic;
  color: #ccc;
}
body.editorial-events-index .event .user-actions ul {
  padding: 1em;
}
body.editorial-events-index .event .user-actions li {
  list-style: none;
  float: right;
}

body.editorial-events-edit #authoring-actions {
  margin-bottom: 0;
}

body.for_classifications-new .new_for_data {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #eee;
  padding: 10px 0;
}
body.for_classifications-new .new_for_data:nth-child(even) {
  padding-right: 10px;
  clear: left;
}
body.for_classifications-new .new_for_data:nth-child(odd) {
  padding-left: 10px;
}
body.for_classifications-new .new_for_data .button {
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  body.for_classifications-new .new_for_data {
    float: none;
    width: auto;
    padding: 0;
  }
}
body.editorial-impact-reports #impact-report-report {
  height: 100%;
  min-height: 100%;
}
body.editorial-impact-reports #impact-report-report:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-impact-reports #impact-report-report .world-view {
  width: 100%;
  padding: 0;
}
body.editorial-impact-reports #impact-report-report .world-view iframe {
  display: block;
  width: 100%;
  height: 400px;
}
body.editorial-impact-reports #impact-report-report .preview {
  padding-top: 20px;
}
body.editorial-impact-reports #impact-report-report .preview iframe {
  display: block;
  width: 100%;
  height: 4300px;
}

body.editorial-impact-reports-index .button-container, body.editorial-impact-reports-index .pagination {
  padding-top: 1em;
  padding-bottom: 1em;
}

body.editing-institution form li.chooser_view a.clear {
  float: left;
  margin: 0.5em 0 0 25%;
}

body.editorial-institutions-index table td:last-child {
  white-space: nowrap;
}
body.editorial-institutions-index table td:last-child a {
  margin-left: 5px;
}

body.editorial-institutions-domains-index .back.button {
  float: left;
}
body.editorial-institutions-domains-index .interesting-list .actions .button_to,
body.editorial-institutions-domains-index .interesting-list .actions .button {
  float: left;
  margin-right: 10px;
}

body.editorial-institutions-users table.fancy-table td, body.editorial-institutions-users table.fancy-table th {
  text-align: left;
}
body.editorial-institutions-users table.fancy-table td:last-child, body.editorial-institutions-users table.fancy-table th:last-child {
  text-align: right;
}
body.editorial-institutions-users .user-list header {
  min-height: 120px;
  margin-top: 1em;
}
body.editorial-institutions-users .user-list li {
  padding-left: 6px;
}
body.editorial-institutions-users .user-list li .grid-last {
  position: relative;
  margin-right: -6px;
}
body.editorial-institutions-users .user-list li .button {
  float: right;
  margin-right: 10px;
}
body.editorial-institutions-users div.button-container .button {
  float: right;
  clear: both;
}
body.editorial-institutions-users div.button-container hr, body.editorial-institutions-users div.button-container .button {
  margin-bottom: 1em;
}

body.editorial-institution-groups .button-container {
  margin-top: 36px;
}
body.editorial-institution-groups .button-container .button {
  float: right;
  clear: both;
  margin-bottom: 1em;
}
body.editorial-institution-groups .delete_institution_group {
  float: left;
}
body.editorial-institution-groups .institution-group-institution-selection-view {
  margin-bottom: 1em;
}
body.editorial-institution-groups .institution-group-institution-selection-view label {
  clear: left;
}
body.editorial-institution-groups .institution-group-institution-selection-view input.institution-selector.loading {
  background-position: 232px 5px;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list {
  clear: both;
  margin: 2em 0;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list .institution {
  width: 33.3%;
  float: left;
  clear: none;
  margin-bottom: 0;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list .profile {
  background-color: #fff;
  clear: both;
  list-style-type: none;
  margin: 0 0.5em 1em 0.5em;
  padding: 0;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list .profile:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list .profile img {
  float: left;
  margin: 0 10px 0 0;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list .profile h3 {
  font-size: 12px;
  float: left;
  margin: 10px 10px 10px 0;
  position: relative;
}
body.editorial-institution-groups .institution-group-institution-selection-view .institution-list .profile a.remove-institution {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: auto;
}

body.licenses .wrapper .button-container .primary {
  float: right;
  margin-bottom: 1em;
}
body.licenses .wrapper table tr th, body.licenses .wrapper table tr td {
  text-align: left;
}
body.licenses .wrapper table tr th:last-child, body.licenses .wrapper table tr td:last-child {
  text-align: right;
}
body.licenses .wrapper form .panel > div + div {
  margin-top: 30px;
}
body.licenses .wrapper form .panel > div h3 {
  margin-bottom: 20px;
  padding-left: 25%;
}

body.newsletters-edit {
  background-color: #f6f6f6;
}
body.newsletters-edit #topbar {
  position: fixed;
  width: 100%;
  top: 0;
}
body.newsletters-edit #topbar .wrapper {
  width: 100%;
}
body.newsletters-edit #authoring-actions {
  background-color: #f0f0f0;
  border-bottom: 1px solid #d7d7d7;
  left: 300px;
  position: fixed;
  right: 0;
  top: 46px;
  z-index: 10;
  padding: 16px 3px 8px 12px;
}
body.newsletters-edit #authoring-actions .wrapper {
  position: relative;
  padding: 7px 0;
  width: 100%;
}
body.newsletters-edit #authoring-actions .wrapper .button {
  margin: 0 16px;
}
body.newsletters-edit #authoring-actions .back.button {
  float: left;
}
body.newsletters-edit .save-state-view {
  position: fixed;
  top: 100px;
  right: 0;
  padding: 0 9px;
  margin: 12px;
}
body.newsletters-edit .button.create-section {
  display: block;
  font-size: 15px;
  line-height: 24px;
  height: auto;
  margin: 10px 20px;
  text-align: center;
}
body.newsletters-edit .button.create-section i {
  opacity: 1;
  width: 18px;
  height: 18px;
  background-color: #fff;
  -webkit-border-radius: 18px;
          border-radius: 18px;
  color: #49ab3a;
  margin-right: 0.1em;
  font-size: 12px;
  line-height: 19px;
  top: -2px;
  text-shadow: none;
}
body.newsletters-edit #outer {
  position: relative;
  padding-left: 300px;
}
body.newsletters-edit .fake-newsletter {
  padding: 20px 0;
  width: 600px;
  background-color: #fff;
  height: auto;
  margin: 148px auto;
  -webkit-box-shadow: 0 0 6px #ddd;
          box-shadow: 0 0 6px #ddd;
}
body.newsletters-edit .fake-newsletter .editors-note {
  position: relative;
  padding: 0 10px;
}
body.newsletters-edit .fake-newsletter .editors-note h3 {
  margin: 0 10px;
}
body.newsletters-edit .fake-newsletter .from {
  padding: 10px;
  margin: 0 10px;
}
body.newsletters-edit .fake-newsletter .from:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.newsletters-edit .fake-newsletter .from img {
  float: right;
  margin-left: 1em;
}
body.newsletters-edit .fake-newsletter .from .name {
  float: right;
  font-size: 14px;
}
body.newsletters-edit .fake-newsletter .from .name p {
  margin-bottom: 0;
  text-align: right;
}
body.newsletters-edit .fake-newsletter h3 {
  line-height: 2em;
  border-bottom: 4px solid #eee;
}
body.newsletters-edit .fake-newsletter ol li {
  list-style-type: none;
}
body.newsletters-edit .edit-sections-hint {
  display: none;
}
body.newsletters-edit.edit-sections-mode .back, body.newsletters-edit.edit-sections-mode .upload {
  display: none;
}
body.newsletters-edit.edit-sections-mode .edit-sections-hint {
  color: #fff;
  display: block;
  line-height: 1.5;
  text-shadow: 1px 1px #3779ca;
}
body.newsletters-edit.edit-sections-mode .edit-sections-hint i {
  float: left;
}
body.newsletters-edit.edit-sections-mode .edit-sections-hint p {
  float: left;
  margin: 0;
  padding-left: 0.25em;
}
body.newsletters-edit.edit-sections-mode #authoring-actions {
  background-color: #5398da;
}
body.newsletters-edit.edit-sections-mode .article-browser-view:after, body.newsletters-edit.edit-sections-mode .editors-note:after, body.newsletters-edit.edit-sections-mode .campaign-top-story-view:after {
  background-color: #fff;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.66;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}

#edit-campaign-page .article-browser-view {
  top: 47px;
}

body.editorial-newsletters table {
  margin-bottom: 36px;
}
body.editorial-newsletters table .icon-delete, body.editorial-newsletters table .icon-check {
  font-size: 10px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  color: #fff;
}
body.editorial-newsletters table .icon-check {
  background-color: #319f22;
}
body.editorial-newsletters table .icon-delete {
  background-color: #d24850;
}

.editorial-newsletters-status #outer {
  border-top: 1px solid #eee;
}

#newsletter-status-page {
  text-align: center;
}
#newsletter-status-page h2 {
  margin-top: 4em;
}
#newsletter-status-page .yet-another-spinner {
  position: relative;
  font-size: 24px;
  left: 50%;
  margin-left: -1ex;
}

body.editorial-newsletter-lists .newsletter-list-primary,
body.editorial-newsletter-lists .newsletter-list-visible {
  width: 80px;
}
body.editorial-newsletter-lists .tag {
  background: #9e9e9e;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  margin-right: 10px;
  padding: 1px 6px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .logo, body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .banner {
  border-bottom: none;
  padding-bottom: 0;
  padding-left: 25%;
  width: auto;
}
body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .logo img, body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .banner img {
  border: 1px solid #eee;
  width: 100%;
}
body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .logo img {
  max-width: 104px;
}
body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .banner img {
  max-width: 600px;
}

@media only screen and (max-width: 599px) {
  body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .logo, body.editorial-newsletter-lists form.newsletter_list fieldset.inputs .banner {
    padding-left: 0;
  }
}
body.newsletter_sponsorships .sidebar form.button_to {
  float: left;
  margin: 15px 0 0 10px;
}
body.newsletter_sponsorships .sidebar header {
  margin-bottom: 18px;
}
body.newsletter_sponsorships .sidebar header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.newsletter_sponsorships .sidebar header.default-header .new {
  display: none;
}
body.newsletter_sponsorships .sidebar header.default-header.no-default .new {
  display: block;
}
body.newsletter_sponsorships .sidebar .sponsorship img {
  border: 1px solid #ddd;
  display: block;
  width: 100%;
}
body.newsletter_sponsorships .sidebar .sponsorship h3 {
  margin-top: 10px;
}
body.newsletter_sponsorships .sidebar .sponsorship dl dd {
  float: right;
  margin: 0;
}
body.newsletter_sponsorships .sidebar .sponsorship a.button {
  clear: both;
  float: left;
  margin-top: 15px;
}
body.newsletter_sponsorships .sidebar .sponsorship a.button + .button {
  clear: none;
  margin-left: 4px;
}
body.newsletter_sponsorships .sidebar .sponsorship.default img {
  float: left;
}
body.newsletter_sponsorships .sidebar .sponsorship.default a.button {
  clear: none;
  float: left;
}
body.newsletter_sponsorships .sidebar hr {
  margin-top: 18px;
}
body.newsletter_sponsorships .history header {
  margin-bottom: 18px;
}
body.newsletter_sponsorships .history header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.newsletter_sponsorships .history table .button {
  float: left;
  margin: 0 0;
}
body.newsletter_sponsorships .history table form.button_to {
  clear: both;
  padding-top: 5px;
}
body.newsletter_sponsorships .history table img {
  border: 1px solid #ddd;
  max-width: 100px;
}
body.newsletter_sponsorships .history table + header {
  margin-top: 40px;
}
body.newsletter_sponsorships .history table tr th {
  text-align: left;
}
body.newsletter_sponsorships .history table tr th:first-child {
  text-align: center;
}
body.newsletter_sponsorships .history table tr td {
  text-align: left;
  vertical-align: top;
}
body.newsletter_sponsorships .history table tr td:first-child {
  text-align: center;
}
body.newsletter_sponsorships .history table tr td.date, body.newsletter_sponsorships .history table tr td.actions {
  white-space: nowrap;
}
body.newsletter_sponsorships .history p + header {
  margin-top: 40px;
}
body.newsletter_sponsorships #newsletter-sponsorship-form .thumbnail {
  border: 1px solid #ddd;
  margin-left: 25%;
  width: 100px;
}
body.newsletter_sponsorships #newsletter-sponsorship-form footer .button {
  margin: 0;
}

body.editorial-partners-edit form.button_to {
  margin-top: -19px;
  float: left;
}

body.editorial-partners section h2 {
  margin-top: 20px;
}
body.editorial-partners .logo {
  background-color: #fff;
  width: 100px;
}
body.editorial-partners a.create_partnership {
  float: right;
}

body.editorial-pitch-sections-index div.button-container .button {
  float: right;
  clear: both;
}
body.editorial-pitch-sections-index div.button-container hr, body.editorial-pitch-sections-index div.button-container .button {
  margin-bottom: 1em;
}

.editorial-podcasts-index .wrapper .tabbed .button,
.editorial-podcast-episodes-index .wrapper .tabbed .button {
  float: right;
}
.editorial-podcasts-index .wrapper .nothing-yet,
.editorial-podcasts-index .wrapper .interesting-list,
.editorial-podcast-episodes-index .wrapper .nothing-yet,
.editorial-podcast-episodes-index .wrapper .interesting-list {
  margin-top: 30px;
}

.editorial-podcasts.authoring #authoring-actions {
  background: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  height: 30px;
  padding: 18px 0 12px;
}
.editorial-podcasts form #podcast_description {
  height: 200px;
}
.editorial-podcasts form img {
  max-width: 200px;
}

body.editorial-recent-articles .comments,
body.editorial-recent-articles .readers {
  text-align: right;
}
body.editorial-recent-articles time {
  color: #bbb;
  font-size: 11px;
}
body.editorial-recent-articles .authors {
  padding: 10px;
  margin-bottom: 40px;
}
body.editorial-recent-articles .authors .author {
  display: block;
  font-size: 11px;
}
body.editorial-recent-articles .authors .author a {
  font-weight: bold;
}
body.editorial-recent-articles .share {
  margin-top: -10px;
  margin-bottom: -10px;
}
body.editorial-recent-articles .share li {
  float: right;
  margin: 0 0 0 10px;
  border-bottom: 0;
  background-color: transparent;
}
body.editorial-recent-articles .share li a {
  float: left;
}
body.editorial-recent-articles .share li a span {
  display: none;
}
body.editorial-recent-articles .share li .data-count {
  display: inline;
  padding: 0 5px;
  top: -3px;
  float: right;
}
body.editorial-recent-articles nav.show-more {
  clear: both;
  padding-top: 40px;
  text-align: center;
  width: 100%;
}

body.editorial-republishers-bookmarklet .bookmarklet {
  background: #d8352a;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 200px;
  margin: 0 auto;
  position: relative;
  text-indent: -10000px;
  width: 200px;
}
body.editorial-republishers-bookmarklet .bookmarklet:after {
  content: "Drag into bookmarks";
  display: block;
  height: 200px;
  line-height: 200px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 0;
  width: 200px;
}

body.editorial-republishers .editorial-main-content section h2 {
  margin-top: 20px;
}
body.editorial-republishers .editorial-main-content #leaderboard {
  min-height: 300px;
  position: relative;
}
body.editorial-republishers .editorial-main-content #leaderboard li {
  padding: 10px;
}
body.editorial-republishers .editorial-main-content .logo {
  background-color: #fff;
  margin: -10px 0;
  min-width: 100px;
  width: 100px;
}
body.editorial-republishers .editorial-main-content .logo img {
  width: 100%;
}
body.editorial-republishers .editorial-main-content .name {
  padding-left: 10px;
}
body.editorial-republishers .editorial-main-content .source-hosts ul {
  padding-left: 10px;
}
body.editorial-republishers .editorial-main-content .source-hosts li {
  background: none;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.editorial-republishers .editorial-main-content .actions {
  padding-right: 10px;
  text-align: right;
}
body.editorial-republishers .create_republisher {
  float: right;
}
body.editorial-republishers .hosts {
  font-size: 200%;
  margin: 40px 20px 40px 0;
}
body.editorial-republishers .add_fields {
  margin: 37px 20px 40px 0;
}
body.editorial-republishers .nested-fields {
  clear: both;
  position: relative;
}
body.editorial-republishers .nested-fields .remove_fields {
  position: absolute;
  right: 0;
  top: 22%;
}
@media only screen and (max-width: 599px) {
  body.editorial-republishers .nested-fields .remove_fields {
    top: 8%;
  }
}
body.editorial-republishers form.button_to {
  margin-top: -19px;
  float: left;
}

body.schedules section.scheduled,
body.schedules section.unscheduled {
  margin-top: 20px;
}
body.schedules div.day {
  background-color: #eee;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 0 0 0 #fff;
          box-shadow: inset 0 0 0 0 #fff;
  margin-bottom: 18px;
  margin-left: -1px;
  margin-right: -1px;
}
body.schedules div.day:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.schedules div.day.over {
  background-color: #e0f2ff;
}
body.schedules div.day p.empty {
  padding-left: 24px;
  font-weight: bold;
  color: #999;
}
body.schedules h2 {
  font-size: 1.5em;
  line-height: 36px;
  margin-bottom: 0;
  padding-left: 24px;
}
body.schedules .sort_order {
  margin-top: 20px;
}
body.schedules .sort_order:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.schedules .sort_order span {
  float: left;
  margin: 0 25px;
  padding: 10px 0;
}
body.schedules .sort_order .tab {
  padding: 6px 13px 0;
  font-size: 12px;
  margin-right: 2px;
}
body.schedules article {
  clear: left;
  list-style-type: none;
  border-bottom: #ddd 1px solid;
  padding: 6px 0;
}
body.schedules article:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.schedules article:last-child {
  margin-bottom: 0;
}
body.schedules article:hover {
  cursor: move;
  background-color: #ffc;
  background-image: url(/assets/icons/drag-0fe9ee74cb9b90d269c1b0f41f655a7c.png);
  background-repeat: no-repeat;
  background-position: 5.4px 10.2px;
}
body.schedules div.title a, body.schedules div.title p.catch {
  display: block;
  padding-left: 24px;
}
body.schedules div.title a {
  font-weight: bold;
}
body.schedules div.title p.catch {
  color: #999;
  font-style: italic;
  margin-bottom: 0;
}
body.schedules div.annotations {
  text-align: right;
}
body.schedules div.annotations ul.sections,
body.schedules div.annotations span.state {
  float: right;
  clear: right;
  margin-right: 22px;
}
body.schedules div.annotations ul.sections {
  text-align: right;
  font-size: 9px;
  text-transform: uppercase;
  list-style: none;
  line-height: 12px;
}
body.schedules div.annotations ul.sections li {
  margin-top: 4px;
}
body.schedules div.annotations span.state {
  background-color: #ccc;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #444;
  font-size: 10px;
  font-weight: bold;
  padding: 0 6px;
}

body.editorial-sections .button_to {
  float: right;
  margin-left: 4px;
}

body.editorial-sections .public-toggle {
  padding: 20px;
  border: 1px solid #eee;
  margin-top: 50px;
}

table.editorial-team-sortable {
  /* stylelint-disable declaration-block-no-duplicate-properties */
  /* stylelint-enable */
}
table.editorial-team-sortable td.handle {
  cursor: move;
  cursor: -webkit-grab;
  width: 15px;
}

body.editorial-topics #topic-search {
  background-color: #e1e4e6;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.editorial-topics #topic-search:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-topics #topic-search .search-results-count {
  float: right;
  margin-top: 0.5em;
  margin-right: 1em;
}
body.editorial-topics #topic-search .search {
  float: left;
}
body.editorial-topics #topic-search .search label {
  display: none;
}
body.editorial-topics #topic-search .search input {
  margin-left: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}
body.editorial-topics #topic-search .search input#q {
  border-color: #fff;
  max-width: 450px;
  min-width: 300px;
}
body.editorial-topics #topic-search .search input.button {
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  margin-left: -5px;
  padding-top: 4px;
  padding-bottom: 6px;
}
body.editorial-topics #topic-search .search input.button:hover {
  background-color: #395d73;
}
body.editorial-topics .pagination {
  float: right;
  margin-bottom: 20px;
}

body.editorial-topics-articles .search-form .inputs li {
  border-bottom: none;
}
body.editorial-topics-articles .search-form .actions {
  padding-top: 0;
}
body.editorial-topics-articles .search-results .item {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
body.editorial-topics-articles .search-results .item .published-at {
  font-style: italic;
}
body.editorial-topics-articles .search-results .item .summary {
  clear: both;
  display: block;
  margin-left: 25px;
}
body.editorial-topics-articles .search-results .item .title {
  font-weight: bold;
}
body.editorial-topics-articles .pagination {
  float: right;
  margin-top: 20px;
}

body.editorial-topics-sponsorships .interesting-list .topic-sponsorship-image {
  width: 200px;
}

body.editorial-users .pagination {
  float: right;
  margin: 10px 0;
}

body.editorial-users-merge .selection {
  float: right;
  text-align: right;
}
body.editorial-users-merge .selection .button {
  margin-top: -11px;
  position: absolute;
  right: 10px;
  top: 50%;
}
body.editorial-users-merge .destination-user:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.editorial-users-merge .destination-user .avatar {
  max-width: 120px;
  position: relative;
}
body.editorial-users-merge .destination-user .user-type {
  position: absolute;
  top: 0.5em;
  left: 0;
  margin-left: 0;
}
body.editorial-users-merge .destination-user img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: block;
  width: 100%;
}
body.editorial-users-merge .destination-user .details .position {
  margin-bottom: 1em;
}
body.editorial-users-merge .destination-user .activity {
  clear: both;
  margin: 0 -4px 10px;
  padding-top: 20px;
}
body.editorial-users-merge .destination-user .activity table {
  border-spacing: 4px;
  border-collapse: separate;
  width: 100%;
}
body.editorial-users-merge .destination-user .activity th {
  padding: 12px 10px 8px;
  background-color: #e1e4e6;
}
body.editorial-users-merge .destination-user .activity td {
  padding: 10px;
  background-color: #fff;
}
body.editorial-users-merge .destination-user .activity td.centered {
  text-align: center;
}

body.editorial-users-merge-create #source-user {
  position: relative;
}
body.editorial-users-merge-create #source-user:after {
  border-bottom: 16px solid transparent;
  border-left: 16px solid #f6f7f8;
  border-top: 16px solid transparent;
  content: "";
  height: 0;
  margin-top: -22px;
  position: absolute;
  right: -12px;
  top: 40px;
  width: 0;
}
body.editorial-users-merge-create #source-user .general li {
  display: none;
}
body.editorial-users-merge-create #source-user .account-locked {
  margin-top: -4px;
}
body.editorial-users-merge-create .merge-another {
  float: right;
}

@media only screen and (max-width: 599px) {
  body.editorial-users-merge-create #source-user:after {
    border-bottom: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #f6f7f8;
    bottom: 0;
    margin-right: -22px;
    margin-top: 0;
    right: 50%;
    top: initial;
  }
}
.help_directories code {
  font-weight: bold;
}

.drafts-invitations .invitation-expired-options {
  margin-top: 12px;
  text-align: right;
}
.drafts-invitations .invitation-expired-options *:first-child {
  margin-right: 6px;
}
.drafts-invitations .invitation-expired-options *:last-child {
  margin-left: 6px;
}
.drafts-invitations form.newform fieldset.inputs li {
  border: none;
  padding-bottom: 6px;
}

body.editing-page {
  /* Display appropriate image when editing */
}
body.editing-page .a-format .slot.empty {
  height: 120px;
  line-height: 120px;
}
body.editing-page .b-format .slot.empty {
  height: 40px;
  line-height: 40px;
}
body.editing-page .c-format .slot.empty {
  height: 20px;
  line-height: 20px;
}
body.editing-page .d-format .slot.empty {
  height: 20px;
  line-height: 20px;
  margin-left: 20px;
}
body.editing-page .article-browser-view {
  top: 47px;
}
body.editing-page .slot.empty {
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  -o-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  color: rgba(0, 0, 0, 0);
  padding-right: 20px;
  text-align: right;
  font-size: 11px;
  margin-bottom: 10px;
}
body.editing-page .slot.empty.over {
  color: #444 !important;
  border-color: #999 !important;
  background-color: #e0f2ff !important;
  text-shadow: 1px 1px 1px #fff;
}
body.editing-page #page-area-analysis .slot.empty,
body.editing-page #page-area-factcheck .slot.empty {
  margin-top: 36px;
}
body.editing-page #research-briefs {
  cursor: default;
  pointer-events: none;
}
body.editing-page #research-briefs a.remove-unplaced,
body.editing-page #research-briefs a.toggle-byline {
  display: none;
}
body.editing-page #inline-editing {
  padding: 2px;
  border: 1px dashed #ccc;
  margin: -3px -1px -1px -3px;
  display: block;
}
body.editing-page .inline-overrideable textarea, body.editing-page .inline-overrideable input {
  background-color: transparent;
  padding: 0;
  width: 100%;
}
body.editing-page .content textarea {
  height: 100px;
}
body.editing-page #hot-topics {
  margin-bottom: 18px;
}
body.editing-page #hot-topics ol {
  overflow: visible;
  height: auto;
}
body.editing-page #hot-topics ol.being-dragged {
  opacity: 1;
}
body.editing-page #hot-topics li {
  position: relative;
  white-space: nowrap;
  padding-right: 6px;
}
body.editing-page #hot-topics li a {
  display: inline-block;
}
body.editing-page #hot-topics li a:hover {
  cursor: move;
}
body.editing-page #hot-topics li .remove-unplaced {
  cursor: pointer !important;
  position: absolute;
  top: -1px;
  right: -6px;
  font-size: 13px;
  padding: 0;
}
body.editing-page #hot-topics li .remove-unplaced:hover {
  color: #d8352a;
  background: transparent;
}
body.editing-page figure.editor_pick {
  display: none;
}
body.editing-page .ui-draggable-dragging figure.editor_pick {
  display: none !important;
}
body.editing-page article.ui-draggable,
body.editing-page article.ui-draggable a {
  cursor: move;
}
body.editing-page article.placed .byline a {
  cursor: pointer;
}
body.editing-page article.placed .change-image.present,
body.editing-page article.placed .crop-link,
body.editing-page article.placed .remove-unplaced {
  -webkit-transition: background 250ms;
  -o-transition: background 250ms;
  transition: background 250ms;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #fff;
  cursor: pointer !important;
  font-size: 13px;
  height: 22px;
  line-height: 21px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 4px;
  width: 22px;
  z-index: 1;
}
body.editing-page article.placed .change-image.present i,
body.editing-page article.placed .crop-link i,
body.editing-page article.placed .remove-unplaced i {
  color: #fff;
}
body.editing-page article.placed .change-image.present:hover,
body.editing-page article.placed .crop-link:hover,
body.editing-page article.placed .remove-unplaced:hover {
  background: rgba(62, 138, 206, 0.8);
}
body.editing-page article.placed .change-image.present {
  top: 28px;
}
body.editing-page article.placed .remove-unplaced:hover {
  background: rgba(216, 53, 42, 0.9);
  color: #fff;
}
body.editing-page article.placed.gallery .remove-unplaced {
  top: -123px;
}
body.editing-page #analysis-and-comment .change-image.empty {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 2px dashed #ccc;
  color: #ccc;
  display: block;
  font-size: 150%;
  height: 50px;
  padding-top: 30px;
  text-align: center;
  width: 350px;
}
body.editing-page #analysis-and-comment .change-image.empty:hover {
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #777;
  cursor: pointer;
}
body.editing-page #editors-picks figure.section {
  display: none;
}
body.editing-page #editors-picks figure.editor_pick {
  display: block;
}
body.editing-page #editors-picks header {
  pointer-events: auto !important;
  position: initial;
}
body.editing-page #editors-picks article {
  -webkit-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
  overflow: visible;
}
body.editing-page #editors-picks article.over {
  opacity: 0.5;
}
body.editing-page #editors-picks figure figcaption {
  opacity: 1 !important;
}
body.editing-page #editors-picks figure figcaption textarea {
  height: 50px;
}
body.editing-page #editors-picks figcaption #inline-editing {
  z-index: 11;
  margin-left: -60px;
  width: 268px !important;
  position: relative;
  top: 15px;
}
body.editing-page #editors-picks .change-image.present, body.editing-page #editors-picks .crop-link {
  z-index: 5;
}
body.editing-page #editors-picks .change-image.empty {
  display: block;
  color: #ccc;
  width: 170px;
  height: 120px;
  padding-top: 100px;
  text-align: center;
  font-size: 130%;
}
body.editing-page #editors-picks .change-image.empty:hover {
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #777;
  cursor: pointer;
}
body.editing-page #editors-picks .remove-unplaced {
  top: 60px;
}
body.editing-page #editors-picks article figcaption {
  pointer-events: auto !important;
}
body.editing-page article.over {
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background-color: #e0f2ff !important;
}
body.editing-page .non-editable {
  opacity: 0.25;
}
body.editing-page .non-editable a {
  pointer-events: none;
  cursor: default;
}
body.editing-page .non-editable .slot {
  display: none;
}
body.editing-page.page-changed #authoring-actions {
  background-color: #ef5a50;
}
body.editing-page.page-changed #authoring-actions .wrapper:before {
  content: "Page changed";
  font-weight: bold;
  color: #ffd2c7;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 24px;
  font-size: 11px;
}
body.editing-page.page-changed #authoring-actions .button {
  color: #fff;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
body.editing-page.page-changed #authoring-actions .button.back {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
body.editing-page.page-changed #authoring-actions .button.back:hover {
  background: rgba(0, 0, 0, 0.3);
}
body.editing-page #outer {
  position: relative;
}
body.editing-page #outer > .wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 125px 0 0 320px;
}
body.editing-page #topbar {
  position: fixed;
  width: 100%;
  top: 0;
}
body.editing-page #topbar .wrapper {
  width: 100%;
}
body.editing-page #topbar #edition-selector {
  margin-left: 17px;
}
body.editing-page #topbar .account > div {
  border-right: 0;
}
body.editing-page #authoring-actions {
  -webkit-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d7d7d7;
  left: 300px;
  position: fixed;
  right: 0;
  top: 46px;
  z-index: 6;
}
body.editing-page #authoring-actions .wrapper {
  position: relative;
  padding: 7px 0;
  width: 100%;
}
body.editing-page #authoring-actions .wrapper .button {
  margin: 0 16px;
}
body.editing-page .page-area article {
  -webkit-transition: background-color 250ms;
  -o-transition: background-color 250ms;
  transition: background-color 250ms;
}
body.editing-page .page-area article:hover {
  background: #e0f2ff;
}
body.editing-page .being-dragged {
  opacity: 0.15;
}

.article-section .edit-advertisement-section.button,
.article-section .edit-article-section.button {
  float: right;
  border: none;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.article-section.hover {
  background: rgba(138, 200, 244, 0.2);
  padding: 10px 10px 24px;
  margin: -12px -12px 34px;
  border: 2px dashed #89bbf5;
  -webkit-border-radius: 6px;
          border-radius: 6px;
}
.article-section.hover .edit-article-section.button {
  background-color: #3388ee;
}
.article-section.hover .more {
  margin-bottom: 0;
}
.article-section.hover .more .button {
  outline-color: #e5f4fe;
}

.edit-page-ad-lightbox-view form,
.edit-page-area-lightbox-view form {
  padding: 10px;
}
.edit-page-ad-lightbox-view .link-type,
.edit-page-area-lightbox-view .link-type {
  clear: left;
  padding-top: 12px;
}
.edit-page-ad-lightbox-view .chooser-view,
.edit-page-area-lightbox-view .chooser-view {
  margin-left: 25%;
}
.edit-page-ad-lightbox-view .lightbox-inner, .edit-page-ad-lightbox-view .input.choice,
.edit-page-area-lightbox-view .lightbox-inner,
.edit-page-area-lightbox-view .input.choice {
  overflow: visible;
}

body.profiles-dashboards-show {
  background-color: #dee3e4;
  overflow: hidden;
}
body.profiles-dashboards-show #outer, body.profiles-dashboards-show .column, body.profiles-dashboards-show .wrapper {
  height: 100%;
  min-height: 100%;
}
body.profiles-dashboards-show #outer .wrapper {
  padding-bottom: 0;
}
body.profiles-dashboards-show .dashboard-outer.wrapper {
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0;
  min-height: 450px;
  min-width: 980px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 120px;
  width: auto;
}
body.profiles-dashboards-show .column-header {
  border-bottom: 1px solid #e6e6e6;
  left: 0;
  margin: 0;
  padding-top: 25px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
body.profiles-dashboards-show .column-header h3 {
  font-size: 13px;
  margin: 0;
  padding-bottom: 6px;
  padding-left: 20px;
}
body.profiles-dashboards-show .column-header span {
  color: #aaa;
}
body.profiles-dashboards-show .column {
  position: relative;
  -webkit-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.3) inset;
          box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.3) inset;
  border-left: 1px solid #aaa;
}
body.profiles-dashboards-show .column .content {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
}
body.profiles-dashboards-show #author-information {
  background-color: #fff;
  margin-right: 0;
  padding-right: 20px;
}
body.profiles-dashboards-show #author-information .column-header {
  left: auto;
  right: 0;
  position: static;
  border-bottom-color: #e6e6e6;
}
body.profiles-dashboards-show #published {
  background-color: #f7fafa;
  margin-right: 0;
  padding-right: 20px;
}
body.profiles-dashboards-show #published .column-header {
  border-bottom-color: #c4cbcf;
}
body.profiles-dashboards-show #metrics {
  background-color: #dce3e4;
  margin-right: 0;
  float: none;
}
body.profiles-dashboards-show #metrics p.metrics-content-meta {
  display: none;
}
body.profiles-dashboards-show #metrics .column-header {
  border-bottom-color: #acb5ba;
}
body.profiles-dashboards-show #metrics .column-header h3 {
  float: left;
}
body.profiles-dashboards-show #metrics .column-header span {
  text-shadow: none;
}
body.profiles-dashboards-show .load-more-articles {
  padding: 30px;
  text-align: center;
}
body.profiles-dashboards-show .article {
  -webkit-box-shadow: 0 1px 0 white;
          box-shadow: 0 1px 0 white;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #b0b6b6;
  border-top: 1px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
}
body.profiles-dashboards-show .article.in-progress a header {
  padding: 10px;
}
body.profiles-dashboards-show .article.active, body.profiles-dashboards-show .article.active:hover {
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #505c65;
  border-top: 1px solid #505c65;
  background-color: #768189;
  -webkit-transition: all 0.15s ease-in-out;
}
body.profiles-dashboards-show .article.active > a h4, body.profiles-dashboards-show .article.active > a .updated-at, body.profiles-dashboards-show .article.active:hover > a h4, body.profiles-dashboards-show .article.active:hover > a .updated-at {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
body.profiles-dashboards-show .article.active ul li, body.profiles-dashboards-show .article.active time, body.profiles-dashboards-show .article.active:hover ul li, body.profiles-dashboards-show .article.active:hover time {
  color: #fff;
}
body.profiles-dashboards-show .article.active ul li.twitter, body.profiles-dashboards-show .article.active time.twitter, body.profiles-dashboards-show .article.active:hover ul li.twitter, body.profiles-dashboards-show .article.active:hover time.twitter {
  width: auto;
}
body.profiles-dashboards-show .article time {
  color: #5a6a6d;
  margin-top: -3px;
}
body.profiles-dashboards-show .article a {
  display: block;
  padding: 20px 20px 60px 20px;
}
body.profiles-dashboards-show .article a .article-label {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 13px;
  color: #fffece;
  float: left;
  padding: 0 4px;
  margin: 0 5px 3px 0;
}
body.profiles-dashboards-show .article a .article-label.article-type {
  background-color: #336173;
}
body.profiles-dashboards-show .article a .article-label.article-type.audio {
  background-color: #8d4c4b;
}
body.profiles-dashboards-show .article a .article-label.article-type.news {
  background-color: #996d0e;
}
body.profiles-dashboards-show .article a .article-label.article-type.post {
  background-color: #919152;
}
body.profiles-dashboards-show .article a .article-label.article-interviewed {
  background-color: #3a5a93;
}
body.profiles-dashboards-show .article a .updated-at, body.profiles-dashboards-show .article a .deadline {
  float: left;
  display: block;
  font-size: 11px;
  color: #7a8d90;
  line-height: 14px;
}
body.profiles-dashboards-show .article a h4 {
  clear: both;
  color: #5a6a6d;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  border: none;
  margin: 0 30px 0 0;
  padding: 0;
  letter-spacing: 0;
}
body.profiles-dashboards-show .article ul {
  list-style: none;
  position: absolute;
  bottom: 15px;
  left: 20px;
}
body.profiles-dashboards-show .article ul li {
  float: left;
}
body.profiles-dashboards-show .article ul li.twitter a, body.profiles-dashboards-show .article ul li.facebook a, body.profiles-dashboards-show .article ul li.linkedin a {
  padding: 4px 8px 2px;
  text-align: center;
}
body.profiles-dashboards-show .article ul li.twitter a span, body.profiles-dashboards-show .article ul li.facebook a span, body.profiles-dashboards-show .article ul li.linkedin a span {
  display: none;
}
body.profiles-dashboards-show .article ul li.twitter span.data-count, body.profiles-dashboards-show .article ul li.facebook span.data-count, body.profiles-dashboards-show .article ul li.linkedin span.data-count {
  display: none;
}
body.profiles-dashboards-show .article ul li.readers, body.profiles-dashboards-show .article ul li.comments {
  font-weight: bold;
  margin-right: 16px;
  font-size: 11px;
  line-height: 22px;
}
body.profiles-dashboards-show .article ul li.readers strong, body.profiles-dashboards-show .article ul li.comments strong {
  font-size: 12px;
  padding-left: 5px;
}
body.profiles-dashboards-show .article ul li.twitter, body.profiles-dashboards-show .article ul li.facebook {
  margin-right: 6px;
}

body.profiles-dashboards-show .article {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #b0b6b6;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 1px 0 white;
          box-shadow: 0 1px 0 white;
  margin: 0;
  position: relative;
}
body.profiles-dashboards-show .article.in-progress a header {
  padding: 10px;
}
body.profiles-dashboards-show .article.active, body.profiles-dashboards-show .article.active:hover {
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #505c65;
  border-top: 1px solid #505c65;
  background-color: #768189;
}
body.profiles-dashboards-show .article.active > a h4,
body.profiles-dashboards-show .article.active > a .updated-at, body.profiles-dashboards-show .article.active:hover > a h4,
body.profiles-dashboards-show .article.active:hover > a .updated-at {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
body.profiles-dashboards-show .article.active ul li,
body.profiles-dashboards-show .article.active time, body.profiles-dashboards-show .article.active:hover ul li,
body.profiles-dashboards-show .article.active:hover time {
  color: #fff;
}
body.profiles-dashboards-show .article.active ul li.twitter,
body.profiles-dashboards-show .article.active time.twitter, body.profiles-dashboards-show .article.active:hover ul li.twitter,
body.profiles-dashboards-show .article.active:hover time.twitter {
  width: auto;
}
body.profiles-dashboards-show .article time {
  color: #5a6a6d;
  margin-top: -3px;
}
body.profiles-dashboards-show .article a {
  display: block;
  padding: 20px 20px 60px 20px;
}
body.profiles-dashboards-show .article .article-label {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 13px;
  color: #fffece;
  float: left;
  padding: 0 4px;
  margin: 0 5px 3px 0;
}
body.profiles-dashboards-show .article .article-label.article-type {
  background-color: #336173;
}
body.profiles-dashboards-show .article .article-label.article-type.audio {
  background-color: #8d4c4b;
}
body.profiles-dashboards-show .article .article-label.article-type.news {
  background-color: #996d0e;
}
body.profiles-dashboards-show .article .article-label.article-type.post {
  background-color: #919152;
}
body.profiles-dashboards-show .article .article-label.article-interviewed {
  background-color: #3a5a93;
}
body.profiles-dashboards-show .article .updated-at, body.profiles-dashboards-show .article .deadline {
  float: left;
  display: block;
  font-size: 11px;
  color: #7a8d90;
  line-height: 14px;
}
body.profiles-dashboards-show .article h4 {
  clear: both;
  color: #5a6a6d;
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  border: none;
  margin: 0 30px 0 0;
  padding: 0;
  letter-spacing: 0;
}
body.profiles-dashboards-show .article ul {
  list-style: none;
  position: absolute;
  bottom: 15px;
  left: 20px;
}
body.profiles-dashboards-show .article li {
  float: left;
}
body.profiles-dashboards-show .article li.twitter a, body.profiles-dashboards-show .article li.facebook a, body.profiles-dashboards-show .article li.linkedin a {
  padding: 4px 8px 2px;
  text-align: center;
}
body.profiles-dashboards-show .article li.twitter a span, body.profiles-dashboards-show .article li.facebook a span, body.profiles-dashboards-show .article li.linkedin a span {
  display: none;
}
body.profiles-dashboards-show .article li.twitter span.data-count, body.profiles-dashboards-show .article li.facebook span.data-count, body.profiles-dashboards-show .article li.linkedin span.data-count {
  display: none;
}
body.profiles-dashboards-show .article li.readers, body.profiles-dashboards-show .article li.comments {
  font-weight: bold;
  margin-right: 16px;
  font-size: 11px;
  line-height: 22px;
}
body.profiles-dashboards-show .article li.readers strong, body.profiles-dashboards-show .article li.comments strong {
  font-size: 12px;
  padding-left: 5px;
}
body.profiles-dashboards-show .article li.twitter, body.profiles-dashboards-show .article li.facebook {
  margin-right: 6px;
}

body.profiles-dashboards-show #in-progress article,
body.profiles-dashboards-show #in-progress .empty {
  margin-left: 20px;
  margin-right: 20px;
}
body.profiles-dashboards-show #in-progress .empty {
  margin: 20px;
  padding: 20px 0 0 0;
  color: #999;
}
body.profiles-dashboards-show #in-progress .empty p {
  padding: 0;
  margin: 0;
}
body.profiles-dashboards-show #in-progress article {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 white;
          box-shadow: 0 1px 0 white;
  margin-top: 20px;
  border: 1px solid #e6e6e6;
  -webkit-transition: all 0.3s ease-in-out;
}
body.profiles-dashboards-show #in-progress article:hover .delete-draft {
  visibility: visible;
}
body.profiles-dashboards-show #in-progress article .delete-draft {
  visibility: hidden;
  float: right;
}
body.profiles-dashboards-show #in-progress article a {
  padding: 6px;
}
body.profiles-dashboards-show #in-progress article:hover {
  border-color: #c4cbcf;
}
body.profiles-dashboards-show #in-progress article h4 {
  font-size: 12px;
  margin: 0;
}
body.profiles-dashboards-show #in-progress article strong, body.profiles-dashboards-show #in-progress article time {
  font-size: 11px;
}
body.profiles-dashboards-show #in-progress article time span {
  color: #aaa;
}
body.profiles-dashboards-show #in-progress nav {
  background: -webkit-linear-gradient(#f5f5f5 2px, #fff);
  background: -o-linear-gradient(#f5f5f5 2px, #fff);
  background: linear-gradient(#f5f5f5 2px, #fff);
  border-top: 1px solid #ccc;
  margin-top: 30px;
  margin-left: -20px;
  padding: 12px 20px 0 20px;
}
body.profiles-dashboards-show #in-progress nav a {
  margin: 0 0 10px 20px;
  height: auto;
  width: auto;
}
body.profiles-dashboards-show #in-progress nav .left {
  margin-left: 20px;
}

body.profiles-dashboards-show {
  /* views by publication */
}
body.profiles-dashboards-show #article-title {
  border-bottom: 1px solid #bdc7cc;
  border: none;
  margin: 0 20px;
  overflow: auto;
  padding: 20px 0 0 0;
  position: relative;
}
body.profiles-dashboards-show #article-title .metrics-article-title {
  display: block;
  margin: 0 0 0 12px;
}
body.profiles-dashboards-show #article-title h1 {
  display: inline;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
body.profiles-dashboards-show #article-title .close-metrics {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffda5c), to(#ffcc13));
  background-image: -webkit-linear-gradient(#ffda5c, #ffcc13);
  background-image: -o-linear-gradient(#ffda5c, #ffcc13);
  background-image: linear-gradient(#ffda5c, #ffcc13);
  border: 1px solid #795a70;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #795e04;
  float: right;
  margin-right: 12px;
  margin-bottom: 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffe386;
}
body.profiles-dashboards-show #article-title .close-metrics:before {
  content: "";
  height: 12px;
  left: 8px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 16px;
}
body.profiles-dashboards-show #article-title .edit {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
body.profiles-dashboards-show #metrics .empty {
  margin: 20px 0 0 20px;
  padding-top: 0;
}
body.profiles-dashboards-show .metrics-wrapper {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  margin: 0 20px 0 20px;
}
body.profiles-dashboards-show .metrics-wrapper > .metrics-column {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
body.profiles-dashboards-show .metric {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0;
  border: none;
}
body.profiles-dashboards-show .metric > div {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
  background-image: -webkit-linear-gradient(#f7f7f7, #f1f1f1);
  background-image: -o-linear-gradient(#f7f7f7, #f1f1f1);
  background-image: linear-gradient(#f7f7f7, #f1f1f1);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #acb5ba;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
}
body.profiles-dashboards-show .metric > div:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.profiles-dashboards-show .metric > div h5 {
  position: relative;
  font-size: 13px;
  margin: 0;
  border-bottom: 1px solid #acb5ba;
  text-align: left;
  padding: 8px 10px 8px 10px;
  background-color: #fff;
}
body.profiles-dashboards-show .metric > div h5 span {
  color: #aaa;
}
body.profiles-dashboards-show .metric > div h5 a.help {
  float: right;
}
body.profiles-dashboards-show .metric > div .none {
  padding: 10px;
  color: #acb5ba;
  font-weight: bold;
  text-align: center;
}
body.profiles-dashboards-show .totals {
  clear: both;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-top: 0;
}
body.profiles-dashboards-show .totals:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.profiles-dashboards-show .totals .total {
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #383838;
  min-width: 140px;
  text-shadow: 0 1px 0 #fff;
  margin-top: 20px;
}
body.profiles-dashboards-show .totals .total .engagements {
  float: left;
}
body.profiles-dashboards-show .totals .post-pub-buttons {
  background: #eaeaea;
  float: right;
  padding: 20px 10px;
  min-height: 70px;
}
body.profiles-dashboards-show .totals .post-pub-buttons .button {
  float: left;
  clear: left;
  text-shadow: none;
}
body.profiles-dashboards-show .totals .post-pub-buttons .button + .button {
  margin-top: 10px;
}
body.profiles-dashboards-show .totals .facebook {
  color: #3a5a93;
}
body.profiles-dashboards-show .totals .twitter {
  color: #00b0e9;
}
body.profiles-dashboards-show .totals .linkedin {
  color: #0181b2;
}
body.profiles-dashboards-show .totals strong {
  display: block;
  text-align: left;
  padding: 0 20px 15px 20px;
}
body.profiles-dashboards-show .totals strong.label {
  line-height: 20px;
}
body.profiles-dashboards-show .totals strong.label i {
  float: left;
  top: 0;
}
body.profiles-dashboards-show .totals strong.label span {
  display: block;
  margin-left: 24px;
}
body.profiles-dashboards-show .totals strong.league-gothic {
  font-size: 50px;
  line-height: 44px;
  padding: 20px 0 5px 20px;
}
body.profiles-dashboards-show #recent-tweets h3 {
  color: #069;
}
body.profiles-dashboards-show #article-readers-time-chart,
body.profiles-dashboards-show #article-readers-geo-chart {
  text-align: center;
}
body.profiles-dashboards-show #article-readers-time-chart .chart-wrapper,
body.profiles-dashboards-show #article-readers-geo-chart .chart-wrapper {
  background-color: #f7f7f7;
  padding: 20px;
}
body.profiles-dashboards-show #article-readers-time-chart {
  height: 375px;
  padding: 0;
}
body.profiles-dashboards-show #article-readers-geo-chart {
  height: 475px;
}
body.profiles-dashboards-show #article-readers-geo-chart text {
  display: inline;
}
body.profiles-dashboards-show #post-publication-engagement {
  text-align: center;
}
body.profiles-dashboards-show #post-publication-engagement .button {
  margin: 20px;
}
body.profiles-dashboards-show #post-publication-engagement p {
  padding: 0 20px;
}
body.profiles-dashboards-show #post-publication-engagement .engagements p {
  padding: 20px 20px 0 20px;
}
body.profiles-dashboards-show #post-publication-engagement .engagements ul li {
  list-style: none;
}
body.profiles-dashboards-show #readers-by-publication {
  float: left;
}
body.profiles-dashboards-show #readers-by-publication table {
  border: none;
}
body.profiles-dashboards-show #readers-by-publication table td, body.profiles-dashboards-show #readers-by-publication table th {
  text-align: left;
}
body.profiles-dashboards-show #readers-by-publication table td {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
body.profiles-dashboards-show #readers-by-publication table img {
  background-color: #fff;
  padding: 10px;
  max-width: 64px;
  max-height: 64px;
  margin-right: 10px;
  vertical-align: middle;
}
body.profiles-dashboards-show #readers-by-publication .logo {
  width: 84px;
  height: 84px;
}
body.profiles-dashboards-show #readers-by-publication .title {
  width: 100%;
}
body.profiles-dashboards-show #readers-by-publication .total {
  text-align: right;
  padding: 10px;
}
body.profiles-dashboards-show .reader-comment {
  padding: 10px;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #fff;
}
body.profiles-dashboards-show .reader-comment:first-child {
  border-top: 1px solid transparent;
}
body.profiles-dashboards-show .reader-comment:last-child {
  border-bottom: 1px solid transparent;
}
body.profiles-dashboards-show .reader-comment:hover {
  background-color: #fcfcfc;
}
body.profiles-dashboards-show .reader-comment .comment-container {
  display: block;
  cursor: pointer;
}
body.profiles-dashboards-show .reader-comment .comment-container a {
  word-wrap: break-word;
}
body.profiles-dashboards-show .reader-comment .comment-body {
  color: #444;
}
body.profiles-dashboards-show .reader-comment .comment-body p {
  margin-bottom: 1ex;
  padding-right: 0;
}

body.profiles-dashboards-show #published .empty {
  margin: 20px 0 0 20px;
  padding-top: 20px;
}

body.profiles-dashboards-show #supplementary-info {
  padding: 60px 20px 30px;
  font-size: 12px;
}
body.profiles-dashboards-show #supplementary-info h3 {
  margin: 0;
  font-size: 12px;
  padding: 8px 13px;
  border-bottom: 1px dotted #e6e6e6;
}
body.profiles-dashboards-show #supplementary-info ul {
  padding: 6px 0;
  margin: 0 0 0 24px;
}
body.profiles-dashboards-show #supplementary-info li {
  margin: 0;
  padding: 2px 5px 2px 0;
}
body.profiles-dashboards-show #supplementary-info li.question > a {
  display: block;
}
body.profiles-dashboards-show #supplementary-info p {
  padding-left: 30px;
  margin: 0;
}
body.profiles-dashboards-show #profile {
  margin-bottom: 10px;
}
body.profiles-dashboards-show #need-help ul,
body.profiles-dashboards-show #profile ul {
  font-size: 11px;
}
body.profiles-dashboards-show #need-help li.question p,
body.profiles-dashboards-show #profile li.question p {
  padding: 10px 15px;
  background-color: #f2f2f2;
}

body.post_publication_events .explanation {
  padding: 60px 0 0;
}
body.post_publication_events .explanation h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
  margin-bottom: 18px;
}

body.profiles-post-publication-events-index .post-pub-engagements header {
  background-color: #e1e4e6;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.profiles-post-publication-events-index .post-pub-engagements header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.profiles-post-publication-events-index .post-publication-engagement-page-title {
  font-size: 18px;
  float: left;
  margin: 0;
}
body.profiles-post-publication-events-index .close-engagements {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffda5c), to(#ffcc13));
  background-image: -webkit-linear-gradient(#ffda5c, #ffcc13);
  background-image: -o-linear-gradient(#ffda5c, #ffcc13);
  background-image: linear-gradient(#ffda5c, #ffcc13);
  border: 1px solid #795a70;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #795e04;
  float: right;
  margin: 0;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffe386;
}
body.profiles-post-publication-events-index .post-publication-engagement-title {
  clear: both;
  padding: 20px 20px 0 20px;
}
body.profiles-post-publication-events-index .post-publication-encouragement {
  margin-bottom: 20px;
}
body.profiles-post-publication-events-index .post-publication-encouragement:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.profiles-post-publication-events-index .post-publication-encouragement p {
  float: left;
  padding: 0 20px;
}
body.profiles-post-publication-events-index .post-publication-encouragement .engagement-add {
  float: right;
  padding-right: 20px;
  text-align: right;
}
body.profiles-post-publication-events-index .post-publication-engagement {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
body.profiles-post-publication-events-index .post-publication-engagement:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.profiles-post-publication-events-index .post-publication-engagement dl {
  padding: 0 20px;
}
body.profiles-post-publication-events-index .engagement-actions {
  padding: 20px;
  text-align: right;
}
body.profiles-post-publication-events-index .engagement-actions:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
body.profiles-post-publication-events-index .engagement-type {
  float: left;
  clear: left;
  width: 200px;
  text-align: right;
  font-weight: bold;
  color: #727272;
}
body.profiles-post-publication-events-index .engagement-detail {
  float: none;
  margin: 0 0 0 210px;
  padding: 0 0 0.5em 0;
}

body.profiles-dashboards-show .authoring-header,
body.profiles-post-publication-events .authoring-header {
  margin-bottom: 0;
  padding: 0;
  margin-top: -10px;
  width: 100%;
}
body.profiles-dashboards-show .authoring-header .button,
body.profiles-post-publication-events .authoring-header .button {
  position: absolute;
  top: 30px;
  right: 40px;
  -webkit-box-shadow: inset 0 1px 0 0 transparent, 0 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 0 transparent, 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
body.profiles-dashboards-show .authoring-header hgroup,
body.profiles-post-publication-events .authoring-header hgroup {
  float: none;
  padding-right: 270px;
}
body.profiles-dashboards-show .authoring-header hgroup h1,
body.profiles-post-publication-events .authoring-header hgroup h1 {
  margin: 0 0 0 20px;
}
body.profiles-dashboards-show .authoring-header hgroup h1 a,
body.profiles-post-publication-events .authoring-header hgroup h1 a {
  position: relative;
  float: left;
  margin-right: 10px;
  border: 1px solid #3a3f44;
}
body.profiles-dashboards-show .authoring-header hgroup h1 a:before,
body.profiles-post-publication-events .authoring-header hgroup h1 a:before {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.profiles-dashboards-show .authoring-header hgroup h1 a, body.profiles-dashboards-show .authoring-header hgroup h1 a img, body.profiles-dashboards-show .authoring-header hgroup h1 a:before,
body.profiles-post-publication-events .authoring-header hgroup h1 a,
body.profiles-post-publication-events .authoring-header hgroup h1 a img,
body.profiles-post-publication-events .authoring-header hgroup h1 a:before {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: block;
}
body.profiles-dashboards-show .authoring-header hgroup h2,
body.profiles-post-publication-events .authoring-header hgroup h2 {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

#add-content-tags label {
  display: none;
}
#add-content-tags input#content-tags {
  float: left;
  width: 155px;
}
#add-content-tags #content-tags-add-button {
  margin-left: 0.4em;
  margin-top: 0.2em;
}
#add-content-tags .tags-wrapper {
  margin-bottom: 12px;
}
#add-content-tags .tags-wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
#add-content-tags #created-tags {
  clear: both;
  padding-top: 12px;
  border-top: 1px dotted #ccc;
}
#add-content-tags #created-tags li {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f1c5), to(#eee48a));
  background-image: -webkit-linear-gradient(#f6f1c5, #eee48a);
  background-image: -o-linear-gradient(#f6f1c5, #eee48a);
  background-image: linear-gradient(#f6f1c5, #eee48a);
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #f5eca2;
  -webkit-box-shadow: 0 1px 0 #ddd591;
          box-shadow: 0 1px 0 #ddd591;
  color: #927e32;
  float: left;
  font-size: 11px;
  line-height: 16px;
  list-style-type: none;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 1px 8px;
  width: auto;
}
#add-content-tags #created-tags li a {
  color: #927e32;
}

.ui-timepicker-div dl dt {
  float: none;
  font-weight: normal;
  clear: none;
}
.ui-timepicker-div dl dd {
  float: none;
}

/* Views */
.article-browser-view {
  background: #e6e6e6 -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(97.5%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
  background: #e6e6e6 -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97.5%, rgba(0, 0, 0, 0.1) 100%);
  background: #e6e6e6 -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97.5%, rgba(0, 0, 0, 0.1) 100%);
  background: #e6e6e6 linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97.5%, rgba(0, 0, 0, 0.1) 100%);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  z-index: 7;
  overflow-y: auto;
  overflow-x: hidden;
}
.article-browser-view .list-wrapper {
  margin-right: 0;
  padding: 10px 7px 5px 5px;
}
.article-browser-view .search-results .loading {
  display: block;
  margin: 5px auto 10px;
}
.article-browser-view .search-results.no-results:before {
  content: "No results in this region.";
  display: block;
  margin: 0 10px 0 10px;
  text-align: center;
  padding: 6px 14px;
  background: #d3d3d3;
  color: #777;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.article-browser-view footer {
  padding: 0 5px 15px 13px;
}
.article-browser-view .content-search {
  background: rgba(255, 255, 255, 0.4);
  padding: 10px 5px 15px 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.article-browser-view .content-search .search-options {
  display: none;
  padding-top: 5px;
}
.article-browser-view .content-search .search-options label {
  position: relative;
  display: inline-block;
  width: auto;
  overflow: hidden;
  cursor: pointer;
  margin-right: 3px;
}
.article-browser-view .content-search .search-options label.active {
  background: #FFFFFF -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(97.5%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
  background: #FFFFFF -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97.5%, rgba(0, 0, 0, 0.1) 100%);
  background: #FFFFFF -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97.5%, rgba(0, 0, 0, 0.1) 100%);
  background: #FFFFFF linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97.5%, rgba(0, 0, 0, 0.1) 100%);
}
.article-browser-view .content-search .search-options label input[type=radio] {
  position: absolute;
  right: 50px;
  cursor: pointer;
}
.article-browser-view .content-search input {
  width: 160px;
}
.article-browser-view .content-search .button {
  width: auto;
}
.article-browser-view .content-search .cancel {
  position: absolute;
  top: 12px;
  left: 177px;
  z-index: 1;
  background: #f0f0f0;
  padding: 4px 15px;
}
.article-browser-view .list-wrapper .list > div > h2 {
  font-weight: normal;
  font-size: 13px;
  color: #7f7f7f;
  margin: 0 12px 7px;
  text-transform: none;
  letter-spacing: normal;
}

.create-section-lightbox-view form.newform fieldset.inputs li {
  border-bottom: none;
}
.create-section-lightbox-view legend {
  width: 100%;
}
.create-section-lightbox-view .radio.type .choices .choice {
  display: block;
  float: left;
  width: 128px;
  height: 128px;
  margin: 6px;
  background-color: #eee;
}
.create-section-lightbox-view .radio.type .choices label {
  height: 116px;
  width: 116px;
  padding: 6px;
  line-height: 1;
  color: #999;
  fill: #999;
  background-size: auto 100%;
}
.create-section-lightbox-view .radio.type .choices input[type=radio] {
  display: none;
}
.create-section-lightbox-view .radio.type .choices input[type=radio]:checked + label {
  background-color: #3388ee;
  color: #fff;
  fill: #fff;
  background-position: 100% 0;
}
.create-section-lightbox-view .radio.type .choices label[for=basic_list] {
  background-image: url(/assets/newsletter/basic_list-599b7d50259ca3a3f0e07d130555e97e.svg);
}
.create-section-lightbox-view .radio.type .choices label[for=hero] {
  background-image: url(/assets/newsletter/hero-0a7eb2242f1aeb18f0322b190494ced8.svg);
}
.create-section-lightbox-view .radio.type .choices label[for=side_by_side] {
  background-image: url(/assets/newsletter/side_by_side-70dea6a634c26994c3ef08a9d6c14be8.svg);
}
.create-section-lightbox-view .radio.type .choices label[for=columnists] {
  background-image: url(/assets/newsletter/columnists-ceab7dc781938313a9b3e76dfe8fd410.svg);
}
.create-section-lightbox-view .radio.type .choices label[for=bullets] {
  background-image: url(/assets/newsletter/bullets-07dfdd8e88c77271d8a81412d2edc8cf.svg);
}

.link-orcid-view {
  color: #fff;
  border-top: 1px solid #6ca60d;
  border-bottom: 1px solid #6ca60d;
  background-color: #6ca60d;
  padding: 18px 18px 0;
  position: relative;
  background: -webkit-radial-gradient(top right, ellipse, #a6ce39 0%, #6ca60d 75%);
  background: -o-radial-gradient(top right, ellipse, #a6ce39 0%, #6ca60d 75%);
  background: radial-gradient(ellipse at top right, #a6ce39 0%, #6ca60d 75%);
}
.link-orcid-view h2 {
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid #a6ce39;
  float: left;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
}
.link-orcid-view p {
  clear: left;
}
.link-orcid-view p a {
  color: #fff;
  text-decoration: underline;
}
.link-orcid-view hr {
  margin-top: 12px;
  margin-bottom: 6px;
  width: 160px;
  border-color: #a6ce39;
}
.link-orcid-view .options {
  position: relative;
  text-align: center;
  float: right;
}
.link-orcid-view .options .not-interested {
  display: block;
  color: #fff;
  text-decoration: underline;
}
.link-orcid-view .button {
  display: block;
  margin: 12px auto;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  padding: 7.2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #6ca60d;
}
.link-orcid-view .button i {
  top: -1px;
  left: -3px;
  font-size: 1.8em;
}

.newsletter-section-list-view {
  margin: 0 10px;
}
.newsletter-section-list-view.edit .newsletter-section-view {
  cursor: -webkit-grab;
  cursor: grab;
}
.newsletter-section-list-view.edit .newsletter-section-view .dropzone {
  display: none;
}
.newsletter-section-list-view.edit .newsletter-section-view .placement-area {
  display: none;
}
.newsletter-section-list-view.edit .newsletter-section-view .placement-count {
  display: block;
}

.newsletter-section-view {
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid transparent;
}
.newsletter-section-view.ui-sortable-helper {
  -webkit-box-shadow: 0 0 6px #ddd;
          box-shadow: 0 0 6px #ddd;
}
.newsletter-section-view .remove {
  display: none;
}
.newsletter-section-view .dropzone {
  height: 64px;
  border: 2px dashed #ccc;
}
.newsletter-section-view .dropzone.hover {
  border-color: #999;
  background-color: #9dc4e7;
}
.newsletter-section-view .published {
  width: auto;
  padding: 0;
  margin: 6px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.newsletter-section-view .published time {
  display: none !important;
}
.newsletter-section-view .published .article-region {
  display: none;
}
.newsletter-section-view .published .content {
  display: block;
}
.newsletter-section-view .published .byline em {
  display: inline;
}
.newsletter-section-view .ui-droppable.hover {
  border-color: #999;
  background-color: #9dc4e7;
}

.newsletter-section-view.hero img {
  width: 100%;
}
.newsletter-section-view.hero figure {
  display: block;
}
.newsletter-section-view.hero .crop-link, .newsletter-section-view.hero .change-image {
  display: none;
}
.newsletter-section-view.hero .article-browser-article {
  padding-bottom: 10px;
}

.newsletter-section-view.side_by_side .placement-area {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.newsletter-section-view.side_by_side .article-browser-article {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  padding: 0 10px;
}
.newsletter-section-view.side_by_side .article-browser-article img {
  width: 100%;
}
.newsletter-section-view.side_by_side .article-browser-article figure {
  display: block;
}
.newsletter-section-view.side_by_side .article-browser-article figcaption {
  display: none;
}
.newsletter-section-view.side_by_side .article-browser-article .crop-link, .newsletter-section-view.side_by_side .article-browser-article .change-image {
  display: none;
}

.newsletter-section-view.columnists .content {
  display: none;
}
.newsletter-section-view.columnists .article-browser-article {
  border-bottom: 1px solid #ddd;
  background: bottom right url(/assets/columnists/default-left-ed8fd14a27aa500fe4aa5057754bb46a.png) no-repeat;
  min-height: 80px;
  padding-top: 10px;
  padding-right: 80px;
}

.newsletter-section-view.bullets .byline {
  display: none;
}
.newsletter-section-view.bullets .content {
  display: none;
}
.newsletter-section-view.bullets h2 {
  color: #999;
  display: list-item !important;
  list-style-type: disc;
  margin-left: 18px;
}

.edit-sections-mode .newsletter-section-view {
  cursor: move;
}
.edit-sections-mode .newsletter-section-view .remove {
  clear: right;
  float: right;
  display: block;
  color: #999;
}
.edit-sections-mode .newsletter-section-view .remove:hover {
  color: #666;
}

.newsletter-note-view textarea {
  border: 1px solid transparent;
  padding: 10px;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  resize: none;
}
.newsletter-note-view textarea:focus {
  outline: none;
  border-color: #3388ee;
  -webkit-box-shadow: 0 0 5px #5cc7fe;
          box-shadow: 0 0 5px #5cc7fe;
}
.newsletter-note-view .mini-toolbar {
  position: absolute;
  top: 0;
  right: 20px;
}
.newsletter-note-view .mini-toolbar .bold {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
  border-right: none;
}
.newsletter-note-view .mini-toolbar .bold i {
  left: 2px;
}
.newsletter-note-view .mini-toolbar .italic {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
}
.newsletter-note-view .mini-toolbar .bold, .newsletter-note-view .mini-toolbar .italic {
  padding-left: 4px;
  padding-right: 4px;
}
.newsletter-note-view .mini-toolbar .bold i, .newsletter-note-view .mini-toolbar .italic i {
  top: 0;
}
.newsletter-note-view .mini-toolbar .insert-link {
  margin-left: 0.5em;
}

.newsletter-note-title-view input {
  background-color: transparent;
  border: 1px solid transparent;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: -10px -10px 0 -10px;
  overflow: hidden;
  padding: 10px;
  resize: none;
  width: 380px;
}
.newsletter-note-title-view input:focus {
  outline: none;
  border-color: #3388ee;
  -webkit-box-shadow: 0 0 5px #5cc7fe;
          box-shadow: 0 0 5px #5cc7fe;
}

.radial-progress-view {
  position: relative;
}
.radial-progress-view .value {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font-weight: 400;
}

.save-state-view {
  background: #38e;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #fff;
  cursor: default;
  line-height: 26px;
  overflow: hidden;
  position: relative;
  top: 1px;
}
.save-state-view.save-in-progress {
  background: #f50;
}

.selected-related-articles-view {
  margin-bottom: 20px;
}
.selected-related-articles-view:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.selected-related-articles-view .related-article {
  border: 5px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 0;
  position: relative;
  width: 25%;
}
.selected-related-articles-view .related-article.empty {
  background: #fafafa;
}

.trash-view {
  -webkit-transition: background-color 250ms;
  -o-transition: background-color 250ms;
  transition: background-color 250ms;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 300px;
  z-index: 8;
  background: rgba(0, 0, 0, 0.8);
}
.trash-view .message {
  position: absolute;
  top: 25%;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 1.2;
  width: 100%;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.trash-view.over {
  background: rgba(216, 53, 42, 0.9);
}

/**
## Backbone View Styling

[View Name] TC.UserIndicatorView

UserIndicatorView extends IndicatorButtonView
So it picks up the default styling of a buttona dn indicator button.

We don't want to force a height on this as the content will overflow.
**/
.user-indicator-view {
  height: auto;
  margin-left: 12px;
  margin-bottom: 12px;
  padding-left: 24px;
}

.show-engagement-details-lightbox-view dt {
  width: 8em;
  float: left;
}
.show-engagement-details-lightbox-view dl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}