/*!
 * 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: .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: .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: .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: .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: .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: .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: .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: .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.285714285714286%;
  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: .3; }

.is-outside-current-month .pika-button {
  color: #999;
  opacity: .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: "\F000"; }
  [class^="icon-"].icon-twitter:before, [class*=" icon-"].icon-twitter:before {
    content: "\F001";
    color: #00b0e9; }
  [class^="icon-"].icon-email:before, [class*=" icon-"].icon-email:before {
    content: "\F002"; }
  [class^="icon-"].icon-facebook:before, [class*=" icon-"].icon-facebook:before {
    content: "\F003";
    color: #3a5a93; }
  [class^="icon-"].icon-maximise:before, [class*=" icon-"].icon-maximise:before {
    content: "\F004"; }
  [class^="icon-"].icon-republish:before, [class*=" icon-"].icon-republish:before {
    content: "\F005"; }
  [class^="icon-"].icon-globe:before, [class*=" icon-"].icon-globe:before {
    content: "\F006"; }
  [class^="icon-"].icon-delete:before, [class*=" icon-"].icon-delete:before {
    content: "\F007"; }
  [class^="icon-"].icon-add:before, [class*=" icon-"].icon-add:before {
    content: "\F008"; }
  [class^="icon-"].icon-layout:before, [class*=" icon-"].icon-layout:before {
    content: "\F009"; }
  [class^="icon-"].icon-article:before, [class^="icon-"].icon-article-published:before, [class*=" icon-"].icon-article:before, [class*=" icon-"].icon-article-published:before {
    content: "\F00A"; }
  [class^="icon-"].icon-article-check:before, [class*=" icon-"].icon-article-check:before {
    content: "\F00B"; }
  [class^="icon-"].icon-chart:before, [class*=" icon-"].icon-chart:before {
    content: "\F00C"; }
  [class^="icon-"].icon-reader:before, [class*=" icon-"].icon-reader:before {
    content: "\F00D"; }
  [class^="icon-"].icon-readers:before, [class*=" icon-"].icon-readers:before {
    content: "\F00E"; }
  [class^="icon-"].icon-subtract:before, [class*=" icon-"].icon-subtract:before {
    content: "\F011"; }
  [class^="icon-"].icon-comment:before, [class*=" icon-"].icon-comment:before {
    content: "\F012"; }
  [class^="icon-"].icon-search:before, [class*=" icon-"].icon-search:before {
    content: "\F013"; }
  [class^="icon-"].icon-help:before, [class*=" icon-"].icon-help:before {
    content: "\F014"; }
  [class^="icon-"].icon-rss:before, [class*=" icon-"].icon-rss:before {
    content: "\F015";
    color: #eb7f3e; }
  [class^="icon-"].icon-rss-non-coloured:before, [class*=" icon-"].icon-rss-non-coloured:before {
    content: "\F015"; }
  [class^="icon-"].icon-favourite:before, [class*=" icon-"].icon-favourite:before {
    content: "\F016"; }
  [class^="icon-"].icon-location:before, [class*=" icon-"].icon-location:before {
    content: "\F017"; }
  [class^="icon-"].icon-time:before, [class*=" icon-"].icon-time:before {
    content: "\F018"; }
  [class^="icon-"].icon-friend-of-tc:before, [class*=" icon-"].icon-friend-of-tc:before {
    content: "\F019"; }
  [class^="icon-"].icon-friend-of-tc-outer:before, [class*=" icon-"].icon-friend-of-tc-outer:before {
    content: "\F021"; }
  [class^="icon-"].icon-friend-of-tc-heart:before, [class*=" icon-"].icon-friend-of-tc-heart:before {
    content: "\F022"; }
  [class^="icon-"].icon-check:before, [class*=" icon-"].icon-check:before {
    content: "\F023"; }
  [class^="icon-"].icon-favourite-add:before, [class*=" icon-"].icon-favourite-add:before {
    content: "\F024"; }
  [class^="icon-"].icon-followed:before, [class*=" icon-"].icon-followed:before {
    content: "\F025"; }
  [class^="icon-"].icon-skype:before, [class*=" icon-"].icon-skype:before {
    content: "\F026"; }
  [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: "\F027"; }
  [class^="icon-"].icon-mobile:before, [class*=" icon-"].icon-mobile:before {
    content: "\F028"; }
  [class^="icon-"].icon-private:before, [class*=" icon-"].icon-private:before {
    content: "\F029"; }
  [class^="icon-"].icon-public:before, [class*=" icon-"].icon-public:before {
    content: "\F030"; }
  [class^="icon-"].icon-topics:before, [class*=" icon-"].icon-topics:before {
    content: "\F031"; }
  [class^="icon-"].icon-menu:before, [class*=" icon-"].icon-menu:before {
    content: "\F032"; }
  [class^="icon-"].icon-external-link:before, [class*=" icon-"].icon-external-link:before {
    content: "\F033"; }
  [class^="icon-"].icon-trash:before, [class*=" icon-"].icon-trash:before {
    content: "\F034"; }
  [class^="icon-"].icon-picture:before, [class*=" icon-"].icon-picture:before {
    content: "\F035"; }
  [class^="icon-"].icon-image:before, [class*=" icon-"].icon-image:before {
    content: "\F035"; }
  [class^="icon-"].icon-edit:before, [class*=" icon-"].icon-edit:before {
    content: "\F036"; }
  [class^="icon-"].icon-heading:before, [class*=" icon-"].icon-heading:before {
    content: "\F037"; }
  [class^="icon-"].icon-bold:before, [class*=" icon-"].icon-bold:before {
    content: "\F038"; }
  [class^="icon-"].icon-italic:before, [class*=" icon-"].icon-italic:before {
    content: "\F039"; }
  [class^="icon-"].icon-link:before, [class*=" icon-"].icon-link:before {
    content: "\F040"; }
  [class^="icon-"].icon-video:before, [class*=" icon-"].icon-video:before {
    content: "\F041"; }
  [class^="icon-"].icon-fullscreen:before, [class*=" icon-"].icon-fullscreen:before {
    content: "\F042"; }
  [class^="icon-"].icon-close-fullscreen:before, [class*=" icon-"].icon-close-fullscreen:before {
    content: "\F043"; }
  [class^="icon-"].icon-favourite-minus:before, [class*=" icon-"].icon-favourite-minus:before {
    content: "\F044"; }
  [class^="icon-"].icon-envelope:before, [class*=" icon-"].icon-envelope:before {
    content: "\F045"; }
  [class^="icon-"].icon-simple-check:before, [class*=" icon-"].icon-simple-check:before {
    content: "\F046"; }
  [class^="icon-"].icon-calendar:before, [class*=" icon-"].icon-calendar:before {
    content: "\F047"; }
  [class^="icon-"].icon-the-conversation:before, [class*=" icon-"].icon-the-conversation:before {
    content: "\F048"; }
  [class^="icon-"].icon-lock:before, [class*=" icon-"].icon-lock:before {
    content: "\F050"; }
  [class^="icon-"].icon-unlock:before, [class*=" icon-"].icon-unlock:before {
    content: "\F051"; }
  [class^="icon-"].icon-audio:before, [class*=" icon-"].icon-audio:before {
    content: "\F052"; }
  [class^="icon-"].icon-chevron-right:before, [class*=" icon-"].icon-chevron-right:before {
    content: "\F053"; }
  [class^="icon-"].icon-caret-down:before, [class*=" icon-"].icon-caret-down:before {
    content: "\F054"; }
  [class^="icon-"].icon-caret-left:before, [class*=" icon-"].icon-caret-left:before {
    content: "\F055"; }
  [class^="icon-"].icon-caret-right:before, [class*=" icon-"].icon-caret-right:before {
    content: "\F056"; }
  [class^="icon-"].icon-caret-up:before, [class*=" icon-"].icon-caret-up:before {
    content: "\F057"; }
  [class^="icon-"].icon-pastespecial:before, [class*=" icon-"].icon-pastespecial:before {
    content: "\F058"; }
  [class^="icon-"].icon-linkedin:before, [class*=" icon-"].icon-linkedin:before {
    content: "\F059";
    color: #0181b2; }
  [class^="icon-"].icon-pause:before, [class*=" icon-"].icon-pause:before {
    content: "\F060"; }
  [class^="icon-"].icon-cog:before, [class*=" icon-"].icon-cog:before {
    content: "\F061"; }
  [class^="icon-"].icon-orcid:before, [class*=" icon-"].icon-orcid:before {
    content: "\F062";
    color: #a6ce39; }
  [class^="icon-"].icon-music:before, [class*=" icon-"].icon-music:before {
    content: "\F063"; }
  [class^="icon-"].icon-print:before, [class*=" icon-"].icon-print:before {
    content: "\F064"; }
  [class^="icon-"].icon-google-plus:before, [class*=" icon-"].icon-google-plus:before {
    content: "\F065";
    color: #de4931; }
  [class^="icon-"].icon-home:before, [class*=" icon-"].icon-home:before {
    content: "\F066"; }
  [class^="icon-"].icon-facebook-simple:before, [class*=" icon-"].icon-facebook-simple:before {
    content: "\F067";
    color: #3a5a93; }
  [class^="icon-"].icon-tag:before, [class*=" icon-"].icon-tag:before {
    content: "\F068"; }
  [class^="icon-"].icon-left-guillemet:before, [class*=" icon-"].icon-left-guillemet:before {
    content: "\F069"; }
  [class^="icon-"].icon-input:before, [class*=" icon-"].icon-input:before {
    content: "\F070"; }
  [class^="icon-"].icon-whatsapp:before, [class*=" icon-"].icon-whatsapp:before {
    content: "\F071";
    color: #455a64; }
  [class^="icon-"].icon-fb-messenger:before, [class*=" icon-"].icon-fb-messenger:before {
    content: "\F072";
    color: #0084ff; }
  [class^="icon-"].icon-youtube:before, [class*=" icon-"].icon-youtube:before {
    content: "\F073";
    color: #ff0000; }
  [class^="icon-"].icon-share:before, [class*=" icon-"].icon-share:before {
    content: "\F074"; }
  [class^="icon-"].icon-auth-facebook:before, [class*=" icon-"].icon-auth-facebook:before {
    content: "\F003";
    color: #3a5a93; }
  [class^="icon-"].icon-auth-twitter:before, [class*=" icon-"].icon-auth-twitter:before {
    content: "\F001";
    color: #00b0e9; }
  [class^="icon-"].icon-auth-linkedin:before, [class*=" icon-"].icon-auth-linkedin:before {
    content: "\F059";
    color: #0181b2; }
  [class^="icon-"].icon-auth-google:before, [class*=" icon-"].icon-auth-google:before {
    content: "\F065";
    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(/assets/author/width238_default-3f1734550aa8c3d4d34e32564a4a0bab.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: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-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-confirmation:hover + .tooltip {
    display: block; }

.user-type {
  background-color: #0190d0;
  color: #fff;
  padding: 0;
  padding-left: 0.3em;
  padding-right: 0.3em;
  margin: 0 0 0 0;
  margin-left: 0.5em;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: normal; }
  .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.locked {
    background-color: #f6f7f8;
    -webkit-box-shadow: none;
            box-shadow: 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.locked .user-actions > li > .button {
      opacity: 0.5; }
    .user-records .user.locked .user-actions > li > .button.unlock:hover {
      opacity: 1; }
  .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: "\F043"; }
  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: "\201C";
    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 {
      padding: 0 5px;
      top: -3px; }

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; }

body.self_registrations-edit .edit_self_registration {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #eee;
  padding: 10px 0; }

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); }

body.pages .module.hover {
  margin-top: 24px; }

.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; }

.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; }