/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* print.css */

body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
img {float:left;margin:1.5em 1.5em 1.5em 0;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
/******* IMPORT SASS *******/
/******* ADD ALL NEEDED SASS FILES HERE *******/
.sl-icon-download {
  -webkit-mask: url(/assets/icons_2019/actions/Download-70c7959f4b0e3bdc3816491782b5499d.svg);
  mask: url(/assets/icons_2019/actions/Download-70c7959f4b0e3bdc3816491782b5499d.svg); }

.sl-icon-gear {
  -webkit-mask: url(/assets/icons_2019/actions/Properties-5a6c5c1ca86c22b5d0c1a48b21076d7e.svg);
  mask: url(/assets/icons_2019/actions/Properties-5a6c5c1ca86c22b5d0c1a48b21076d7e.svg); }

.sl-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  -webkit-mask-size: cover;
  mask-size: cover;
  background: #4e6d87; }

.glyphicon.mr-10 {
  margin-right: 10px; }

/* This is the base; all toolbar sizing depends on this. */
body.s-2021 #page-container.surface-overlay #mini-header {
  padding-left: 0; }
  body.s-2021 #page-container.surface-overlay #mini-header .banner-img {
    margin-left: auto;
    margin-right: auto; }

body:not(.s-2021) #page-container.surface-overlay #mini-header {
  padding-left: 10px; }

#page-container.surface-overlay {
  display: table;
  table-layout: fixed;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1100;
  border-top: none;
  padding-top: 0;
  /*
   * SIDEBARS FOR SURFACE OVERLAY.
  */
  /* Implement a min- and max-width for the sidebar (they don't work directly
   * for table-cells it seems, so we use a media query) */ }
  #page-container.surface-overlay #page-content {
    display: table-row; }
    #page-container.surface-overlay #page-content #side-panels-container {
      position: relative; }
  #page-container.surface-overlay #mini-header-bg {
    position: relative;
    text-align: center; }
    #page-container.surface-overlay #mini-header-bg #mini-header {
      display: block !important;
      margin-bottom: 0; }
      #page-container.surface-overlay #mini-header-bg #mini-header .banner-img {
        display: inline-block;
        max-width: 65%;
        height: auto; }
      #page-container.surface-overlay #mini-header-bg #mini-header .close-btn {
        margin: 6px 8px 0 0;
        position: absolute;
        top: 0;
        right: 0; }
  #page-container.surface-overlay #side-panels {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    top: 0; }
  #page-container.surface-overlay #side-panels .side-panel:nth-last-child(2) {
    margin-bottom: 140px !important; }
  #page-container.surface-overlay #primary-folder-tree-container, #page-container.surface-overlay #top-menu-2010, #page-container.surface-overlay #top-menu,
  #page-container.surface-overlay #two-column-content {
    display: none; }
  #page-container.surface-overlay #folder-nav-container,
  #page-container.surface-overlay #side-panels-container {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: 25%;
    min-width: 125px;
    padding: 0; }
    #page-container.surface-overlay #folder-nav-container #side-panels,
    #page-container.surface-overlay #side-panels-container #side-panels {
      margin: 0;
      border-right: 1px solid #ccc; }
      #page-container.surface-overlay #folder-nav-container #side-panels .side-panel,
      #page-container.surface-overlay #side-panels-container #side-panels .side-panel {
        margin-bottom: 0; }
  @media only screen and (min-width: 900px) {
    #page-container.surface-overlay #folder-nav-container,
    #page-container.surface-overlay #side-panels-container {
      width: 225px; } }
  @media only screen and (max-width: 580px) {
    #page-container.surface-overlay #folder-nav-container,
    #page-container.surface-overlay #side-panels-container {
      width: 145px; } }
  #page-container.surface-overlay #side-panels {
    margin-top: 0;
    overflow: auto; }
  #page-container.surface-overlay #doc-viewer {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 100%; }
    #page-container.surface-overlay #doc-viewer #doc-map {
      height: 100%; }
  #page-container.surface-overlay #doc-toolbar {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    display: none !important; }

#doc-map {
  touch-action: none;
  overscroll-behavior: contain; }

/******** MARKERS **********/
.with-marker-cursor {
  cursor: crosshair !important; }

ul.surface-notes {
  padding: 1px 0; }
  ul.surface-notes hr {
    border: 0;
    height: 1px;
    margin-right: 10px;
    display: none; }
  ul.surface-notes hr {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 75%); }
  ul.surface-notes li {
    word-wrap: break-word; }
    ul.surface-notes li:not(:first-child) hr {
      display: block; }
  ul.surface-notes .note-buttons-wrapper {
    position: absolute;
    top: -1px;
    right: 3px;
    max-width: 32px;
    font-size: 0; }
    ul.surface-notes .note-buttons-wrapper span {
      cursor: pointer;
      display: inline-block; }
  ul.surface-notes .note-author-wrapper {
    position: relative;
    width: 100%;
    min-width: 150px; }
    ul.surface-notes .note-author-wrapper span.title {
      display: inline-block;
      margin-right: 36px; }
    ul.surface-notes .note-author-wrapper span.author {
      font-weight: bold; }
  ul.surface-notes .note-text-wrapper {
    position: relative;
    max-width: 245px;
    padding-right: 20px; }
  ul.surface-notes .note-date {
    color: #bbb;
    font-style: italic;
    font-size: 0.9em; }

/******** TOOLBAR **********/
#doc-toolbar {
  position: relative;
  width: 100%;
  font-size: 1em;
  background-color: #fefefe;
  color: black;
  padding: 0 0;
  border-top: 1px solid #f0f0f0; }
  #doc-toolbar.fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1200; }
  #doc-toolbar.fullscreen {
    position: absolute;
    bottom: 0;
    z-index: 1200;
    margin: 0; }
  #doc-toolbar .toolbar-section {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0.6em 0.6em; }
  #doc-toolbar .toolbar-row {
    clear: left;
    height: 2.1em;
    margin-bottom: 0.3em; }

/* The bottom panel. */
#doc-toolbar-main {
  border-top: 0.05em solid transparent; }
  #doc-toolbar-main .name {
    float: left;
    width: 24%;
    border-width: 0.05em; }
  #doc-toolbar-main .controls {
    float: right;
    display: inline;
    width: 75%;
    text-align: right; }

#doc-toolbar .ui-widget {
  font-size: 1.0em; }
#doc-toolbar .ui-button {
  border-width: 0.05em; }
#doc-toolbar .ui-button-text {
  line-height: 1.0em;
  font-weight: normal;
  padding-top: .6em;
  padding-bottom: .6em; }
#doc-toolbar .ui-button-text-icon-secondary .ui-button-text {
  padding-right: 1.6em; }

/******** EXPANDED TOOLBAR *********/
#doc-toolbar #marker-form {
  display: none; }

#doc-toolbar.with-marker-form #marker-form {
  display: block; }

#doc-toolbar.with-marker-form #doc-toolbar-main {
  border-color: #999; }

#marker-form {
  font-size: 1em;
  /* The little groups of three buttons, such as for visibility settings */ }
  #marker-form fieldset {
    border: 0;
    padding: 0 0;
    margin: 0 0;
    width: 48%;
    float: left; }
  #marker-form.redaction fieldset#marker-tour-inclusion {
    width: 45%; }
  #marker-form.redaction, #marker-form.search {
    padding-top: 13px; }
  #marker-form.redaction .disabled-in-redaction, #marker-form.annotation .disabled-in-annotation, #marker-form.search .disabled-in-search, #marker-form.expose .disabled-in-expose {
    display: none !important; }
  #marker-form span.options {
    display: inline-block;
    width: 82%;
    margin: 0 0;
    padding: 0 0;
    overflow: hidden; }
  #marker-form span.label {
    display: inline-block;
    width: 15%;
    height: 2.1em;
    vertical-align: top;
    color: white;
    font-weight: bold; }
  #marker-form input {
    float: none;
    vertical-align: top; }
  #marker-form input[type=text] {
    height: 1em;
    padding: 0.5em 4px;
    border-width: 0.05em;
    font-size: 100%; }
  #marker-form .ui-buttonset label {
    margin-right: 7px;
    width: calc(33% - 7px);
    border-width: 0.05em; }
    #marker-form .ui-buttonset label .ui-button-text {
      font-size: 100%;
      line-height: 1em; }
  #marker-form fieldset#marker-label,
  #marker-form fieldset#marker-note {
    margin: 0 0 0.3em; }
  #marker-form fieldset#marker-search button {
    margin-right: 4px; }
  #marker-form .with-check-box label {
    float: none;
    font-weight: normal; }
  #marker-form .controls {
    position: absolute;
    top: 0.5em;
    right: 0.6em;
    width: 2.1em; }
    #marker-form .controls a {
      float: right;
      border-width: 0.05em;
      width: 2em;
      height: 2em;
      margin: 0 1px 1px 0; }
  #marker-form.redaction .controls, #marker-form.search .controls {
    height: 2.1em;
    width: auto; }
    #marker-form.redaction .controls a, #marker-form.search .controls a {
      float: right; }
  #marker-form #marker-label input,
  #marker-form #marker-note input {
    width: 79%; }

/******** MARKER VIEW **********/
.marker {
  margin-top: 18px; }

.marker div.image-whole {
  position: relative;
  padding: 0 0; }

.marker div.image-whole .marker-image {
  position: absolute;
  margin-left: -12px;
  margin-top: -41px;
  width: 25px;
  height: 41px; }

.marker div.marker-area {
  position: absolute;
  border: 1px solid yellow;
  background-color: yellow;
  opacity: 0.4; }

.marker div.image-slice {
  background-color: #e9e9e9;
  overflow: hidden;
  border: 1px solid #ccc; }

.marker .preview-image {
  margin: 6px 0 0 6px; }

.redaction-label {
  line-height: normal;
  text-align: center;
  vertical-align: middle; }

/******** FOLLOW THE LEADER *********/
#follow-the-leader-list .active {
  font-weight: bold; }

/******* TOURS ********/
div.side-panel div.content .select2-container {
  width: 100%; }

div.side-panel .next-stop,
div.side-panel .previous-stop {
  height: 24px;
  display: none; }

div.side-panel .next-stop {
  float: right;
  margin-right: 4px; }

div.side-panel .previous-stop {
  float: left;
  margin-left: 4px; }

div.side-panel .current-tour {
  text-align: center; }

div.side-panel .next-stop:hover,
div.side-panel .previous-stop:hover {
  background: inherit; }

.whole-width {
  width: 100%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.half-width-left, .half-width-right {
  width: 49%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.half-width-left {
  margin-left: 0;
  margin-right: 1%; }

.half-width-right {
  margin-left: 1%;
  margin-right: 0; }

.tour-form input {
  width: 100%; }

body .clean-form input, body .clean-form textarea, body .clean-form select, body .clean-form div.select2-container {
  margin-bottom: 10px;
  font-size: 1.1em;
  /* letter-spacing: 1px; */
  line-height: 1.4em;
  color: #0b2c47;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%; }
body .clean-form .dataTables_filter input {
  width: auto;
  margin: 0;
  padding: 1px; }
body .clean-form input[type=file] {
  width: auto; }
body .clean-form input, body .clean-form textarea {
  padding: 10px 8px 10px;
  border: 1px solid #d9d9d9; }
  body .clean-form input.disabled, body .clean-form textarea.disabled {
    color: #bbb; }
body .clean-form input[type=checkbox], body .clean-form input[type=radio] {
  float: left;
  display: inline;
  clear: left;
  width: auto;
  margin: 5px 8px 9px 0;
  padding: 0 0; }
body .clean-form label {
  float: none;
  display: inline;
  width: auto;
  color: #555;
  margin-bottom: -2px; }
  body .clean-form label.disabled {
    color: #999; }
body .clean-form label.radio-label {
  float: left; }
body .clean-form label.plain {
  float: left;
  font-weight: normal; }
body .clean-form fieldset {
  clear: both; }
  body .clean-form fieldset.borderless {
    border: none !important; }
  body .clean-form fieldset.padded-top-0 {
    padding-top: 0px; }
body .clean-form a.ui-button:hover {
  color: #1b93aa !important; }
body .clean-form div.cke {
  margin-bottom: 12px; }
body .clean-form .ui-button {
  margin-right: 0; }
body .clean-form input.submit.half-width-left {
  width: 50%;
  float: left;
  margin-left: 0; }
body .clean-form input.submit.half-width-right {
  width: 49%;
  float: right; }

#map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333;
  z-index: 1000;
  display: none; }
  #map-overlay span {
    display: block;
    text-align: center;
    margin-top: 30%;
    color: white; }

.locked-page, .locked-page.body {
  position: fixed;
  width: 100%;
  height: 100%; }
.locked-page #footer {
  display: none; }
.locked-page #page-content {
  padding-bottom: 0; }
.locked-page #folder-nav-container {
  height: 100%;
  overflow: auto; }

.leaflet-rrose-content {
  pointer-events: none; }
  .leaflet-rrose-content .note-buttons-wrapper {
    pointer-events: auto; }

.ui-button .ui-icon-loading {
  background-image: url(/assets/images/loading-30faf67bfa16bb7ad3fe845f146c6aff.gif) !important;
  background-position: 0 2px !important; }

.ui-button .ui-button-icon-secondary.ui-icon-loading {
  right: .3em !important; }

/* Custom Leaflet buttons */
.leaflet-bottom.leaflet-right > .leaflet-bar:nth-last-child(2) {
  margin-bottom: 4em; }

#doc-map.with-marker-form .leaflet-bottom.leaflet-right > .leaflet-bar:nth-last-child(2) {
  margin-bottom: 15.7em; }

.leaflet-bar a, .leaflet-bar a:hover {
  color: #3E3E3E !important;
  text-decoration: none !important; }

.leaflet-control-custom.leaflet-bar a.disabled,
.leaflet-control-custom.leaflet-bar a.disabled:hover, .leaflet-draw-toolbar a.disabled,
.leaflet-draw-toolbar a.disabled:hover {
  cursor: default;
  opacity: .4;
  color: inherit;
  background-color: #fff; }

.leaflet-control-custom.leaflet-bar-horizontal a, .leaflet-control-custom.leaflet-bar-horizontal a:hover {
  float: left;
  border-bottom: none; }
.leaflet-control-custom.leaflet-bar-horizontal a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
.leaflet-control-custom.leaflet-bar-horizontal a:last-child {
  border-bottom-left-radius: 0;
  border-right: none; }

.leaflet-control-custom a.leaflet-togglebutton,
.leaflet-control-custom a.leaflet-togglebutton:hover {
  width: 46px !important; }
  .leaflet-control-custom a.leaflet-togglebutton span.glyphicon,
  .leaflet-control-custom a.leaflet-togglebutton:hover span.glyphicon {
    padding: 0 4px; }

body .leaflet-container {
  background-color: #E4E4E4; }

.leaflet-overlay-pane > svg {
  z-index: 2; }

.embedded-spreadsheet {
  background-color: white; }
  .embedded-spreadsheet td {
    overflow: hidden; }
    .embedded-spreadsheet td:hover {
      overflow: visible; }

.binder-view {
  position: relative; }
  .binder-view .binder-div {
    z-index: 9999999;
    width: 100%;
    height: 100%;
    margin: 20px 75px; }
    .binder-view .binder-div .page {
      position: relative;
      background: rgba(255, 255, 255, 0); }
      .binder-view .binder-div .page .paper {
        background: #FFFFFF;
        box-sizing: border-box; }
        .binder-view .binder-div .page .paper > .header, .binder-view .binder-div .page .paper > .footer {
          z-index: 1;
          background: none;
          margin: 0;
          position: absolute;
          width: 100%;
          font-size: 18px;
          box-sizing: border-box; }
        .binder-view .binder-div .page .paper > .header {
          height: 30px;
          text-align: center;
          top: 0;
          border: 0; }
        .binder-view .binder-div .page .paper > .footer {
          height: 30px;
          text-align: center;
          padding: 0 20px;
          bottom: 0; }
        .binder-view .binder-div .page .paper .controls {
          position: absolute;
          bottom: 60px;
          padding: 0 20px;
          z-index: 1; }
          .binder-view .binder-div .page .paper .controls .btn {
            font-size: 18px; }
    .binder-view .binder-div .content {
      position: relative;
      overflow: hidden;
      z-index: 2; }
      .binder-view .binder-div .content .loading {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 128px;
        width: 128px;
        background-image: url(/images/../images/jquery-file-upload/loading.gif); }
      .binder-view .binder-div .content .title {
        display: table-cell;
        vertical-align: middle;
        font-size: 25px;
        color: white; }
      .binder-view .binder-div .content .binder-title-wrapper,
      .binder-view .binder-div .content .message-wrapper,
      .binder-view .binder-div .content .separator-title-wrapper {
        position: absolute;
        width: 510px;
        height: 150px;
        top: 250px;
        left: 78px;
        box-sizing: border-box;
        text-align: center;
        display: table; }
      .binder-view .binder-div .content .binder-title-wrapper {
        border: 2px solid black;
        background: #efefef; }
        .binder-view .binder-div .content .binder-title-wrapper .title {
          color: black; }
      .binder-view .binder-div .content .separator-title-wrapper {
        top: 300px; }
      .binder-view .binder-div .content .info-message {
        color: #AAAAAA;
        font-size: 20px; }
      .binder-view .binder-div .content .error-message {
        color: #000000;
        font-size: 20px; }
      .binder-view .binder-div .content .html-content {
        transform-origin: top left; }
      .binder-view .binder-div .content .img-content {
        max-width: 100% !important;
        max-height: 100% !important; }
      .binder-view .binder-div .content .binder-index {
        padding: 30px 20px;
        font-size: 20px;
        text-align: left; }
        .binder-view .binder-div .content .binder-index .title {
          display: block;
          color: inherit;
          text-align: center; }
        .binder-view .binder-div .content .binder-index .row {
          position: relative;
          height: 30px; }
        .binder-view .binder-div .content .binder-index .name {
          position: absolute;
          white-space: nowrap;
          width: 85%;
          overflow: hidden;
          line-height: 1em; }
        .binder-view .binder-div .content .binder-index .page-num {
          position: absolute;
          right: 0; }
        .binder-view .binder-div .content .binder-index .row.document .name {
          left: 2em; }
        .binder-view .binder-div .content .binder-index .row.section .name {
          left: 0; }
        .binder-view .binder-div .content .binder-index .row.section span {
          font-weight: bold; }
    .binder-view .binder-div .content.expanded {
      overflow: visible; }
      .binder-view .binder-div .content.expanded .controls .expand-btn {
        display: none; }
    .binder-view .binder-div .content.collapsed::after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-shadow: inset -100px -100px 100px 0px #eeeeee;
      -moz-box-shadow: inset -100px -100px 100px 0px #eeeeee;
      box-shadow: inset -100px -100px 100px 0px #eeeeee; }
    .binder-view .binder-div .page.even .paper {
      margin-right: 15px; }
      .binder-view .binder-div .page.even .paper > .footer .page-number {
        float: left; }
      .binder-view .binder-div .page.even .paper .controls {
        left: 80px; }
    .binder-view .binder-div .page.even .ring {
      right: 0;
      background-position: left center; }
    .binder-view .binder-div .page.even .content.collapsed::after {
      -webkit-box-shadow: inset 100px -100px 100px 0px #eeeeee;
      -moz-box-shadow: inset 100px -100px 100px 0px #eeeeee;
      box-shadow: inset 100px -100px 100px 0px #eeeeee; }
    .binder-view .binder-div .page.even .content.expanded .html-content {
      position: absolute;
      right: 0; }
    .binder-view .binder-div .page.even .content {
      text-align: left; }
    .binder-view .binder-div .page.odd .paper {
      margin-left: 15px; }
      .binder-view .binder-div .page.odd .paper > .footer .page-number {
        float: right; }
      .binder-view .binder-div .page.odd .paper .controls {
        right: 80px; }
    .binder-view .binder-div .page.odd .ring {
      background-position: right center; }
    .binder-view .binder-div .page.odd .content {
      text-align: right; }
  .binder-view .ring {
    position: absolute;
    width: 55px;
    height: 28px;
    background-size: auto 28px;
    background-image: url(/assets/binder-rings-ac8615d79f28e3d4fa7a9af2b0ad3f59.png);
    transform: translate3d(0px, 0px, 0px);
    z-index: 3; }
  .binder-view > .ring {
    background-image: url(/assets/binder-rings-right-b68be4a178465d43d62066ad9f71f1b7.png);
    width: 106px;
    left: 745px; }
  .binder-view .ring0 {
    top: 318px; }
  .binder-view .ring1 {
    bottom: 318px; }
  .binder-view .section-tabs {
    position: relative;
    float: left;
    overflow: hidden; }
    .binder-view .section-tabs .group {
      position: absolute;
      width: 50px;
      height: 940px; }
    .binder-view .section-tabs .tab {
      box-sizing: border-box;
      position: absolute;
      width: 156px;
      height: 50px;
      font-size: 16px;
      cursor: pointer;
      border-bottom: 2px #B3b3b3 solid;
      -webkit-border-radius: 20px 20px 0px 0px;
      -moz-border-radius: 20px 20px 0px 0px;
      border-radius: 20px 20px 0px 0px;
      transform-origin: bottom left;
      -webkit-box-shadow: #B3B3B3 0px -1px 10px 1px;
      -moz-box-shadow: #B3B3B3 0px -1px 10px 1px;
      box-shadow: #B3B3B3 0px -1px 10px 1px; }
      .binder-view .section-tabs .tab .title {
        width: 140px;
        margin: auto;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        color: white; }
    .binder-view .section-tabs .left.group {
      left: 26px; }
      .binder-view .section-tabs .left.group .tab {
        margin-left: 50px;
        margin-top: 106px;
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .binder-view .section-tabs .right.group {
      right: 26px; }
      .binder-view .section-tabs .right.group .tab {
        margin-top: -50px;
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }

.glyphicon-undo {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.glyphicon-undo:before {
  content: "\e095"; }

path.line-marker:hover {
  stroke: darkgreen;
  stroke-width: 3px; }

#doc-map.mode-create {
  cursor: url(/assets/glyphicons-31-pencil-68a1110df9fe757eb6b0dc57323a5cfb.png) 0 25, auto; }

.leaflet-div-icon.leaflet-div-icon-drag-handle {
  border-top: none;
  border-right: none;
  cursor: move; }

.leaflet-div-icon.leaflet-div-icon-adder {
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin-top: -15px !important;
  margin-left: 3px !important; }
  .leaflet-div-icon.leaflet-div-icon-adder .leaflet-div-icon__icon-wrapper {
    background-color: #c19e78;
    border-radius: 12px;
    height: 12px;
    width: 12px; }
  .leaflet-div-icon.leaflet-div-icon-adder span.glyphicon {
    top: -8px; }
  .leaflet-div-icon.leaflet-div-icon-adder .glyphicon-plus:before {
    font-size: 8px;
    color: #f5f5f5; }

.leaflet-div-icon.leaflet-div-icon-resize-handle {
  background-color: transparent !important;
  border: 0 !important;
  padding: 3px; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper {
    font-size: 8px !important; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle.position-NW {
    cursor: nw-resize;
    left: 3px;
    top: 0; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle.position-SE {
    cursor: se-resize;
    left: 3px;
    top: -2px; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle.position-SW {
    cursor: sw-resize;
    left: 3px;
    top: -2px; }

.leaflet-div-icon.leaflet-div-icon--redaction {
  background-color: gray; }
  .leaflet-div-icon.leaflet-div-icon--redaction .leaflet-div-icon__icon-wrapper > .glyphicon {
    color: white;
    top: 0; }
  .leaflet-div-icon.leaflet-div-icon--redaction.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper {
    background-color: white !important;
    border-color: white !important; }

.leaflet-div-icon.leaflet-div-icon--expose {
  border-color: #3388ff; }

.leaflet-div-icon.leaflet-div-icon--annotation {
  background-color: yellow;
  border-color: yellow; }

.leaflet-div-icon.leaflet-div-icon--colour1.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour1 {
  background-color: yellow;
  border-color: yellow; }

.leaflet-div-icon.leaflet-div-icon--colour2.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour2 {
  background-color: #00ffff;
  border-color: #00ffff; }

.leaflet-div-icon.leaflet-div-icon--colour3.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour3 {
  background-color: #00fc37;
  border-color: #00fc37; }

.leaflet-div-icon.leaflet-div-icon--colour4.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour4 {
  background-color: #ff05f5;
  border-color: #ff05f5; }

.leaflet-div-icon__icon-wrapper {
  height: 100%;
  font-size: 16px; }

.leaflet-div-icon__icon-wrapper .glyphicon-resize-full {
  transform: scaleX(-1); }

.leaflet-div-icon.leaflet-div-icon--hidden {
  opacity: 0.1; }

.leaflet-div-icon.leaflet-div-icon--hidden > .leaflet-div-icon__icon-wrapper {
  display: none; }

.leaflet-bar .leaflet-bar__a {
  background-image: url(/assets/leaflet_draw/spritesheet-2x-updated-3a9480d45f4941ded3e272c3cefb7d27.png);
  background-size: 390px 30px; }
.leaflet-bar .leaflet-bar__leaflet-draw-draw-redaction-whole {
  background-position: -357.5px -0.5px; }

.select2-drop.tour-listing-select2-dropdown {
  position: fixed; }

.leaflet-embedded-media-popup .leaflet-rrose-content {
  pointer-events: auto;
  width: auto !important; }

.leaflet-embedded-media-popup audio {
  outline: none; }

.leaflet-embedded-media-popup .leaflet-rrose-tip {
  background: transparent;
  border: none;
  box-shadow: none; }

.leaflet-embedded-media-popup .leaflet-rrose-close-button {
  background: white;
  border-radius: 50%;
  padding: 5px; }

.leaflet-embedded-media-popup .leaflet-rrose-content-wrapper {
  background: transparent;
  box-shadow: none;
  padding: 0; }

.leaflet-embedded-media-popup .audiojs p {
  margin: 0; }

body.surface--is-open #app-page-title, body.surface--is-open #view-controls,
body.surface--is-open #main-sidebar, body.surface--is-open .main-sidebar-shadow {
  display: none; }
body.surface--is-open #sidepanel-header-container, body.surface--is-open #side-panels {
  background-color: white; }
body.surface--is-open #hubspot-messages-iframe-container {
  z-index: 0; }

.content-editable__content-overlay {
  position: relative;
  cursor: text; }

.content-editable__content-overlay:hover::before {
  content: "";
  border: 1px solid #e0e0e0;
  margin: -6px;
  padding: 6px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%; }

.content-editable__context-action.button {
  padding: 0;
  border: 0;
  background-color: transparent; }

.content-editable__context-action {
  float: right;
  top: 0;
  right: 0; }
  .content-editable__context-action .ui-button-text {
    padding: 0; }

.content-editable__actions {
  margin-top: 10px; }

.content-editable__content {
  display: block;
  word-wrap: break-word;
  min-height: 23px;
  margin-top: 14px; }

.monekychain-div-function {
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden; }

ul#monkeychain-functions li {
  overflow: hidden; }

.ui-dialog-titlebar-close .ui-icon {
  text-align: center; }

.ui-widget-overlay.ui-front {
  z-index: 1399; }

.ui-dialog.ui-front {
  z-index: 1400; }

.concordance__settings-button,
.concordance__export-button {
  box-sizing: border-box; }

.concordance__field-name-dropdown,
.concordance__dropdown,
.concordance__field-label {
  float: left;
  height: 35px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; }

.concordance__field-name-dropdown {
  width: 48% !important;
  min-width: 48% !important; }

.concordance__field-label {
  width: 46% !important; }

.concordance__clearer {
  clear: both !important; }

.concordance__form {
  margin-top: 5px;
  margin-bottom: 5px; }

.concordance__col {
  width: 48% !important;
  float: left;
  margin-right: 1% !important; }

.concordance__row {
  width: 100%;
  position: relative;
  display: flex; }

.concordance__row--hidden {
  display: none; }

.concordance__col--header {
  font-weight: bold; }

.concordance__add-another-button {
  display: block; }

.concordance__add-another-button:hover {
  cursor: pointer; }

.concordance__checkbox-label {
  width: 100% !important; }

.concordance__fields-template {
  display: none !important; }

.concordance__trash-icon {
  position: absolute;
  top: 8px;
  left: 1%;
  cursor: pointer;
  display: none !important; }

.concordance__trash-icon--visible {
  display: block !important; }

.concordance__delete-previous-setting {
  width: 20px !important;
  height: 20px !important;
  padding: 0;
  margin: 5px !important;
  font-size: 1rem !important; }

.concordance__row select {
  cursor: pointer; }

.concordance__remove-column-row {
  position: absolute;
  top: -23px;
  right: 6px;
  padding: 4px 7px;
  border: 1px solid #ccc;
  color: gray;
  background-color: white;
  cursor: pointer; }

#document-sort-control {
  cursor: pointer;
  white-space: nowrap;
  padding-left: 50px; }
  #document-sort-control > div {
    display: inline-block;
    margin-right: 4px; }
  #document-sort-control .custom-dropdown, #document-sort-control .save-sort-button {
    position: relative;
    z-index: 999; }
  #document-sort-control .custom-dropdown-content-aligned-right {
    right: 0; }
  #document-sort-control .custom-dropdown .custom-dropdown-content.active {
    display: block; }
  #document-sort-control .custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #258CA0;
    width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1; }
    #document-sort-control .custom-dropdown-content a {
      display: block;
      padding: 4px 12px; }
      #document-sort-control .custom-dropdown-content a:hover {
        color: #FFFFFF !important;
        background-color: #258CA0; }

body:not(.s-2021) #document-sort-control.grey-theme .sort-label {
  color: #757474; }
body:not(.s-2021) #document-sort-control.grey-theme .sort-control-button a {
  color: #757474; }
body:not(.s-2021) #document-sort-control.grey-theme .custom-dropdown {
  color: #757474; }
body:not(.s-2021) #document-sort-control.grey-theme .custom-dropdown-content {
  border: 1px solid #757474; }
  body:not(.s-2021) #document-sort-control.grey-theme .custom-dropdown-content a {
    color: #757474; }
    body:not(.s-2021) #document-sort-control.grey-theme .custom-dropdown-content a:hover {
      background-color: #757474; }

/******* RESET *******/
img {
  border: none; }

/******* FONTS ******/
@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-bd7b1f6cb1c08a62bf194a1cbe6408b4.eot);
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: url(/assets/AvenirBold-342f3a84beb3734c4987fa8f4db3d85d.eot);
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: url(/assets/AvenirItalic-44c87371b823175ef2d6ea5d0eb0ff58.eot);
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Avenir';
  src: url(/assets/Avenir-bd7b1f6cb1c08a62bf194a1cbe6408b4.eot) format("eot"), url(/assets/Avenir-bd7b1f6cb1c08a62bf194a1cbe6408b4.eot?#iefix) format("embedded-opentype"), url(/assets/Avenir-435aa648acea6400a3ce2964a01eb867.otf) format("opentype"), url(/assets/Avenir-b1b884bcb2a78be6f7ee3ce33077a6b1.woff) format("woff"), url(/assets/Avenir-2c3d6888a5a1cc4177bcf3464d6677d1.ttf) format("truetype"), url(/assets/Avenir-bea25e2216a786e02f7fc451cfe64fc1.svg#AvenirNextLTPro-MediumCn) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: url(/assets/AvenirBold-342f3a84beb3734c4987fa8f4db3d85d.eot) format("eot"), url(/assets/AvenirBold-342f3a84beb3734c4987fa8f4db3d85d.eot?#iefix) format("embedded-opentype"), url(/assets/AvenirBold-15ec95d0706d890d2e80713c5ed3750f.otf) format("opentype"), url(/assets/AvenirBold-4d0e14299445b563a7b5cb76fea712cd.woff) format("woff"), url(/assets/AvenirBold-cecb9b6b0bf5d3cc2a1182381a48dba2.ttf) format("truetype"), url(/assets/AvenirBold-3cf50d3dda23ccf7bfbc2c38a0238ffa.svg#AvenirNextLTPro-BoldCn) format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Avenir';
  src: url(/assets/AvenirItalic-44c87371b823175ef2d6ea5d0eb0ff58.eot) format("eot"), url(/assets/AvenirItalic-44c87371b823175ef2d6ea5d0eb0ff58.eot?#iefix) format("embedded-opentype"), url(/assets/AvenirItalic-3ebc91ff4c1937ad8d007635ec7a4cd9.otf) format("opentype"), url(/assets/AvenirItalic-a587b73805819525c8a24eaffa9af670.woff) format("woff"), url(/assets/AvenirItalic-9951b39b0b55a6a826043cc74a1ee1ff.ttf) format("truetype"), url(/assets/AvenirItalic-e0ee156a2021dffdfc3ce96090758c61.svg#AvenirNextLTPro-MediumCnIt) format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Avenir';
  src: url(/assets/AvenirItalic-44c87371b823175ef2d6ea5d0eb0ff58.eot) format("eot"), url(/assets/AvenirItalic-44c87371b823175ef2d6ea5d0eb0ff58.eot?#iefix) format("embedded-opentype"), url(/assets/AvenirItalic-3ebc91ff4c1937ad8d007635ec7a4cd9.otf) format("opentype"), url(/assets/AvenirItalic-a587b73805819525c8a24eaffa9af670.woff) format("woff"), url(/assets/AvenirItalic-9951b39b0b55a6a826043cc74a1ee1ff.ttf) format("truetype"), url(/assets/AvenirItalic-e0ee156a2021dffdfc3ce96090758c61.svg#AvenirNextLTPro-MediumCnIt) format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Muli';
  src: url(/assets/Muli/Muli-Regular-b583a11ed65e7a3d7cd4b88c6069c941.ttf) format("truetype");
  font-weight: normal; }

@font-face {
  font-family: 'Muli';
  src: url(/assets/Muli/Muli-RegularItalic-b534cc345341664ac8ebd90971b67344.ttf) format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Muli';
  src: url(/assets/Muli/Muli-Bold-963cede909834f2aa9e3b40d395b0c4d.ttf) format("truetype");
  font-weight: bold; }

@font-face {
  font-family: 'Muli';
  src: url(/assets/Muli/Muli-BoldItalic-f6eedd09574253c4fb0d9840239af175.ttf) format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-Regular-badf4d495f1ddcd76e58ab8cc516a847.otf) format("opentype");
  font-weight: normal; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-Italic-7d33c38833dbddb73e7b695d7de75d66.otf) format("opentype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-Bold-9c7d778b08ccb5c19ed2e607bf7a0525.otf) format("opentype");
  font-weight: bold; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-BoldItalic-a2faba95111983a22c7a04f3dee821eb.otf) format("opentype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-Thin-3f2d3a7075772b9c3d65168e38c67e14.otf) format("opentype");
  font-weight: thin; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-ThinItalic-b658fd184b2c558fb1b1e175e30c75ca.otf) format("opentype");
  font-weight: thin;
  font-style: italic; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-Light-a10e51a999dc85fdba034d4e29a88764.otf) format("opentype");
  font-weight: lighter; }

@font-face {
  font-family: 'BrownStd';
  src: url(/assets/BrownStd/BrownStd-LightItalic-8cf2ad319977f8c0a65329b38f60d257.otf) format("opentype");
  font-weight: lighter;
  font-style: italic; }

body {
  font-family: Avenir, Helvetica, Arial, sans-serif; }

/* Chrome bug https://code.google.com/p/chromium/issues/detail?id=336476 */
/* 
body
{
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
  from{   opacity: 1; }
  to{ opacity: 1; }
}
*/
input.submit,
a.ui-button.submit,
form.formtastic input.submit {
  float: right;
  display: inline;
  margin-left: 4px; }

/******* GRID LAYOUT *******/
.grid-container,
.container,
.grid-container {
  width: 950px;
  margin: 0 auto; }

.full-width,
#header,
.full-width {
  width: 100%;
  float: left; }

.grid-12 {
  width: 940px;
  margin: 0 10px;
  float: left; }

.grid-9,
#two-column-content-container,
.grid-9 {
  width: 700px;
  margin: 0 10px;
  float: left; }

.grid-3,
#side-panels-container,
.grid-3 {
  width: 220px;
  margin: 0 10px;
  float: left; }

@media only screen and (max-width: 769px) {
  .container,
  .grid-container {
    width: 620px; } }
@media only screen and (max-width: 480px) {
  .container,
  .grid-container {
    width: 300px; } }
/******* GENERAL APPEARANCE *******/
a {
  color: #0B2C47; }

a:hover {
  color: #071A2B; }

/******** clearfix ********/
.clearfix:after {
  display: block;
  visibility: hidden;
  content: "";
  height: 0px;
  clear: both; }

.clearfix {
  zoom: 1;
  /* trigger hasLayout on IE */ }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.clear {
  clear: both; }

/** Flash **/
div.flash {
  margin: 8px 0px 15px;
  padding: 15px 8px 15px 15px;
  word-break: break-word; }

div.flash a {
  text-decoration: underline;
  cursor: pointer; }

#folder-nav-content-container div.flash {
  width: 93%; }

div.flash .ui-icon {
  float: left;
  margin: 2px 7px 3px 0; }

/** Help **/
ul.help-items {
  list-style: none; }

li.help-item {
  margin-top: 12px; }

li.help-item div.faq-q {
  float: left;
  font-size: 25px;
  font-weight: bold;
  width: 40px; }

li.help-item div.title {
  float: left;
  font-size: 1.2em;
  font-weight: bold; }

li.help-item div.answer {
  clear: left;
  display: none; }

li.help-item div.faq-a {
  margin-top: 10px;
  width: 40px;
  font-size: 25px;
  font-weight: bold;
  float: left; }

li.help-item .text p {
  margin: 0 0; }

ul.help-items li div.text {
  margin-top: 10px;
  width: 520px;
  float: left; }

ul.help-items ol, ul.help-items ul {
  margin-bottom: 0.8em; }

ul.help-items ol li, ul.help-items ul li {
  margin-left: 1.2em;
  /* IE7 doesn't show the numbers for OL otherwise. */ }

/**** Help tooltips relating to secure auth tokens ****/
.qtip-content img#auth_token {
  float: left;
  display: inline;
  margin-right: 14px; }

/*** General tooltip styling ***/
body .qtip {
  border-width: 0px;
  border-style: none !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  max-width: 600px;
  font-size: 1.1em;
  line-height: 1.3em;
  letter-spacing: 0.8px; }

body .qtip-content {
  color: white;
  padding: 12px 12px 8px; }

body .qtip-content table, body .qtip-content td, body .qtip-content tr {
  border: solid 1px white; }

body .qtip-content th {
  font-weight: bold;
  border: solid 1px white; }

body .qtip-titlebar {
  background-color: transparent !important;
  color: white;
  padding: 10px 8px !important;
  border-bottom: 1px solid #d0d0d0; }

body .qtip-titlebar .qtip-close {
  color: white;
  float: right;
  display: inline;
  position: relative;
  margin: 0 0 0 0; }

body .qtip ul {
  list-style: disc inside; }

/* jQuery UI overrides */
li.ui-menu-item {
  text-align: left;
  /* Required due to conflict with Blueprint's ie.css. */ }

body .qtip-icon .ui-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

body .qtip-icon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/**** Context menus ****/
#jqContextMenu .icon-container {
  margin-right: 4px; }

/**** jQuery-UI standalone icons, for jquery_ui_icon_tag helper ****/
/* Disable borders for jQuery-UI icons inside context menus, it's neater */
.icon-container .ui-state-default {
  border: none;
  background: none; }

.icon-container {
  display: inline-block;
  /* See IE6/7 handling below */
  vertical-align: top; }

/* IE6 near-equivalent to display:inline-block */
* html .icon-container {
  display: inline;
  zoom: 1; }

/***** REPORTS *****/
div.report-body table {
  width: 100%; }
  div.report-body table th, div.report-body table td {
    vertical-align: top; }

div.report-body table.report-annotations-and-codes-report colgroup col {
  min-width: 100px; }
div.report-body table.report-annotations-and-codes-report th {
  padding-right: 10px; }
div.report-body table.report-annotations-and-codes-report td div {
  max-height: 210px;
  max-width: 180px;
  overflow: hidden; }

/***** Datatables *****/
.dataTables_wrapper {
  margin-bottom: 20px;
  overflow-x: auto; }

.user-quasi-avatar {
  display: inline-block;
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: darkblue;
  text-align: center;
  font-size: 14px;
  color: white; }

/**** CKEDITOR ****/
/* This only affects the underlying textarea, when ckeditor loads it does its own thing. */
.html-editor {
  width: 100%;
  border-color: #d0d0d0; }

body .cke_chrome {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d5d5d5; }

body .cke_combo_button,
body .cke_toolgroup {
  border-color: #ccc; }

.ui-btn {
  cursor: pointer; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.row {
  margin-bottom: .625em; }

.move-right {
  float: right; }

.center-block {
  margin: 0 auto;
  display: block; }

.checkboxes-left {
  position: relative;
  display: block;
  margin-left: 20px; }

.checkboxes-left label {
  cursor: pointer;
  display: inline-block; }

.checkboxes-left input[type="checkbox"] {
  position: absolute;
  margin-left: -20px; }

[data-href] {
  cursor: pointer; }

.checkbox--disabled {
  pointer-events: none; }

.m-0 {
  margin: 0 !important; }

.d-block {
  display: block; }

.w-50 {
  width: 50%; }

.w-100 {
  width: 100% !important; }

.d-inline-block {
  display: inline-block !important; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.text-smaller {
  font-size: .9em; }

.text-muted {
  color: #6c757d; }

.btn-dropdown {
  position: relative; }

.btn-dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  z-index: 100;
  min-width: 10rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  border-radius: .25rem;
  border: 1px solid rgba(0, 0, 0, 0.15); }

.dropdown-menu .show {
  display: block; }

.btn-dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  white-space: nowrap; }

.btn-dropdown > .btn-dropdown__btn:focus + .dropdown-menu,
.btn-dropdown .dropdown-menu:hover {
  display: block; }

.btn-dropdown .dropdown-item input {
  float: none;
  vertical-align: middle; }

.help-text {
  font-size: 0.75rem; }

.text-danger {
  color: #dc3545 !important; }

.dataTable.table-hover tr:hover,
.dataTable.table-hover tr:hover td {
  background-color: #ddd; }

.dataTable.table--clickable tr {
  cursor: pointer; }

.ml-2 {
  margin-left: 12px; }

.mr-2 {
  margin-right: 12px; }

.ml-3 {
  margin-left: 16px; }

.mr-3 {
  margin-right: 18px; }

body.app .app-form-group > label {
  float: none; }

.app-form-group {
  margin-bottom: 1rem; }

.app-form-control {
  width: 100%;
  padding: 10px 8px 10px;
  border: 1px solid #d9d9d9;
  display: block;
  font-size: 1rem; }

body .clean-form input.app-form-control-file,
.app-form-control-file {
  line-height: 1;
  font-size: inherit; }

img.app-form-control__img-preview.fluid,
.app-form-control__img-preview {
  object-fit: contain;
  width: 200px; }

.save-room-submit-btn {
  width: 20%; }

.app-form-control--hosted-field {
  height: calc(1.5rem + 19px);
  padding: 0; }

.app-form-control.select2-container-active {
  border-color: #5897fb; }

.app-form-control.select2-container-multi {
  padding: 0; }
  .app-form-control.select2-container-multi .select2-choices {
    padding: 7px 0;
    border: 0 !important;
    box-shadow: none; }
  .app-form-control.select2-container-multi .select2-search-field > input {
    margin: 0 !important; }
  .app-form-control.select2-container-multi .select2-search-field {
    width: 1px; }

.mb-2 {
  margin-bottom: 12px; }

.font-weight-normal {
  font-weight: normal; }

.sm-muted-text {
  font-size: 11px;
  color: #6c757d;
  font-style: italic; }

.m-r-2 {
  margin-right: 2px; }

.button-sm span {
  padding: 2px 3px;
  font-size: 12px; }

.display-block {
  display: block; }

.bg-black {
  background-color: black; }

body .clean-form input.text-input-normal {
  padding: 0;
  text-align: center;
  font-size: 1em; }

.initially-hidden {
  display: none; }

input[type=submit][disabled],
input[type=submit].disabled {
  cursor: auto; }

.item-action {
  cursor: pointer; }

.position-static {
  position: static; }

.noscroll {
  overflow: hidden; }

.outline-none {
  outline: none; }

#doc-viewer {
  overflow: hidden; }

#doc-viewer .row {
  background-color: white; }

.binder-toolbar {
  display: block;
  z-index: 9999;
  position: fixed;
  right: 55px;
  top: 10px; }
caption, td, th {text-align: left;}

.no-print         { display: none; }
html .print-only  { display: inline; }

#header, #login-details, #top-menu, #footer { display: none; }

#side-panels { display:none; }
html div#two-column-content { width: auto; float: none; }
html div#page-container { border: none; }

/* Override Blueprint's behaviour of printing the href after each link. */
html a:link:after, html a:visited:after{content:""}
/******* WHOLE PAGE *******/
.container.flexi {
  width: 90%;
  max-width: 1200px; }
  .container.flexi.grid-view {
    max-width: none;
    width: 98%; }
  .container.flexi.surface-overlay {
    max-width: none; }

@media only screen and (max-width: 769px) {
  .container.flexi {
    width: 100%; } }
div#page-container {
  background-color: white;
  border-top: 8px solid #0b2c47;
  padding-top: 2px;
  padding-left: 0;
  padding-right: 0; }

#page-content {
  clear: both;
  padding-bottom: 30px;
  background-color: white; }

body.app a {
  color: #4e6d87; }
body.app a:not(.ui-button):hover {
  text-decoration: underline; }

/******* 2010 STYLING OVERRIDES *******/
body.s-2010 .header {
  border-bottom: none;
  margin-bottom: 0px;
  background: transparent; }
body.s-2010 #page-container {
  padding-top: 0;
  border-top: none !important; }

/******* HEADER *******/
/* See also custom_inside_styles.css.erb */
.header {
  overflow: hidden;
  border-bottom: 1px solid #0B2C47;
  margin-bottom: 1em;
  background-color: white; }

#header {
  position: relative;
  overflow: hidden; }

#header-logo {
  margin: 35px 0 25px 0; }

#header p {
  position: absolute;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 0;
  padding-bottom: 1em;
  bottom: 0;
  right: 5px; }

.floating-banner {
  width: 100%;
  text-align: center;
  background-color: #999;
  float: left;
  color: #eee;
  padding-right: 15px;
  font-size: 1.15em;
  line-height: 1.95em; }
  .floating-banner a {
    color: #fff !important; }

body.s-2021 .floating-banner:not(#mobile-limitations-banner) {
  padding-right: 32px;
  padding-left: calc(270px + 2.285rem); }

@media (min-width: 992px) {
  body.s-2021 #mobile-limitations-banner {
    display: none; } }
@media (max-width: 991px) {
  body.s-2021 #mobile-limitations-banner {
    padding: 10px 15px !important;
    display: flex;
    border-bottom: 1px solid #b3b3b3; } }

#login-details {
  position: absolute;
  top: 0;
  right: 0; }
  #login-details .background {
    width: 100%;
    height: 1.65em;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: white;
    filter: alpha(opacity=50);
    /* For IE */
    opacity: 0.5;
    /* CSS3 */
    z-index: 1; }
  #login-details .content {
    position: relative;
    color: black;
    text-align: right;
    z-index: 2;
    padding: 8px 0 4px 5px; }
    #login-details .content span {
      margin-right: 10px; }
  @media only screen and (max-width: 769px) {
    #login-details .content {
      padding-left: 0; }
    #login-details .omittable {
      display: none; } }
  #login-details select {
    max-width: 275px;
    margin-left: 1px; }

body.s-pre-2019 #login-details a {
  display: inline-block;
  height: 1.65em;
  color: white;
  background-color: #0b2c47;
  padding: 0 5px;
  margin: 0 0;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.65em; }

body.s-2019 #login-details a {
  color: #4798d1;
  /* Overridden by custom_inline_styles */ }

body.s-2021 {
  /** Login Details **/ }
  body.s-2021 #login-details {
    display: none; }
  body.s-2021 #header {
    padding-right: 0; }
  body.s-2021 .btn.btn--topbar {
    box-shadow: none; }
  body.s-2021 .topbar-content__right {
    margin-left: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /** TopbarSearch  **/ }
    body.s-2021 .topbar-content__right .topbar-content__search-input {
      height: 40px;
      border-radius: 20px;
      border: 1px solid #f4f6fa;
      color: #a4a5aa;
      font-size: 16px;
      padding-left: 48px;
      background-repeat: no-repeat;
      background-position-x: 16px;
      background-position-y: 10px;
      background-color: #f7f8f8; }
    body.s-2021 .topbar-content__right .topbar-content__search-submit {
      background-image: url(/images/icons_2021/Search\ Dark.svg);
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      position: absolute;
      left: 16px;
      top: 10px;
      border: 0;
      background-color: inherit;
      cursor: pointer; }
    body.s-2021 .topbar-content__right .topbar-content__search-input:focus {
      outline: none; }
  body.s-2021 #main-sidebar .name-card {
    display: block;
    font-size: 17.5px;
    color: #0b2c47;
    position: relative; }
    body.s-2021 #main-sidebar .name-card span {
      cursor: default; }
    body.s-2021 #main-sidebar .name-card a > span,
    body.s-2021 #main-sidebar .name-card span.with-link,
    body.s-2021 #main-sidebar .name-card .name-card__site_config_select {
      cursor: pointer; }
  body.s-2021 #main-sidebar .name-card__avatar {
    background-color: #8F929C;
    color: #BBBCC1;
    text-align: center;
    margin-top: 5px;
    margin-right: 12px;
    border-radius: 100px;
    font-size: 28px;
    position: absolute;
    padding: 2px;
    line-height: 45px;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: baseline;
    justify-content: center; }
    body.s-2021 #main-sidebar .name-card__avatar[data-length="2"] {
      font-size: 22px; }
  body.s-2021 #main-sidebar .name-card__login,
  body.s-2021 #main-sidebar .name-card__full-name {
    font-size: 16px; }
  body.s-2021 #main-sidebar .name-card__details {
    font-size: 12px;
    display: block;
    margin-left: 60px; }
  body.s-2021 #main-sidebar .name-card__logged_in,
  body.s-2021 #main-sidebar .name-card__login_container,
  body.s-2021 #main-sidebar .name-card__logout_container {
    display: block; }
  body.s-2021 #main-sidebar .name-card__site_config_select {
    width: 90px;
    border: 0;
    font-size: 12px; }
  body.s-2021 #main-sidebar .name-card-container {
    overflow: hidden;
    width: 270px;
    height: 86px;
    transform: translate3d(0, 0, 0);
    transition: width 0.3s, margin 0.3s; }
  body.s-2021 #main-sidebar .name-card {
    margin-left: 0;
    transition: width 0.3s, margin 0.3s; }
  body.s-2021 #main-sidebar .notifications-widget-container {
    position: relative; }
    body.s-2021 #main-sidebar .notifications-widget-container .notifications-widget-inner-container {
      position: absolute;
      top: -4px;
      left: 0; }
  body.s-2021 #main-sidebar .notifications-widget {
    left: 30px;
    top: -5px; }
    body.s-2021 #main-sidebar .notifications-widget .notifications-widget__count {
      font-size: 14px; }
  body.s-2021 #main-sidebar.main-sidebar--minimised .name-card-container {
    width: 65px;
    overflow: hidden; }
  body.s-2021 #main-sidebar.main-sidebar--minimised .name-card {
    margin-left: -14px; }

/* Whiter white for ecourt */
body.ecourt #login-details-background {
  filter: alpha(opacity=90);
  /* For IE */
  opacity: 0.9;
  /* CSS3 */ }

/******* TWO COLUMN LAYOUT *******/
#two-column-content-container {
  margin-left: 25px;
  padding-right: 251px;
  margin-right: -243px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  /* Intention is for this to use the remainder of the width after the sidepanels are shown */ }
  #two-column-content-container h2 {
    margin-top: 8px; }

div#side-panels-container {
  margin-left: 0;
  padding-left: 7px;
  padding-right: 0;
  background-color: white;
  border-left: 1px solid #e9eff3;
  width: 199px;
  margin-right: 10px; }

body.s-2021 #two-column-content-container {
  padding-right: calc(251px + 53px);
  margin-right: calc(-259px - 30px);
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  /* Intention is for this to use the remainder of the width after the sidepanels are shown */ }
  body.s-2021 #two-column-content-container h2 {
    margin-top: 8px; }
body.s-2021 div#side-panels-container {
  width: calc(199px + 30px); }

@media only screen and (max-width: 768px) {
  body.s-2021 #two-column-content-container,
  #two-column-content-container {
    padding: 0 15px !important;
    margin: 0 0 !important; }

  body.s-2021 div#side-panels-container,
  div#side-panels-container {
    float: left;
    border: none;
    margin: 10px 0;
    padding: 0 15px;
    width: 100% !important;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; } }
@media only screen and (min-width: 480px) and (max-width: 768px) {
  div#x-two-column-content-container {
    margin-left: 15px;
    margin-right: 10px; } }
@media only screen and (max-width: 479px) {
  body.s-2021 div#two-column-content-container,
  body.s-2021 div#side-panels-container,
  div#two-column-content-container,
  div#side-panels-container {
    padding: 0 12px; } }
/******* ONE COLUMN LAYOUT *******/
div#one-column-content {
  width: 100%;
  padding: 15px 20px 0 15px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

/******* SPLIT LAYOUT *******/
div#split-two-column-left {
  float: left;
  display: inline;
  width: 40%;
  padding: 12px 2%; }

div#split-two-column-right {
  float: right;
  display: inline;
  width: 52%;
  padding: 22px 2% 12px 0; }

/******* FOLDER NAV LAYOUT *******/
#folder-nav-container {
  float: left;
  display: inline;
  width: 25%;
  background-color: white;
  border-bottom: 1px solid #e9eff3;
  border-right: 1px solid #e9eff3; }
  #folder-nav-container.fullscreen {
    width: 240px;
    margin: 0; }

img.sidepanel-toggler {
  color: #505050;
  border: none;
  height: 20px; }
  img.sidepanel-toggler:focus {
    outline: 0 !important; }

#folder-nav-content-container {
  float: left;
  display: inline;
  position: relative;
  width: 74.75%;
  margin: 0 0 0 -1px;
  border-left: 1px solid #e9eff3; }

#two-column-content #folder-nav-container {
  border-bottom: none; }
#two-column-content .folder-tree-container {
  max-height: none; }

#folder-nav-container .folder-tree-container {
  overflow: auto;
  margin: auto 0 0;
  /* The 'auto' is only there to avoid an IE9 bug:
   * without it, the div grows every time
   * there is a dynamic CSS change within it if
   * there is a horizontal scrollbug.
   * http://stackoverflow.com/questions/5788726/add-remove-css-will-cause-ie9-to-increase-the-tables-height
   */ }

.s-2021 #folder-nav-container .folder-tree-container {
  overflow: visible;
  max-height: unset; }
.s-2021 .folder-tree-container.fit-to-window {
  position: fixed;
  width: 35%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
  border-radius: 0 !important;
  border-right: 1px #bbb0 solid;
  box-shadow: -6px 0px 10px 0px; }
  .s-2021 .folder-tree-container.fit-to-window .app-tile-like__header {
    border-radius: 0 !important;
    height: 48px !important; }
  .s-2021 .folder-tree-container.fit-to-window .app-tile-like__content {
    min-height: calc(100vh - 48px) !important; }
.s-2021 .folder-tree-expand {
  mask-image: url("/assets/icons_2019/actions/Fit To Window.svg");
  -webkit-mask-image: url("/assets/icons_2019/actions/Fit To Window.svg"); }
.s-2021 .folder-tree-restore {
  mask-image: url("/assets/icons_2019/actions/Exit Fit To Window.svg");
  -webkit-mask-image: url("/assets/icons_2019/actions/Exit Fit To Window.svg"); }
.s-2021 .folder-tree-expand,
.s-2021 .folder-tree-restore {
  height: 20px;
  width: 20px;
  margin-top: 8px;
  margin-right: -14px;
  border: 0;
  cursor: pointer;
  float: right; }

#folder-nav-container .folder-tree {
  min-height: 40px;
  margin: 6px 4px 10px 6px; }

#folder-nav-container #side-panels {
  margin: 8px 0 0 0; }

#folder-nav-container #side-panels .side-panel {
  margin-bottom: 0; }

body:not(.s-2021) #folder-nav-content h2, body:not(.s-2021) #folder-nav-content .sub-heading, body:not(.s-2021) #folder-nav-content img.embedded-avatar, body:not(.s-2021) #folder-nav-content .left-indent, body:not(.s-2021) #folder-nav-content p {
  margin-left: 1.2%; }
body:not(.s-2021) #folder-nav-content h2 {
  margin-top: 12px; }
body:not(.s-2021) #folder-nav-content .sub-heading {
  display: block; }
body:not(.s-2021) #folder-nav-content .count-document-message {
  color: grey; }

/******* HEADING STYLES *******/
body:not(.s-2021) h2 {
  font-size: 1.7em;
  margin-bottom: .5em; }
body:not(.s-2021) h2.compact {
  margin-bottom: -2px; }
body:not(.s-2021) .sub-heading {
  font-size: 1.1em;
  margin-bottom: 4px; }
body:not(.s-2021) h3 {
  margin-top: 0.5em;
  font-size: 1.3em; }
body:not(.s-2021) h4 {
  margin-top: 0.4em;
  margin-bottom: 0px;
  font-size: 0.9em;
  font-weight: bold;
  font-variant: small-caps; }

img.embedded-avatar {
  float: left;
  margin: 0px 7px 4px 0;
  max-height: 40px;
  width: auto; }

.s-2021 #one-column-content img.embedded-avatar {
  float: right; }
.s-2021 img.folder-nav-embedded-avatar {
  position: absolute;
  right: 0;
  margin: 0px 7px 4px 0;
  top: 10px;
  max-height: 40px;
  width: auto; }
.s-2021 .two-column-tile-layout-headings .embedded-avatar {
  position: absolute;
  margin: 0px 35px 4px 0;
  right: 40px;
  top: 95px; }
.s-2021 .sub-heading {
  display: flex;
  align-items: center; }
  .s-2021 .sub-heading .breadcrumb {
    margin-left: 0 !important; }

.two-column-tile-layout-headings {
  margin: 25px; }

/******* FORMS ********/
body.app {
  /* Form effects */
  /* Disable padding for nested fieldsets - see fieldset_tag in ApplicationHelper. */
  /* Formtastic Overrides */
  /* jQuery UI sets padding but Formtastic overwrites it. */ }
  body.app fieldset {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 1em; }
    body.app fieldset legend {
      font-weight: bold; }
  body.app fieldset p {
    margin: 6px 0px;
    clear: both; }
  body.app .explanation {
    font-style: italic;
    color: #999; }
  body.app input {
    float: left; }
  body.app input.submit,
  body.app button.submit,
  body.app a.ui-button.submit {
    float: right;
    display: inline;
    margin-left: 4px;
    margin-bottom: 12px; }
  body.app textarea {
    font-family: inherit;
    /* font-size: 1.1em; */ }
  body.app p.create-another {
    float: left; }
  body.app p.create-another label, body.app label.right {
    width: auto;
    float: none; }
  body.app form table td, body.app form table th {
    vertical-align: top; }
  body.app .inline-form label {
    float: none;
    margin-left: 10px; }
  body.app form .indented {
    margin-left: 25px; }
  body.app form select {
    margin-top: 0px;
    /* Override 0.5em top margin from screen.css; perhaps unwise? */
    font-family: 'Muli'; }
  body.app textarea {
    height: auto;
    font-family: inherit; }
  body.app form h2, body.app form h3, body.app form h4 {
    margin-top: 25px; }
  body.app form div.mock-fieldset {
    border: 1px solid #ccc; }
  body.app form a.remove-field,
  body.app form a.small-button {
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: right;
    margin-left: 2px;
    text-decoration: none; }
  body.app form a.remove-field {
    border: none;
    cursor: pointer;
    margin-top: 5px; }
  body.app form button.add-item {
    float: right;
    margin: 12px 0px; }
  body.app form div.half-form {
    float: left;
    display: inline;
    width: 60%; }
  body.app input.with-hint {
    color: #777;
    font-style: italic; }
  body.app form fieldset.outer,
  body.app form div.mock-fieldset {
    padding: 0 0; }
  body.app form fieldset div.inner,
  body.app form div.mock-fieldset div.inner {
    margin: 1.4em; }
  body.app form.formtastic input.ui-button {
    padding: 0.4em 1em; }

body .clean-form label {
  font-weight: bold;
  float: left;
  display: inline;
  width: 8.0em; }
  body .clean-form label .disabled {
    color: #888;
    font-weight: normal; }
  body .clean-form label.checkbox-label, body .clean-form label.radio-label, body .clean-form label.nofloat {
    float: none;
    width: auto; }

/******* HEADERS *******/
/******* FOOTER *******/
#footer {
  position: relative;
  margin-bottom: 30px;
  color: #0B2C47;
  background-color: #f2f2f2; }

#footer {
  padding: 3px 0;
  text-align: center;
  font-size: 1.1em; }

#footer ul {
  margin: 0 5px;
  text-align: center;
  list-style: none; }

#footer ul li {
  display: inline;
  min-width: 5em;
  margin-right: 1.2em; }

#footer a, #footer a:visited {
  text-decoration: none;
  color: #ddd; }

#footer a:hover {
  text-decoration: underline; }

#footer img {
  vertical-align: middle;
  margin-left: 15px; }

#footer #propelr {
  float: right;
  display: inline;
  position: relative;
  margin-right: 38px;
  color: #888; }

#footer #propelr a {
  color: #888; }

#footer #propelr a:hover {
  color: #ddd; }

#footer #propelr img {
  position: absolute;
  top: -12px;
  right: -30px; }

#footer.footer-low_profile_1 {
  font-size: 0.9em; }
  #footer.footer-low_profile_1 #header-logo {
    margin: 30px 0 25px 5px; }

/******* MISC *******/
.print-only {
  display: none; }

pre {
  font-family: monospace; }

/******* FORM ERRORS ********/
div.errorExplanation {
  border: 2px dotted #ffd0d0;
  background-color: #ffefef;
  padding: 15px 25px 10px;
  margin: 15px 0px;
  color: #555; }

div.errorExplanation h2 {
  font-size: 1.7em;
  color: #933;
  margin: 0px 0px 0.5em; }

div.errorExplanation p {
  margin: 0 0 0.3em 0; }

div.fieldWithErrors {
  display: inline; }

article#signup .inner form div.fieldWithErrors input[type=text],
div.fieldWithErrors input,
div.fieldWithErrors textarea {
  background-color: #ffefef; }

/******* TOP MENU *******/
#top-menu ul a,
.top-menu-link {
  text-decoration: none;
  display: block;
  color: #92c5cf;
  font-size: 87.5% !important;
  padding: 2px 15px 0 !important;
  /* Note: Overridden by custom_inside_styles.css */
  border: 1px solid #92c5cf;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  min-width: 50px;
  margin: 3px;
  line-height: 2em;
  height: 2em; }

#top-menu {
  font-weight: bold;
  width: auto;
  padding: 0 10px 0 25px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  #top-menu > div {
    clear: both;
    border-bottom: 1px solid #e9eff3;
    padding-bottom: 5px;
    overflow: hidden;
    margin-top: 5px; }
    #top-menu > div:last-child {
      border-bottom: 0px;
      padding-bottom: 12px; }
  #top-menu ul {
    list-style: none;
    margin-left: -4px;
    padding: 0px; }
    #top-menu ul li {
      float: left;
      _width: 1px;
      /* Only for IE6: Give the li a width, otherwise it takes 100% */
      padding: 0px;
      margin: 0px 0px 0px 1px;
      white-space: nowrap; }
  #top-menu ul li.right {
    float: right; }
  #top-menu ul a:hover, #top-menu #top-menu li.selected a {
    background-color: #258ca0;
    color: #fff;
    border: 1px solid #258ca0; }
  #top-menu a {
    position: relative;
    z-index: auto; }

/******* 2010 STYLING - TOP MENU *******/
#top-menu-2010 {
  float: left;
  width: 100%;
  background-color: white; }
  #top-menu-2010 div {
    padding: 0px 0px;
    margin-top: 1px;
    background: #ccc;
    height: 1.8em; }
  #top-menu-2010 div.first {
    margin-top: 0px; }
  #top-menu-2010 ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    /* A spacer used to define a min width for menu links.  Required
     * since IE6 doesn't support min-width at all. */ }
    #top-menu-2010 ul li {
      float: left;
      _width: 1px;
      /* Only for IE6: Give the li a width, otherwise it takes 100% */
      padding: 0px;
      margin: 0px 0px 0px 1px; }
    #top-menu-2010 ul li.first {
      margin-left: 0px; }
    #top-menu-2010 ul li.right {
      float: right;
      text-align: right; }
    #top-menu-2010 ul a {
      text-decoration: none;
      display: block;
      padding-left: 13px;
      padding-right: 10px;
      color: #555;
      /* Note: Overridden by custom_inside_styles.css */
      line-height: 2em;
      height: 1.8em; }
    #top-menu-2010 ul a div.spacer {
      width: 100px;
      visibility: hidden;
      /* Ideally we want a zero-height spacer, but IE6 can't do zero-height divs,
       * so we make a fixed height div then offset it so that it doesn't take space. */
      font-size: 1px;
      height: 3px;
      margin-top: -3px; }
    #top-menu-2010 ul a:hover, #top-menu-2010 ul li.selected a {
      background-color: #85a5da;
      /* Note: overridden by custom_inside_styles */
      color: #fff; }
    #top-menu-2010 ul a:hover {
      text-decoration: underline; }
  #top-menu-2010 a {
    position: relative;
    z-index: auto; }

/******* ARROWS FOR TOP MENU *******/
#top-menu-2010 .down-arrow {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -8px; }
  #top-menu-2010 .down-arrow table {
    border-collapse: separate; }

#top-menu-2010 .down-arrow table.body {
  width: 14px;
  border-width: 7px 7px 0px 7px;
  border-color: #85a5da transparent;
  /* Note: overridden by custom_inside_styles */
  border-style: solid;
  position: absolute;
  left: 1px; }

#top-menu-2010 .down-arrow table.outline {
  width: 16px;
  border-width: 8px 8px 0px 8px;
  border-color: white transparent;
  border-style: solid;
  position: absolute; }

#top-menu-2010 .down-arrow td {
  width: 0px;
  height: 0px;
  padding: 0px 0px; }

#top-menu-2010 .right-arrow {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -8px; }
  #top-menu-2010 .right-arrow table {
    border-collapse: separate; }

#top-menu-2010 .right-arrow table.body {
  width: 8px;
  height: 14px;
  border-width: 7px 0px 7px 7px;
  border-color: transparent #85a5da;
  /* Note: overridden by custom_inside_styles */
  border-style: solid;
  position: absolute;
  top: 1px; }

#top-menu-2010 .right-arrow table.outline {
  width: 8px;
  height: 16px;
  border-width: 8px 0px 8px 8px;
  border-color: transparent white;
  border-style: solid;
  position: absolute; }

#top-menu-2010 .right-arrow td {
  width: 0px;
  height: 0px;
  padding: 0px 0px; }

/******* LEFT MENU *******/
#left-menu {
  float: left;
  width: 100%; }

#left-menu ul a {
  text-decoration: none;
  display: block;
  padding-left: 10px;
  color: #818181;
  border-bottom: 1px solid #D8DCDE; }

#left-menu li {
  display: inline; }

#left-menu ul a:hover, #left-menu li.selected a {
  background-color: #527B93;
  color: #fff; }

#left-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  line-height: 2.5em; }

#left-menu li li a, #left-menu li.selected li a {
  padding-left: 40px;
  line-height: 2em;
  background-image: url(/images/bglili.jpg);
  background-repeat: no-repeat;
  background-color: #EEF6E1;
  color: #818181;
  height: 23px; }

#left-menu li li, #left-menu li.selected li {
  border-bottom: none; }

#left-menu li li a:hover, #left-menu li li.selected a {
  background-image: url(/images/bglilihover.jpg);
  background-color: #8EACB2;
  color: #fff; }

#left-menu li li li a, #left-menu li li.selected li a {
  background-color: #FAF0F8;
  padding-left: 60px;
  background-image: url(/images/bglilili.jpg);
  color: #818181; }

#left-menu li li li, #left-menu li li.selected li {
  border-top: none; }

#left-menu li li li a:hover, #left-menu li li li.selected a {
  background-image: url(/images/bglililihover.jpg);
  background-color: #B3CAE6;
  color: #fff; }

#left-menu li.selected ul {
  display: block; }

#left-menu ul ul, #left-menu li.selected ul ul {
  display: none; }

#left-menu li li.selected ul {
  display: block; }

/******* ROUNDED CORNER DIVS ********/
/*
table.rounded th, table.rounded td { padding: 0 0;}
*/
/* * html div.rounded { zoom: 1; display: inline; }  */
/* IE6 */
/* div.rounded div.content { *zoom: 1; *display: inline; *padding-top: 8px;} */
/* IE6&7 */
div.rounded {
  position: relative; }

.corner-topleft {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-position: left top; }

.corner-topright {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-position: right top; }

.corner-bottomleft {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: left bottom; }

.corner-bottomright {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-position: right bottom; }

div.rounded div.content {
  margin: 10px 10px;
  padding: 12px 15px;
  zoom: 1;
  background: none;
  min-height: 25px; }

#top-menu .corner {
  z-index: -1000; }

/* Some forms are in rounded boxes; if so, remove any decoration from their fieldsets. */
div.rounded fieldset {
  padding: 0 0;
  margin: 2px 0;
  border: none; }

/******* STYLE FIELDSETS *********/
div.fieldset {
  margin-bottom: 6px; }

/******* SIDE PANELS *******/
div.side-panel {
  margin-bottom: 12px;
  background: white;
  /* May be overridden by custom_inside_styles */
  overflow: hidden; }

div.side-panel h6 {
  color: #0B2C47;
  margin: 0;
  padding: 6px 5px 2px 5px;
  text-transform: uppercase;
  background-color: white;
  /* May be overridden by custom_inside_styles */
  cursor: pointer; }
  div.side-panel h6 a.show {
    display: none; }
  div.side-panel h6 a.hide {
    display: inline; }

div.side-panel.collapsed h6 a.show {
  display: inline; }
div.side-panel.collapsed h6 a.hide {
  display: none; }

div.side-panel div.content p,
div.side-panel div .padded {
  padding: 2px 6px 6px;
  margin-top: 6px;
  margin-bottom: 0px; }

div.side-panel div.content ul,
div.side-panel-like div.content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0; }
  div.side-panel div.content ul li,
  div.side-panel-like div.content ul li {
    width: 100%;
    overflow: hidden; }
  div.side-panel div.content ul a,
  div.side-panel-like div.content ul a {
    color: #258CA0;
    line-height: 1.8em;
    padding: 5px 6px;
    display: block;
    text-decoration: none;
    cursor: pointer; }
  div.side-panel div.content ul a:hover,
  div.side-panel-like div.content ul a:hover {
    text-decoration: none; }

div.side-panel div.content li div.controls,
div.side-panel-like div.content li div.controls {
  float: right; }
div.side-panel div.content li a .icon-container,
div.side-panel-like div.content li a .icon-container {
  margin-top: 3px;
  border: 2px solid transparent; }
  div.side-panel div.content li a .icon-container:hover,
  div.side-panel-like div.content li a .icon-container:hover {
    background-color: white;
    border-color: white; }
div.side-panel div.content li a:hover .ui-icon,
div.side-panel-like div.content li a:hover .ui-icon {
  background-image: url(/images/images/ui-icons_ffffff_256x240.png); }
div.side-panel div.content li a:hover .ui-state-hover .ui-icon,
div.side-panel-like div.content li a:hover .ui-state-hover .ui-icon {
  background-image: url(/assets/images/ui-icons_454545_256x240-3d0c4db0cb8bf28ad866d2e433f62c74.png); }

.theme-2020 div.side-panel div.content li a .icon-container,
.theme-2020 div.side-panel-like div.content li a .icon-container {
  margin-top: 0; }

div.side-panel div.content .select2-container a:hover {
  color: #444 !important; }

#mini-header-bg .close-btn,
.side-panel .show-hide {
  float: right;
  display: inline;
  margin: 4px 3px 0 0;
  width: 12px;
  height: 12px;
  padding: 0 0;
  line-height: 12px;
  text-align: center;
  border: 1px solid #b9b9b9;
  color: #ccc !important;
  cursor: pointer; }
  #mini-header-bg .close-btn:hover,
  .side-panel .show-hide:hover {
    text-decoration: none;
    color: #333;
    background-color: white;
    border-color: white; }

body.s-2021 .side-panel .show-hide {
  margin: 8px 8px 0 0;
  border: 0; }
  body.s-2021 .side-panel .show-hide.hide svg {
    transform: scale(1.25) rotate(-90deg); }
  body.s-2021 .side-panel .show-hide.show svg {
    transform: scale(1.25) rotate(90deg); }
  body.s-2021 .side-panel .show-hide:hover {
    background-color: transparent; }

.side-panel .full-width-button,
.side-panel .half-width-button-left,
.side-panel .half-width-button-right {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 1em;
  margin: 4px 0; }
.side-panel .full-width-button {
  width: 100%; }
.side-panel .half-width-button-left,
.side-panel .half-width-button-right {
  width: 48%; }
.side-panel .half-width-button-left {
  float: left; }
.side-panel .half-width-button-right {
  float: right; }

/******* TABLES ETC *******/
body.app table.with-buttons {
  margin-bottom: 6px; }
  body.app table.with-buttons td {
    vertical-align: middle; }
  body.app table.with-buttons .ui-button {
    margin-bottom: 5px; }
body.app table.fill-width {
  width: 100%; }
body.app td, body.app th {
  padding: 3px; }
body.app th {
  font-weight: bold; }

tr.odd_row {
  background-color: #f3f3f3; }

tr.even_row {
  background-color: #fff; }

body table, td, th {
  vertical-align: top; }

table.dataTable {
  padding-top: 5px; }
  table.dataTable th, table.dataTable td {
    vertical-align: top; }

.dense-table {
  width: 100%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 25px; }
  .dense-table td.odd-row, .dense-table td.even-col,
  .dense-table th.odd-row, .dense-table th.even-col {
    background-color: #f0f0f0; }
  .dense-table td.even-col-odd-row {
    background-color: #e0e0e0; }
  .dense-table td {
    text-align: center; }
  .dense-table .simple-header th {
    background-color: #888;
    color: white;
    text-align: center; }

table.two-column td, table.two-column th {
  width: 50%; }

table.three-column td, table.three-column th {
  width: 33%; }

/****** UPDATES ******/
ul.updates {
  margin: 0 0;
  list-style: none; }

ul.updates li.update {
  margin: 8px 0;
  position: relative;
  background-color: #f9f9f9;
  box-shadow: 1px 1px 6px 1px #e0e0e0;
  padding: 3px 6px 8px 6px; }
  ul.updates li.update.tile-hover:hover {
    padding-left: 4px;
    background-color: #f9f9f9; }

ul.updates li.update h3 {
  padding: 0 0 0 12px;
  margin-bottom: 9px;
  font-size: 1.2em;
  font-weight: bold; }

ul.updates li.update div.content {
  margin: 10px 12px 4px; }

ul.updates li.update div.content p {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

ul.updates li.update div.content div {
  margin: 0; }

ul.updates li div.details {
  float: right;
  display: inline;
  padding: 7px 12px 5px;
  color: #666;
  text-align: right; }

ul.updates li div.controls {
  clear: right;
  float: right;
  display: inline;
  margin: 2px 2px; }

ul.updates li .button {
  display: block;
  min-width: 135px;
  margin: 4px 4px; }

* html ul.updates li .button {
  width: 135px;
  /* For IE6 (I think, that's the intention anyway) */ }

ul.updates li.new_documents ul {
  margin: 0 0; }

ul.updates li.new_documents img.lone-image {
  float: left;
  display: inline; }

ul.updates li.new_documents table {
  float: right;
  display: inline;
  width: 1%; }

/****** GENERAL STYLES ******/
.money-value, .numeric-value {
  text-align: right; }

label.disabled {
  color: #999; }

/* The 'make_long_words_breakable' helper injects space-containing spans into long words
 * to make them breakable.  We want those spans to be invisible. */
span.long-word span {
  font-size: 0px;
  width: 0px;
  overflow: hidden;
  zoom: 1;
  /* trigger hasLayout in IE so that width works. */ }

span.help-link span.help-link-inner {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  margin-left: 6px;
  margin-right: 6px;
  border: 0; }
  span.help-link span.help-link-inner span {
    font-size: 13px; }

/* Tag effect */
.tag {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
  color: black;
  white-space: nowrap; }

.tag, .tag span {
  background-image: url(/images/autocomplete_advanced/token.gif);
  background-repeat: no-repeat; }

.tag span {
  background-position: top right;
  display: block; }

.tag span span {
  background-position: bottom right; }

.tag span span span {
  background-position: bottom left; }

.tag span span span span {
  background-image: none;
  padding: 4px 6px 4px 6px; }

/* a.tag:hover{text-decoration:none;} */
.tag span.x {
  background-image: url(/images/transparent_shim.gif);
  display: inline;
  margin: 0 0;
  padding: 0 0; }

.tag:hover, .tag:hover span {
  background-image: url(/images/autocomplete_advanced/token_hover.gif);
  text-decoration: none; }

table.tag-table td, table.tag-table th {
  vertical-align: middle; }

/* Audit */
table.audit-summary {
  width: auto; }

table.audit-summary .tag {
  min-width: 5.5em;
  text-align: center; }

table.audit-summary .tag {
  width: 100%; }

table.audit-summary th {
  width: 20%; }

table.audit-summary td {
  padding: 2px 7px; }

table.audit-summary td, table.audit-summary th {
  vertical-align: middle; }

/* Popup datepickers */
.ui-datepicker {
  z-index: 6000 !important; }

.ui-timepicker-div dl {
  text-align: left; }

/* Popup windows */
div.ui-dialog-content {
  text-align: left; }

/* position: relative;} */
.ui-dialog .ui-dialog-buttonpane div.ui-dialog-buttonset {
  float: none; }

/* Reset normal behaviour, which is to float right. */
div.ui-dialog-buttonset button {
  float: right; }

/* Put most buttons on the right. */
div.ui-dialog-buttonset button.auxiliary {
  float: left;
  margin-left: 0.5em; }

/* But auxiliary ones on the left. */
/* Calendars inside sidepanels */
.side-panel .content .ui-datepicker-inline {
  width: auto; }

/* Stopwatches */
.stopwatch {
  position: relative;
  float: left;
  width: 100%;
  clear: left; }

.stopwatch div {
  float: left;
  display: block;
  text-align: center; }

.stopwatch div label {
  display: none; }

.stopwatch div input, .stopwatch div select {
  width: 85%; }

.stopwatch div.start-time {
  width: 8%; }

.stopwatch div.separator {
  width: 1%; }

.stopwatch div.stop-time {
  width: 8%; }

.stopwatch div.running-time {
  width: 8%; }

.stopwatch div.billable-time {
  width: 5%;
  font-color: #999;
  font-style: italic; }

.stopwatch div.narrative {
  width: 30%;
  text-align: left; }

.stopwatch div.activity {
  width: 24%;
  text-align: left; }

.stopwatch div.controls {
  width: 13%; }

.stopwatch div.controls .destroy-control {
  position: absolute;
  right: 6px;
  top: 9px;
  font-size: 8px;
  text-decoration: none;
  color: #999;
  padding: 3px 6px; }

.stopwatch div.controls .destroy-control:hover {
  color: white;
  background-color: #555; }

.stopwatch div.errors {
  color: #c33;
  font-weight: bold;
  clear: left;
  padding: 3px 4px;
  width: 95%;
  text-align: left; }

.stopwatch div.gap {
  border: 1px solid white;
  border-right: none;
  background-color: #e9e9e9;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 0px;
  margin-top: -0.95em;
  font-size: 0.8em;
  padding: 1px 2px; }

#stopwatch-summary li.stopwatch {
  font-size: 0.9em;
  width: 100%; }

#stopwatch-summary li.stopwatch form {
  padding: 5px 5px; }

#stopwatch-summary li div {
  padding: 0 0;
  margin: 0 0; }

#stopwatch-summary li div input, #stopwatch-summary .stopwatch div select {
  height: 1.7em; }

#stopwatch-summary li div input[type=button] {
  height: auto; }

#stopwatch-summary li div input {
  height: 1.1em;
  margin-bottom: 3px; }

#stopwatch-summary li div.start-time {
  width: 60px; }

#stopwatch-summary li div.separator {
  width: 5px; }

#stopwatch-summary li div.stop-time {
  width: 60px; }

#stopwatch-summary li div.running-time {
  width: 65px;
  float: right;
  font-weight: bold;
  font-size: 1.1em; }

#stopwatch-summary li div.billable-time {
  display: none; }

#stopwatch-summary li div.narrative {
  display: none; }

#stopwatch-summary li div.activity {
  clear: left;
  width: 125px;
  text-align: left; }

#stopwatch-summary li div.activity select {
  width: 100%; }

#stopwatch-summary li div.controls {
  width: 65px;
  float: right; }

#stopwatch-summary li div.controls .destroy-control {
  display: none; }

#stopwatch-summary li div.errors {
  color: #c33;
  font-weight: bold;
  clear: left;
  padding: 2px 0px; }

#stopwatch-summary li div.gap {
  display: none; }

#stopwatch-summary li.stopwatch-with-errors {
  background-color: #f0cacc; }

/* Timesheets */
ul.timesheet {
  list-style: none;
  margin: 0 0; }

ul.timesheet li {
  background-color: #e9e9e9;
  margin: 0 0 1px 0;
  padding: 10px 5px 7px; }

ul.timesheet li.stopwatch-header {
  background-color: #555;
  color: white;
  font-weight: bold; }

ul.timesheet li.stopwatch-with-errors {
  background-color: #f0cacc; }

.ui-datepicker .timesheet-submitted a {
  color: #393; }

.ui-datepicker .timesheet-not-submitted a {
  color: #b33; }

/* Activation screen */
body.activation fieldset input {
  width: 3.5em; }

body.activation fieldset input.submit {
  float: right;
  display: inline;
  width: 8em; }

body.activation fieldset {
  *padding-top: 12px; }

body.activation fieldset input.submit {
  *margin-top: -24px; }

/* Link auth token form (see UsersController#link_authentication_token) */
fieldset.link-auth-token input#otp {
  width: 55%;
  height: 18px;
  border: 1px solid #ccc;
  padding: 1px 3px 1px 19px;
  background: white url("images/auth_token_tiny.png") no-repeat left; }

/* Invitations Form */
.invitee {
  clear: left;
  display: inline;
  margin: 0 0 12px; }

body.app .invitee p {
  clear: none;
  float: left;
  display: inline;
  width: 49%;
  margin: 0; }

.invitee input.invitee-name,
.invitee input.invitee-email {
  width: 98%; }

.invitee .simple-error {
  clear: left;
  color: #a00;
  margin: 3px 0; }

/***** LICENCE SCREENS ******/
table#licence-overview colgroup.vertical-header {
  width: 33%; }
table#licence-overview th, table#licence-overview td {
  vertical-align: top; }

span.room-destruction-overdue {
  font-weight: bold;
  color: #aa0000; }

/***** ADMIN SCREENS *****/
button.list-member {
  margin: 0px 1px 5px 0px; }

/***** PEOPLE LISTING ******/
#people-query-container {
  margin-right: 6px;
  margin-bottom: 8px; }

#people-query {
  width: 100%;
  margin-right: -5px;
  border: 1px solid #ccc;
  height: 20px;
  padding: 3px 1px 1px 4px;
  font-size: 1.1em; }

.person div div div div.content {
  padding-right: 0; }

.person div.rooms {
  margin-top: 4px;
  font-style: italic; }

.person div.controls {
  clear: right;
  float: right;
  display: inline;
  margin: 2px 2px; }

.person div.controls .button {
  /*
  display: block;
  min-width: 135px;  
  margin: 4px 4px;
  */ }

/***** APP SELECTION ******/
.app-selection-box {
  margin-bottom: 8px; }

.app-blurb {
  display: block;
  margin: 6px 8px 2px 30px;
  color: #333;
  font-style: italic; }

.app-disclaimer {
  color: #c45e56; }

.app-is-beta, .for-internal-use {
  font-size: 8px;
  padding: 0 2px;
  border: 1px solid #808080;
  border-radius: 6px;
  color: #FFF;
  background: #808080;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 3px;
  line-height: 1.5; }

/***** TASKS ******/
.inline-task-form .textarea-wrapper {
  margin-right: 12px; }

.inline-task-form textarea {
  width: 100%; }

ul.task-list {
  margin: 4px 0 6px 2px; }

.task-list li {
  margin-bottom: 2px; }

div div.mini-task-list-container ul.task-list {
  margin: 4px 0 3px 2px; }

.task-list label {
  font-weight: normal; }

.task-list li.completed span {
  color: #777;
  text-decoration: line-through; }

.task-list li span.details {
  display: block;
  margin-left: 24px;
  color: #666;
  font-style: italic;
  font-size: 0.9em; }

/* .mini-task-list-container li span.details { display: none; } */
.completed-tasks-heading {
  margin-top: 8px; }

ul.task-list {
  list-style: none; }

/* Embedded documents in task forms */
form.task div.folder-list-view ul.folder li .name {
  width: auto; }

form.task div.folder-list-view ul.folder {
  clear: none; }

/***** TASKS LAYOUT *****/
.inline-fields {
  display: inline-block; }
  .inline-fields > div {
    display: inline-block; }
  .inline-fields > div {
    margin-right: 1em; }

#task-tabs fieldset {
  padding: 0;
  border: 0; }
  #task-tabs fieldset > ol > li:last-child {
    margin: 0; }

.task-document div.folder-list-view li {
  line-height: 1.7em !important; }
  .task-document div.folder-list-view li input.f-entry, .task-document div.folder-list-view li span.item-tag,
  .task-document div.folder-list-view li span.size {
    display: none !important; }
  .task-document div.folder-list-view li .icon-container .ui-state-default {
    border: none;
    background: none; }

/* Embedded documents in task lists */
ul.task-list div.folder-list-view ul.folder li .name {
  width: auto; }

/****** STATUS POSTS ******/
form.inline-status {
  margin-bottom: 10px; }

form.inline-status textarea {
  width: 100%; }

/******* CALENDAR ********/
#page-container .fc-header {
  margin: 0 0; }

#page-container td.fc-header-left,
#page-container td.fc-header-right {
  vertical-align: bottom; }

#page-container .fc-button {
  margin-bottom: 4px; }

#page-container .fc-header-title h2 {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 0px;
  font-variant: small-caps; }

#page-container .fc-other-month .fc-day-number {
  opacity: 1;
  filter: alpha(opacity=100); }

/***** AUDIT DETAIL *****/
table.audit-detail .date {
  width: 7em; }

table.audit-detail .time {
  width: 5em; }

/***** REPORTS *****/
.report-list th, .report-list td {
  vertical-align: middle; }

.report-list .name {
  width: 35%; }

.report-list .controls {
  width: 60%; }

.report-audit-detail .date {
  width: 7em; }

.report-audit-detail .time {
  width: 5em; }

/***** ROOM REPORTS *****/
.report-file-transfer-container {
  margin: 10px;
  padding: 10px;
  display: grid; }

/***** DASHBOARD ******/
.dashboard-tables table {
  width: 100%; }

/***** INVOICES ******/
table.invoice td {
  vertical-align: top; }
  table.invoice td p {
    margin: 0 0; }

.omittable-invoice-line {
  color: #888; }

/**** QUESTIONNAIRES ****/
ul#questions {
  margin: 15px 0 15px 0;
  list-style: none; }

.question textarea {
  margin-top: 0px; }

/**** SUGGESTED ACTIONS ****/
.suggested-actions {
  margin-top: 30px; }
  .suggested-actions table {
    width: 100%; }
    .suggested-actions table td {
      width: 50%; }

.suggested-actions h3 {
  margin-bottom: 3px;
  text-align: center; }

.suggested-actions .action {
  width: 100%;
  height: 100%;
  margin: 0 0;
  min-height: 6.5em; }

.suggested-actions .action .content {
  padding: 10px 0px 0px;
  color: white; }

.suggested-actions .button {
  float: right;
  display: inline;
  margin: 0 0 0 8px; }

/*** DATATABLES ***/
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  float: none;
  display: inline;
  width: auto;
  font-weight: normal; }
.dataTables_wrapper .dataTables_length input,
.dataTables_wrapper .dataTables_filter input {
  float: none; }

.dataTables_wrapper thead th {
  background-color: #FFF;
  color: #353738; }

table.dataTable {
  border-collapse: collapse; }
  table.dataTable thead th {
    border: 1px solid #dee2e6 !important;
    font-weight: 700 !important; }
  table.dataTable thead th:first-child {
    border-left: none !important; }
  table.dataTable thead th:last-child {
    border-right: none !important; }
  table.dataTable tbody tr {
    background-color: #FFF !important;
    border: solid;
    border-width: 0.1px 0;
    border-color: #dee2e6; }
    table.dataTable tbody tr td.sorting_1,
    table.dataTable tbody tr td.sorting_2,
    table.dataTable tbody tr td.sorting_3 {
      background-color: #FFF !important; }
    table.dataTable tbody tr:hover,
    table.dataTable tbody tr td.sorting_1:hover,
    table.dataTable tbody tr td.sorting_2:hover,
    table.dataTable tbody tr td.sorting_3:hover {
      background-color: #F8F8F8 !important; }
    table.dataTable tbody tr:first-child {
      border-top: none; }
    table.dataTable tbody tr:last-child {
      border-bottom: none; }

/** OVERLAY TO HIDE CONTENTS UNTIL TERMS ARE ACCEPTED **/
#dark-curtains {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  z-index: 99; }

.terms-acceptance-backdrop {
  opacity: 0.85 !important; }

/** Text-height spiner **/
.small-spinner {
  height: 1em;
  width: 1em; }

/**** OLD LOGIN FORM ****/
#login-form {
  display: block;
  width: 500px;
  margin: 60px auto;
  background-color: #3c566c; }

@media only screen and (max-width: 769px) {
  #top-menu ul li.right {
    float: left; } }
@media only screen and (min-width: 480px) and (max-width: 769px) {
  div#top-menu {
    padding: 0 15px; } }
@media only screen and (max-width: 479px) {
  div#folder-nav-container,
  div#folder-nav-content-container {
    float: none;
    width: auto; }

  div#top-menu {
    padding: 0 15px; }
    div#top-menu ul {
      display: flex;
      flex-flow: row wrap;
      font-size: 0.9em; }
      div#top-menu ul li {
        float: none;
        flex-basis: 25%;
        flex-grow: 1; }
        div#top-menu ul li a {
          padding: 2px 8px;
          min-width: auto;
          margin: 3px;
          line-height: 2.0em;
          height: 2.0em;
          position: relative; }

  ul.updates img.lone-image {
    width: 244px;
    height: auto; }
  ul.updates div.folder-icon-view ul li {
    float: none; }

  .no-phones {
    display: none; } }
/**** APPROVAL REQUESTS ****/
.approvals .approved {
  color: green; }

.approvals .disapproved {
  color: red; }

/**** Q&A ****/
#answer-form-top {
  margin-bottom: 0; }
  #answer-form-top textarea {
    margin-bottom: 0; }

#answer-form-mid {
  margin-bottom: 9px; }

/**** CROSS REFERENCES (currently only in portfolios section) ****/
span.cross-ref {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0 0;
  margin: -0.3em 2px 2px;
  height: 12px;
  width: 12px;
  background-color: #aaa;
  color: white;
  font-size: 8px;
  line-height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  behavior: url("/stylesheets/PIE.htc"); }

/* DISABLE DEFAULT iPad POPUP MENU
 * We have our own long-tap handler for elements that have
 * context menus and we don't want our custom context menus
 * and the Safari ones popping up.
 */
.has_context_menu {
  -webkit-touch-callout: none !important; }
  .has_context_menu a {
    -webkit-user-select: none !important; }

/**** D3 Charts Default Tooltip Style ****/
div.d3-tooltip {
  position: absolute;
  text-align: center;
  cursor: arrow;
  padding: 5px 8px;
  font: 12px sans-serif;
  background: black;
  color: white;
  border: 0px;
  border-radius: 8px; }

/**** Search Page ****/
.search-title,
.search-errors {
  margin-left: 3px; }

.search-simple {
  padding-top: 10px; }

/**** CUSTOM RECORD EDITOR ****/
.record-controls {
  float: right;
  text-align: right; }
  .record-controls a {
    display: block; }

/***** D3 LEGENDS *****/
.legend-controls {
  float: right;
  position: absolute;
  text-align: right; }

/***** BLOG *****/
.blog-post .blog-published_at,
.blog-post .blog-updated_at {
  font-size: 0.85em; }
.blog-post .blog-updated_at {
  font-style: italic; }
.blog-post .blog-banner {
  display: block;
  max-width: 100%; }

.blog-divider:last-child {
  display: none; }

/***** FEEDBACK *****/
.feedback-panel .feedback-controls {
  margin-top: 6px;
  text-align: center; }
.feedback-panel .feedback-btn {
  margin: 5px 5px;
  cursor: pointer;
  color: #999; }
  .feedback-panel .feedback-btn.deselected {
    color: #ccc;
    /* The not-chosen options */ }
  .feedback-panel .feedback-btn:hover, .feedback-panel .feedback-btn.deselected:hover {
    color: #777; }
  .feedback-panel .feedback-btn.selected, .feedback-panel .feedback-btn.selected:hover {
    color: #333; }
.feedback-panel .comment-wrapper {
  padding: 6px; }
.feedback-panel .info-message {
  font-size: 14px;
  line-height: 1.4em; }
.feedback-panel .comment-box {
  width: 100%;
  padding: 4px;
  font-size: 13px;
  margin-top: 5px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
.feedback-panel .submit-btn {
  font-size: 14px;
  width: 100%; }

.tile-button {
  cursor: pointer; }

.tile-button__icon {
  padding: 7.5px; }

.tile {
  border-style: solid;
  border-color: #bbb;
  background-color: white;
  box-shadow: 1px 1px 6px 1px #e0e0e0;
  padding: 12px 12px; }
  .tile.tile-left-border {
    border-left-width: 4px; }
    .tile.tile-left-border.tile-hover:hover {
      border-left-width: 6px;
      padding-left: 10px;
      background-color: #fcfcfc; }
  .tile.tile-top-border {
    border-top-width: 4px; }

.start-menu-sections #room-search-wrapper {
  float: none;
  width: auto;
  height: 40px;
  margin-top: 10px; }
  .start-menu-sections #room-search-wrapper #room-search,
  .start-menu-sections #room-search-wrapper .icon-container {
    float: right; }
  .start-menu-sections #room-search-wrapper .icon-container {
    margin-top: 2px; }
.start-menu-sections .sub-title {
  margin: 3em 0; }
.start-menu-sections .start-menu-section .show-hide-btn {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer; }
  .start-menu-sections .start-menu-section .show-hide-btn.hide svg {
    transform: scale(1.25) rotate(-90deg); }
  .start-menu-sections .start-menu-section .show-hide-btn.show svg {
    transform: scale(1.25) rotate(90deg); }
.start-menu-sections .start-menu-section .four-subsection-list > li {
  flex-basis: 40% !important; }
.start-menu-sections .start-menu-section .subsections-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -4px 35px; }
  .start-menu-sections .start-menu-section .subsections-list > li {
    flex-basis: 25%;
    flex-grow: 1;
    min-width: 200px;
    margin: 4px 4px;
    position: relative; }
    .start-menu-sections .start-menu-section .subsections-list > li.full-width {
      flex-basis: 100%; }
  .start-menu-sections .start-menu-section .subsections-list .action-button {
    float: right;
    margin-left: 12px; }
  .start-menu-sections .start-menu-section .subsections-list .create-room-label {
    height: 37px;
    vertical-align: middle;
    display: table-cell;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 7px;
    line-height: 1em; }
  .start-menu-sections .start-menu-section .subsections-list .section-label, .start-menu-sections .start-menu-section .subsections-list .room-label {
    font-size: 1.1em;
    font-style: bold;
    font-weight: bold; }
    .start-menu-sections .start-menu-section .subsections-list .section-label a, .start-menu-sections .start-menu-section .subsections-list .room-label a {
      text-decoration: none;
      color: #0b2c47; }
  .start-menu-sections .start-menu-section .subsections-list .file-transfer-tile {
    float: left;
    margin-right: 6px;
    max-height: 46px;
    max-width: 46px; }
    .start-menu-sections .start-menu-section .subsections-list .file-transfer-tile > img {
      height: 46px;
      width: 46px; }
  .start-menu-sections .start-menu-section .subsections-list .room-logo {
    float: left;
    margin-right: 6px;
    max-height: 46px;
    max-width: 46px; }
    .start-menu-sections .start-menu-section .subsections-list .room-logo.empty-logo {
      overflow: hidden;
      background-image: url(/images/binder-450.png);
      background-size: 74px 46px;
      background-position: center;
      background-repeat: no-repeat; }
      .start-menu-sections .start-menu-section .subsections-list .room-logo.empty-logo .empty-logo-label {
        display: table-cell;
        height: 46px;
        width: 46px;
        padding: 13px 5px 0 9px;
        text-align: center;
        font-weight: bold;
        font-size: 10px;
        line-height: 1em;
        color: white; }

.sm-intro-section > .content {
  display: flex;
  padding: 1rem; }
  .sm-intro-section > .content, .sm-intro-section > .content h2, .sm-intro-section > .content a {
    color: white; }
  .sm-intro-section > .content a:hover {
    color: white !important; }
  .sm-intro-section > .content a {
    text-decoration: underline; }
.sm-intro-section.sm-intro-video-section > .content .introduction-text {
  flex-basis: 50%;
  margin-right: 1rem; }
  .sm-intro-section.sm-intro-video-section > .content .introduction-text:only-child {
    flex-basis: auto; }
.sm-intro-section.sm-intro-video-section > .content .video-player {
  display: flex;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 38.25%; }
.sm-intro-section.sm-intro-video-section > .content .video-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/**** MONKEYSCRIPT ****/
body.app textarea.monkeyscript, .monkeyscript-error, pre.monkeyscript {
  font-family: "Lucida Console", Monaco, "Courier New", monospace; }

pre.monkeyscript {
  overflow-x: scroll; }

.monkeyscript-error {
  color: red;
  border: 1px solid #ffc8c1;
  padding: 1em 1em;
  white-space: pre;
  overflow-x: scroll;
  margin-bottom: 5px; }

.ace_editor {
  border: 1px solid #f0f0f0; }

#monkeyscript-ref-table td {
  vertical-align: top; }

#monkeyscript-ref-table .optional {
  font-style: italic; }

.stored_query form > div {
  display: block !important;
  clear: both; }
.stored_query form input {
  float: none !important; }

/**** CLONE SETUP ****/
.clone-checkboxes {
  display: inline-grid; }

.show-hide-btn > i {
  font-size: 10px;
  top: auto; }

.show-hide > i {
  font-size: 8px;
  bottom: 1px;
  top: auto; }

.context-menu-list-item {
  position: relative;
  margin: 0px;
  color: #555555;
  display: block;
  cursor: default;
  padding: 3px;
  border: none;
  background-color: rgba(0, 0, 0, 0); }
  .context-menu-list-item.context-menu-list-item--has-submenu:after {
    position: absolute;
    top: 50%;
    right: .5em;
    z-index: 1;
    width: 0;
    height: 0;
    content: '';
    border-color: transparent transparent transparent #2f2f2f;
    border-style: solid;
    border-width: .25em 0 .25em .25em;
    transform: translateY(-50%); }
  .context-menu-list-item > ul {
    z-index: 999999;
    display: none;
    list-style: none;
    padding: 0px;
    margin: 0px;
    background-color: #f9f8f7;
    border: 1px solid #999999;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2); }
  .context-menu-list-item:hover > ul {
    display: block;
    position: absolute;
    top: 0;
    left: 220px; }
  .context-menu-list-item:hover > ul li:hover {
    background-color: #777 !important;
    color: white !important; }

.workspace-tile__content {
  overflow: hidden;
  zoom: 1; }

.save-to-app {
  display: inline; }

.save-to-app__dialog {
  display: none; }

.save-to-app__dropdown {
  margin-top: 0px !important;
  font-family: 'Muli' !important;
  margin-bottom: 10px !important;
  font-size: 1.1em !important;
  /* letter-spacing: 1px; */
  line-height: 1.4em !important;
  color: #0b2c47 !important;
  box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  width: 100% !important; }

.delete-bundle-template-button--in-use {
  font-style: italic; }

.leader-content__button-container {
  float: left; }

.leader-content__button-container--demo-video {
  float: right; }

.leader-content__button-container--search-help {
  float: right; }

.leader-content__video {
  padding: 0 !important;
  display: none;
  position: relative; }

.leader-content__video__close {
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: black !important;
  border-radius: 45% !important;
  width: 22px;
  text-align: center;
  color: white !important;
  text-decoration: none !important;
  outline: none; }

.leader-content__dialog-class {
  padding: 0 !important;
  overflow: visible !important; }

.leader-content__dialog-class .ui-dialog-titlebar {
  display: none; }

.leader-content__dialog-class .ui-dialog-content {
  overflow: visible !important; }

.clear {
  clear: both; }

.home-video {
  -webkit-box-shadow: 0px 0px 9px 2px #e6e6e6;
  -moz-box-shadow: 0px 0px 9px 2px #e6e6e6;
  box-shadow: 0px 0px 9px 2px #e6e6e6;
  padding: 10px 20px; }

/****** DIALOG BOX TERMS ******/
#dialog ul {
  list-style: disc inside; }

/***** FILE TRANSFER TILE *****/
.file-transfer-expiry {
  color: #333;
  font-size: 12px;
  font-style: italic; }

body.app .braintree-form__field-group label {
  float: none; }

/******* QTIP CUSTOMISATION *********/
.qtip-close {
  border-radius: 50px !important;
  height: 21px !important;
  width: 21px !important;
  text-decoration: none !important; }
  .qtip-close span {
    font-size: 17px !important;
    font-weight: bold !important;
    top: -10% !important; }
  .qtip-close span::before {
    content: none; }

.tooltip > .tooltip-inner {
  background-color: #757474;
  color: #FFFFFF;
  padding: 8px;
  max-width: 800px; }

.tooltip > .tooltip-arrow {
  border: 5px solid #757474 !important; }

.strike-through {
  text-decoration: line-through; }

.strike-through:hover {
  text-decoration: line-through underline !important; }

svg.ujs-inline-svg--replaced {
  background: none !important; }

.minicolors-theme-bootstrap .minicolors-swatch {
  height: 70% !important; }

.overflow-y-auto {
  overflow-y: auto; }

.location-link-ellipsis {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: var(--last-ancestor); }

.cursor.pointer {
  cursor: pointer; }

p.avatar-container {
  padding-bottom: 50px; }

.ui-dialog ul li {
  list-style: disc inside;
  padding-left: 0px; }
.ui-dialog ul li li {
  list-style: circle inside;
  padding-left: 30px; }
.ui-dialog ul li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li li li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li li li li li li {
  list-style: square inside;
  padding-left: 30px; }
.ui-dialog ul li li li li li li li li li li {
  list-style: square inside;
  padding-left: 30px; }

.ui-dialog ol li {
  padding-left: 0px; }
.ui-dialog ol li li {
  padding-left: 30px; }
.ui-dialog ol li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li li li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li li li li li li {
  padding-left: 30px; }
.ui-dialog ol li li li li li li li li li li {
  padding-left: 30px; }

.ui-dialog table, .ui-dialog thead, .ui-dialog tbody,
.ui-dialog td, .ui-dialog tr, .ui-dialog th {
  border: 1px solid; }

.ui-dialog blockquote {
  border-left: 3px solid #ccc;
  padding-left: 15px;
  font-style: italic;
  font-family: 'Times New Roman', Times, serif; }

.reports-tooltip .help-link {
  position: relative;
  top: -2px; }

.topbar-link, #whatsnew {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-color: white; }

.topbar-link:hover, #whatsnew:hover {
  cursor: pointer; }

.topbar-link svg, #whatsnew svg {
  height: 20px;
  width: 20px;
  margin: 10px;
  fill: #555555; }

.saved-search-link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 165px; }

#marker-visibility .ui-state-hover {
  background: #212121; }
/****** MY GUARDIAN  ******/
body.myguardian a.room-preview div.room-icon {
  width: 80px;
  height: 100px;
  background: url(/assets/myguardian_vault_100-5fb850dd303ce87533c697375761bb64.png) no-repeat; }

body.myguardian div.folder-icon-view div.l1-folder-icon {
  background-image: url(/assets/icons_64/Strongbox-9339ea023f4b39c414d41a3017086465.png); }

body.myguardian div.folder-list-view div.l1-folder-icon {
  background-image: url(/assets/icons_24/Strongbox-8c7df6515c683fcbca58650fa8d9ad14.png); }

body.myguardian div.folder-icon-view div.l1-folder-icon {
  background-image: url(/assets/icons_64/Strongbox-9339ea023f4b39c414d41a3017086465.png); }

body.myguardian div.folder-list-view div.l1-folder-icon {
  background-image: url(/assets/icons_24/Strongbox-8c7df6515c683fcbca58650fa8d9ad14.png); }

/****** ECOURT  ******/
body.ecourt a.room-preview div.room-icon {
  /* width: 104px */
  width: 110px;
  height: 85px;
  background: url(/assets/scales_of_justice_old_bailey_3_80-f892f08eb10838d785a895f0bab424a7.png) no-repeat; }

/****** vdrHQ ******/
form input.ui-button:hover {
  color: #66b544; }
/* General */
body {
  position: relative; }

#docs-cursor {
  position: absolute;
  width: 40%;
  background-color: #aaa;
  opacity: 0.9;
  filter: Alpha(opacity=90);
  z-index: 8000;
  zoom: 1; }

#docs-cursor span.title {
  display: block;
  padding: 4px 4px;
  background-color: #333;
  color: white;
  font-weight: bold; }

#docs-cursor img {
  width: 4em;
  height: 4em; }

body:not(.s-2021) span.folder-nav a {
  text-decoration: none;
  color: #222; }
body:not(.s-2021) span.folder-nav a:hover {
  text-decoration: underline;
  color: #000099; }

div.documents-summary {
  margin: 1.5em 0 0 2%;
  color: #444; }

a.selected-view-option {
  font-weight: bold; }

ul.folder {
  margin-left: 4px;
  margin-right: 0px;
  overflow-y: auto; }

.embedded ul.folder {
  margin-top: 4px;
  margin-bottom: 4px; }

.item-tag.num-notes {
  background-color: #a11; }

.item-tag.num-warnings,
.item-tag.problem-tag {
  background-color: #d33;
  padding: 1px 4px; }
  .item-tag.num-warnings .ui-icon,
  .item-tag.problem-tag .ui-icon {
    background-image: url(/images/images/ui-icons_ffffff_256x240.png); }

.item-tag .inverted {
  text-decoration: line-through; }

.item-tag, .plus-item-tag-btn {
  color: white;
  /* min-width: 1.4em; */
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  padding: 1px 5px;
  border-radius: 20px;
  cursor: pointer;
  white-space: nowrap; }

.plus-item-tag-btn,
.add-tag {
  padding: 0 !important; }

.add-tag {
  width: 18px;
  height: 18px;
  margin-right: 5px !important; }
  .add-tag svg {
    height: 18px !important;
    width: 18px !important; }

.plus-item-tag-btn {
  width: 20px;
  height: 20px; }
  .plus-item-tag-btn svg {
    height: 20px !important;
    width: 20px !important; }

.item-tag.without-icon {
  padding-left: 4px;
  cursor: default; }

#folder-contents {
  clear: both;
  display: block; }

ul.folder li.enable-touch-contextmenu .context-menu-btn {
  display: none; }

.context-menu-btn {
  float: right;
  cursor: pointer; }

.folder-list-view .context-menu-btn {
  margin-right: 3px; }

.folder-icon-view .context-menu-btn {
  margin-right: 0; }

.folder-list-view .item-tag {
  float: right;
  display: inline;
  margin: 2px 2px 2px 1px;
  position: relative;
  z-index: 1; }

.folder-details-view .item-tag {
  margin: 1px 2px 0 1px; }

.folder-details-view .item-tag .ui-icon {
  margin-top: -1px; }

.folder-icon-view .item-tag {
  display: none;
  /* They all look pretty terrible. */
  position: absolute;
  top: 0;
  right: 0; }

.folder-list-view .content {
  margin-left: 55px;
  width: calc(100% - 109px);
  line-height: 1; }

.folder-details-view .content {
  margin-left: 75px;
  width: calc(100% - 129px); }

.folder-details-view .details {
  margin-left: 75px;
  position: absolute;
  width: calc(100% - 75px);
  top: 20px; }

ul.folder li {
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important; }

.folder-tree-container ul li.deleting a.docf,
ul.folder li.deleting .name,
ul.folder li.duplicate .name {
  text-decoration: line-through;
  font-color: #999; }

div.doc-folder-leader {
  size: 1.2em;
  padding: 14px 20px 22px; }

/* Icon view of folder contents */
div.folder-icon-view ul.folder {
  /* clear: both; */
  margin-left: 2%; }

div.folder-icon-view ul.folder li {
  /* margin-left: 4px; */
  float: left;
  display: block;
  width: 80px;
  min-height: 120px;
  overflow: hidden; }

div.folder-icon-view input.f-entry {
  display: none; }

div.folder-icon-view ul.folder li div.icon-wrapper {
  width: 64px;
  height: 64px;
  display: table-cell;
  vertical-align: middle; }
div.folder-icon-view ul.folder li img.icon, div.folder-icon-view ul.folder li svg.icon {
  max-width: 35px;
  margin-left: 14.5px;
  display: block; }
div.folder-icon-view ul.folder li img.folder-icon, div.folder-icon-view ul.folder li svg.folder-icon {
  max-width: 64px;
  margin: 0 8px;
  display: block; }
div.folder-icon-view ul.folder li img.icon.has-thumbnail, div.folder-icon-view ul.folder li svg.icon.has-thumbnail {
  max-width: 64px;
  margin: auto; }
div.folder-icon-view ul.folder li img.icon.doc-icon-thumbnail--kind-C, div.folder-icon-view ul.folder li svg.icon.doc-icon-thumbnail--kind-C {
  max-width: 35px; }

div.folder-icon-view ul.folder li .name {
  display: block; }

div.folder-icon-view ul.folder li .details {
  display: none; }

/* List view */
div.folder-list-view ul.folder {
  clear: both;
  list-style-type: none;
  margin: 10px 0; }

#folder-nav-content-container div.folder-list-view ul.folder {
  border-top: 1px solid #ebebeb; }

div.folder-list-view ul.folder li {
  min-height: 1.8em;
  margin: 3px 0 0;
  padding: 0 0; }

body.s-2021 #folder-nav-content {
  padding-top: 40px; }

#folder-nav-content-container div.folder-list-view ul.folder li {
  background-color: white;
  border-bottom: 1px solid #ebebeb; }

body.s-2021 #folder-nav-container h2 #folder-heading {
  line-height: 1.2em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-pack: end; }

div.folder-list-view ul.folder li {
  z-index: 1;
  display: block;
  overflow: hidden; }
  div.folder-list-view ul.folder li.selected {
    background-color: #f9f1ab !important;
    border-color: #fdfbe4 !important; }
    div.folder-list-view ul.folder li.selected .icon {
      background-color: none; }
  div.folder-list-view ul.folder li.highlighted {
    background-color: #DFDFDF !important; }
    div.folder-list-view ul.folder li.highlighted:before {
      border-left: 4px solid #4e6d87;
      content: " ";
      position: absolute;
      height: 100%;
      z-index: -1;
      left: 0; }
  div.folder-list-view ul.folder li span {
    white-space: nowrap;
    overflow: hidden; }
  div.folder-list-view ul.folder li input.f-entry {
    z-index: 2;
    float: left;
    display: inline;
    margin: 3px 7px 0 7px; }
  div.folder-list-view ul.folder li .icon {
    display: inline;
    float: left;
    width: 1.3em;
    height: 1.3em;
    margin-top: 3px;
    margin-right: 7px; }
  div.folder-list-view ul.folder li .name {
    display: inline-block; }
  div.folder-list-view ul.folder li .details {
    display: none; }
  div.folder-list-view ul.folder li a {
    padding: 6px 0 2px 0; }

/* Details view - designed to be applied IN CONJUNCTION WITH folder-list-view */
.doc-icon-thumbnail--kind-C {
  object-fit: contain; }

div.folder-details-view ul.folder li {
  min-height: 3.5em;
  height: auto;
  *margin-bottom: -3px;
  /* IE6 and 7 only, fixes gap between LI items */ }
  div.folder-details-view ul.folder li input.f-entry {
    margin: 8px 7px 0 7px; }
  div.folder-details-view ul.folder li .icon {
    width: 2.2em;
    height: 2.3em;
    margin-top: 7px; }
  div.folder-details-view ul.folder li a {
    text-decoration: none; }
  div.folder-details-view ul.folder li .details {
    display: block;
    float: none;
    font-size: 0.9em;
    color: #666; }
    div.folder-details-view ul.folder li .details > span {
      display: inline;
      text-align: left;
      width: 85%; }
      div.folder-details-view ul.folder li .details > span.size {
        width: 10%;
        text-align: right;
        float: right;
        margin-right: 2px; }

.fetching-more-docs {
  display: none;
  text-align: center;
  margin: 15px 0;
  font-style: italic;
  color: #999; }
  .fetching-more-docs img {
    margin: 0 4px -2px; }

/* Tags within tooltips */
.qtip .tags {
  margin: 6px 0 6px; }

.qtip .tags .item-tag {
  display: inline-block;
  background-color: white;
  text-align: center;
  padding: 3px 3px;
  margin-bottom: 0.3em; }

.qtip.doc-preview-tooltip {
  border: 1px solid #d0d0d0 !important;
  background-color: white !important;
  color: #757474 !important; }

.doc-preview-tooltip .qtip-content {
  color: #757474 !important;
  font-size: 14px !important; }

.doc-preview-tooltip .qtip-tip {
  opacity: 0 !important; }

.qtip-content .doc-info {
  display: inline-block;
  vertical-align: top;
  width: 59%; }
  .qtip-content .doc-info.doc-info-left {
    width: 39%; }

/* Icons */
div.empty-folder-icon {
  background-image: url(/assets/icons_64/Folder_empty-8cd82dcd2d1c50f471236aaa64c25fb0.png); }

/* No longer used.
div.word-icon { background-image: url('../images/icons_64/Word.png'); }
div.file-excel-icon { background-image: url('../images/icons_64/File_Excel.png'); }
div.file-powerpoint-icon { background-image: url('../images/icons_64/File_PowerPoint.png'); }
div.file-pdf-icon { background-image: url('../images/icons_64/File_Pdf.png'); }
div.file-movie-icon { background-image: url('../images/icons_64/File_Movie.png'); }
div.file-casemap-icon { background-image: url('../images/icons_64/File_CaseMap.png'); }
div.box-icon { background-image: url('../images/icons_64/Box.png'); }
div.file-icon { background-image: url('../images/icons_64/File.png'); }
div.email-icon { background-image: url('../images/icons_64/Email.png'); }
*/
/* Quick view screen */
div#quick-view #image {
  display: block;
  text-align: center; }

div#quick-view .controls {
  margin-top: 7px; }

div#quick-view button {
  display: block;
  width: 32px;
  margin: 0px 1px 5px 0px; }

div#quick-view button .ui-button-text {
  padding-right: 0; }

div#quick-view #left-controls {
  float: left;
  display: inline; }

div#quick-view #right-controls {
  float: right;
  display: inline; }

div#quick-view img {
  border: 1px solid #bbb; }

/* Drag & Drop for file/folder moves */
.active-droppable div.icon {
  background-color: #dfd; }

.active-droppable a,
a.active-droppable,
h2 a.active-droppable,
span.folder-nav a.active-droppable,
.folder-tree a.active-droppable,
.move-mode .movable-receiver a,
.move-mode a.movable-receiver,
.move-mode h2 a.movable-receiver,
.move-mode span.folder-nav a.movable-receiver,
.move-mode .folder-tree a.movable-receiver {
  color: green; }

.move-mode .not-movable-receiver a,
.move-mode a.not-movable-receiver,
.move-mode h2 a.not-movable-receiver,
.move-mode span.folder-nav a.not-movable-receiver,
.move-mode .folder-tree a.not-movable-receiver {
  text-decoration: line-through;
  cursor: no-drop; }

.active-hover-droppable div.icon {
  background-color: #bfb; }

a.active-hover-droppable, span.folder-nav a.active-hover-droppable,
a.active-droppable:hover, span.folder-nav a.active-droppable:hover,
.move-mode a.movable-receiver:hover {
  font-weight: bold;
  text-decoration: underline; }

.selected .icon {
  background-color: #f9f1ab; }

#folder-container li.selecting .icon {
  background-color: #006 !important; }

#search-status {
  display: block; }

/***** Drag & Drop for file upload *****/
.upload-panel {
  margin: 6px 6px; }

.drop-target {
  border: 2px dotted #aaa;
  padding: 6px 0;
  margin-bottom: 4px;
  color: #aaa;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold; }

#folder-content-react-root .drop-target {
  background-color: white;
  width: 400px;
  margin: auto; }

.upload-panel .drop-unavailable {
  margin-top: 4px;
  color: #aaa;
  text-align: center;
  font-size: 0.9em;
  font-style: italic; }

.upload-panel .drop-unavailable .icon-container {
  margin-right: 4px; }

.upload-panel .fileinput-button {
  display: block; }

.upload-panel .fileinput-button .ui-button-text {
  padding-right: 0.5em;
  padding-left: 1.6em;
  *padding-top: 0.2em;
  /* IE6 & 7 only */ }

.upload-panel .fileupload-progress {
  width: 100%; }

.upload-panel .files .progress,
.side-panel .files .progress {
  width: auto; }

.upload-panel .error {
  margin-bottom: 6px; }

/* Overrides for file locations */
.files .ui-progressbar-value,
.fileupload-buttonbar .ui-progressbar-value {
  background: url(/assets/jquery-file-upload/progressbar-5c4006fa19eff08a082e8901e99e7869.gif) !important; }

.fileupload-loading {
  background: url(/assets/jquery-file-upload/loading-6a9151d6b661324737a44ecb05c2040b.gif) center no-repeat !important; }

.drop-target {
  display: none;
  height: 23.5px; }

.drop-unavailable {
  display: none; }

.has-dropfile-support .drop-target {
  display: block; }

.no-dropfile-support .drop-unavailable {
  display: block; }

/*** SORTING ***/
#folder-container li,
.folder-icon-view li {
  position: relative; }

#folder-container .sort-handle {
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  border: 1px solid #bbb;
  background-color: white;
  z-index: 3;
  text-align: center;
  line-height: 1rem; }

/* Warnings */
.icon.with-warning {
  background-color: #fdd; }

div.document-warnings strong {
  display: block;
  color: #ff9292;
  margin-bottom: 0.5em; }

/* Folder Permissions */
#folder-permissions td {
  padding: 4px 4px; }

#folder-permissions td.permission-option {
  white-space: nowrap;
  width: 8em; }

/* Context menus */
#jqContextMenu ul {
  width: 220px; }

/******* FOLDER TREE ********/
body .folder-tree .jstree-clicked {
  border: none;
  color: white !important; }
body .folder-tree .jstree-hovered {
  color: #262BA6;
  background: none;
  border: 1px solid transparent; }
body .folder-tree ins.jstree-document {
  background-image: url(/images/icons_2019/file_types/Other\ generic.svg);
  background-position: center;
  background-size: contain; }

.plus-tag-icon {
  cursor: pointer; }

.folder-tree-container {
  max-height: 300px;
  overflow: scroll; }

/****** VERSION HISTORY *****/
table.version-history {
  margin-top: 30px;
  width: 100%; }

table.version-history td {
  vertical-align: middle;
  border-bottom: 1px solid #d0d0d0; }

table.version-history tr:last-child td {
  vertical-align: middle;
  border-bottom: none; }

table.version-history .icon {
  display: inline;
  width: 64px;
  height: 64px; }

/****** FOLDER TOOLBAR ******/
.folder-toolbar {
  display: flex !important;
  align-items: center; }
  .folder-toolbar .folder-toolbar-left {
    margin-right: auto; }
  .folder-toolbar .folder-toolbar-right {
    margin-left: auto; }

.folder-select-controls {
  margin-left: 6px; }
  .folder-select-controls input {
    float: none !important;
    margin-right: 5px; }
  .folder-select-controls label {
    float: none !important;
    font-weight: normal !important;
    width: 50px !important;
    color: #4E6D87; }
    .folder-select-controls label:hover {
      color: #375066 !important; }

/****** FOLDER SORTING & VIEW OPTIONS AT TOP ******/
.folder-controls {
  font-size: 14px; }
  .folder-controls a {
    cursor: pointer; }
    .folder-controls a:hover {
      text-decoration: none !important;
      color: #375066; }
    .folder-controls a span.glyphicon {
      margin-right: 3px; }

.folder-view-controls {
  float: right;
  margin: 0 7px 0 7px;
  text-align: right; }
  .folder-view-controls a {
    display: block; }

body:not(.s-2021) .folder-sort-controls {
  margin: 0px 7px 5px 7px; }

/****** FOLDER PAGINATION ******/
.page-controls {
  float: right;
  display: inline;
  margin: 5px 7px;
  font-size: 12px; }

.page-controls {
  color: #666; }

.page-controls .page {
  display: inline-block;
  width: 2em;
  height: 2em;
  border: 1px solid #d9d9d9;
  text-align: center;
  padding-top: auto;
  padding-bottom: auto; }

.page-controls a.page:hover {
  background-color: blue;
  border: 1px solid blue;
  color: white; }

/****** FOLDER COLOUR SELECTION *******/
table.colour-selector {
  width: 100%; }

table.colour-selector td {
  text-align: center; }
  table.colour-selector td input[type=radio] {
    margin: 0 0;
    float: none; }

.colour-sample-wrapper {
  margin-left: 50%;
  padding: 0 0; }

.colour-sample {
  float: left;
  display: inline;
  padding: 0 0;
  height: 1.1em;
  width: 1.1em;
  margin-left: -0.55em;
  -moz-border-radius: 0.55em;
  border-radius: 0.55em; }

/****** SPINNER *******/
#folder-nav-spinner {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 40%;
  margin: 0 0 0 -25%;
  padding: 40px 5% 30px;
  z-index: 5000;
  background-color: white;
  border: 1px solid #eee; }

#folder-nav-spinner .message {
  color: #666; }

#folder-nav-spinner img {
  float: left;
  display: inline;
  vertical-align: middle;
  margin: -5px 10px 10px; }

/****** ITEM PERMISSIONS ******/
#item-permissions .user-row td.name {
  padding-left: 14px; }

#item-permissions th.permission,
#item-permissions td.permission {
  text-align: center;
  width: 12%; }

/****** FOLDER-ORIENTED ITEM PERMISSIONS ******/
#folder-permissions-tree .save-permissions {
  margin: 0 0 10px; }

#folder-permissions-tree .save-bar {
  /* Lots of CSS to vertically centre .restrictions-desc in the .save-bar. */
  position: relative; }
  #folder-permissions-tree .save-bar .restrictions-desc {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

#folder-permissions-tree #actor_select {
  display: block;
  width: auto;
  min-width: 50%; }

#folder-permissions-tree .header {
  margin: 5px 0 0;
  font-weight: bold;
  font-size: 80%;
  text-align: center;
  background-color: transparent;
  border-bottom: none;
  /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

#folder-permissions-tree .tree {
  clear: both;
  margin-bottom: 5px; }

#folder-permissions-tree .tree_row > div {
  padding: 0 0; }

#folder-permissions-tree .perms-triples {
  float: right;
  display: inline;
  width: 600px; }

@media only screen and (min-width: 480px) and (max-width: 600px) {
  #folder-permissions-tree .perms-triples {
    width: 350px; } }
@media only screen and (max-width: 479px) {
  #folder-permissions-tree .perms-triples {
    width: 310px; } }
#folder-permissions-tree .perms-triples .perm-folder_admin,
#folder-permissions-tree .perms-triples .perm-print,
#folder-permissions-tree .perms-triples .perm-download_pdf {
  border-right: 1px solid #ddd; }

#folder-permissions-tree .perms-triple {
  float: right;
  display: inline;
  position: relative;
  height: 45px;
  width: 11%; }

#folder-permissions-tree .header .perms-triple {
  height: 51px; }

#folder-permissions-tree .perms-triple a {
  display: block;
  position: absolute;
  width: 25px;
  /* Minus 2px for border */
  height: 25px;
  left: 50%;
  top: 22.5px;
  border: 1px solid gray; }

/* Adjust header positions to retain centering as different
 * options are turned on and off */
/*#folder-permissions-tree.sel-defaults .header .perms-triple { left: -7px; }
#folder-permissions-tree.sel-group .header .perms-triple { left: -3px; }
*/
#folder-permissions-tree.sel-defaults a.default-value {
  margin-top: -13.5px;
  margin-left: -13.5px; }

#folder-permissions-tree.sel-group a.default-value {
  margin-top: -17px;
  margin-left: -17px; }
#folder-permissions-tree.sel-group a.group-value {
  margin-top: -10px;
  margin-left: -10px; }

#folder-permissions-tree.sel-user a.default-value {
  margin-top: -20.5px;
  margin-left: -20.5px; }
#folder-permissions-tree.sel-user a.group-value {
  margin-top: -13.5px;
  margin-left: -13.5px; }
#folder-permissions-tree.sel-user a.user-value {
  margin-top: -6.5px;
  margin-left: -6.5px; }

#folder-permissions-tree .perms-triple a.explicit {
  /* opacity: 1.0; */ }

#folder-permissions-tree .perms-triple a.inherited {
  opacity: 0.80;
  border-style: dashed; }

#folder-permissions-tree .perms-triple a.disabled {
  background-color: #e4e4e4 !important;
  border-color: #c9c9c9 !important; }

#folder-permissions-tree .perms-triple a.yes {
  background-color: #7ef597;
  border-color: #3be960; }

#folder-permissions-tree .perms-triple a.yes.inherited {
  border-color: #29a243; }

#folder-permissions-tree .perms-triple a.yes:hover {
  background-color: #3df063; }

#folder-permissions-tree .perms-triple a.no {
  /* background-color: #ff2222; */
  background-color: #ea6a6a;
  border-color: #d46060; }

#folder-permissions-tree .perms-triple a.no.inherited {
  border-color: #8b0d0d; }

#folder-permissions-tree .perms-triple a.no:hover {
  background-color: #e94f4f; }

#folder-permissions-tree .perms-triple a.obscured {
  opacity: 0.6; }

#folder-permissions-tree .perms-triple a.obscured .ui-icon {
  display: none; }

#folder-permissions-tree .perms-triple .ui-icon {
  width: 16px;
  height: 16px;
  margin: 4px 4px;
  color: #555; }

.perm-editor-anchor {
  float: left;
  display: inline;
  height: 1px;
  width: 1px;
  background-color: transparent; }

.perm-editor-overlay {
  background-color: #ebebeb !important;
  font-size: 1.1em; }

body .qtip.perm-editor-overlay {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.perm-editor-overlay .qtip-content {
  margin: 0 0;
  padding: 0 0;
  color: #222; }

.perm-editor-overlay .close-icon {
  border-radius: 50px !important;
  height: 21px !important;
  width: 21px !important;
  text-decoration: none !important;
  float: right;
  position: relative; }
  .perm-editor-overlay .close-icon .ui-icon {
    top: 2px; }

body .perm-editor-overlay .qtip-titlebar {
  background-color: #aaa !important;
  color: white; }

.perm-editor-overlay ul.perm-editor-options {
  list-style-type: none;
  margin: 6px 0 10px 0; }

.perm-editor-overlay ul.perm-editor-options li {
  padding: 0 0;
  margin: 0 0; }

.perm-editor-overlay ul.perm-editor-options li .icon-container {
  margin-top: -2px; }

ul.perm-editor-options a {
  display: block;
  padding: 6px 10px;
  text-decoration: none; }

ul.perm-editor-options a:hover {
  background-color: #d0d0d0; }

ul.perm-editor-options .ui-icon {
  margin-top: -2px;
  margin-right: 8px; }

ul.perm-editor-options li.selected {
  font-weight: bold; }

/** TAGGING FORM **/
.tag-form .select2-container {
  width: 100%;
  margin-bottom: 4px; }

div.folder-details-view ul.folder li .content > a {
  white-space: nowrap;
  overflow: hidden;
  float: left;
  display: inline;
  text-align: left;
  width: 85%;
  text-overflow: ellipsis; }

div.folder-icon-view ul.folder li .content > a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-height: 1.5em;
  /* fallback */
  max-height: 3em; }

.folder-icon-view li {
  margin: 12px; }

.list-view-link {
  text-decoration: underline !important; }

.leaflet-embeddedcontent-layer .vjs-control-bar {
  display: flex !important; }

.video-js.embedded-audio {
  font-size: 20px; }

.video-js.embedded-video {
  font-size: 15px; }

body.s-2021 .drop-target {
  background-color: #F5F5F5;
  border-radius: 10px;
  border: 1px dashed #aaa; }
body.s-2021 .flex-space-around {
  display: flex;
  justify-content: space-around; }
body.s-2021 .upload-documents-label {
  display: flex;
  overflow: hidden;
  align-items: center;
  width: 48%;
  text-overflow: ellipsis; }
body.s-2021 .fileupload-buttonbar .app-custom-file-input__label {
  top: 2px; }
body.s-2021 #folder-tree a {
  color: #585858; }

#sidepanel-controller {
  display: flex; }

.app-tile-like__header {
  flex-direction: column; }
  .app-tile-like__header .sub-heading {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    text-wrap: nowrap; }
    .app-tile-like__header .sub-heading #breadcrumbs {
      line-height: normal !important;
      text-wrap: nowrap; }
      .app-tile-like__header .sub-heading #breadcrumbs .breadcrumb-item {
        font-size: 11.2px; }
    .app-tile-like__header .sub-heading #document-count-message {
      line-height: normal !important;
      text-wrap: nowrap;
      font-size: 11.2px; }
  .app-tile-like__header .folder-toolbar-container {
    align-self: flex-end; }
    .app-tile-like__header .folder-toolbar-container #document-sort-control {
      font-size: 11.2px; }
fieldset.link-auth-token p {
  margin-bottom: 25px;
}

fieldset.link-auth-token input#otp {
  width: 55%;
  height: 18px;
  border: 1px solid #ccc;
  padding: 1px 3px 1px 19px;
  background: white url(../images/auth_token_tiny.png) no-repeat left;
}

body.admin_processing_results .processing-failures-wrapper {
	clear: both;
	overflow-x: scroll;
	width: 100%;
}
/* Search results screen */
body.search form.search {
  margin: 20px 0px 25px 8px; }
  body.search form.search fieldset {
    position: relative;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    border: none; }
  body.search form.search .query-wrap {
    display: table-cell;
    padding-right: 4px;
    vertical-align: top;
    width: 99%; }
    body.search form.search .query-wrap input#query {
      box-sizing: border-box;
      -ms-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      height: 32px;
      padding: 2px 4px;
      /* *padding: 5px 8px 1px; */
      font-size: 1.3em;
      border: 1px solid #ccc;
      /* position: absolute; */
      width: 100%; }
  body.search form.search .button-wrap {
    display: table-cell;
    vertical-align: top; }
    body.search form.search .button-wrap .button {
      height: 30px; }
  body.search form.search .advanced-search-form__search-input {
    border-radius: 20px !important;
    padding-left: 1.25rem !important; }
  body.search form.search .advanced-search-form__search-btn {
    position: relative;
    right: 35px;
    top: 4px;
    cursor: pointer; }
  body.search form.search .advanced-search-form__help-link-wrapper {
    position: relative;
    display: none; }
    body.search form.search .advanced-search-form__help-link-wrapper span.help-link {
      position: absolute;
      right: -6px;
      z-index: 1; }
      body.search form.search .advanced-search-form__help-link-wrapper span.help-link .ui-icon-help {
        color: #ccc;
        font-size: 16px; }

/* Search Result Entries */
.search-heading {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px; }

ul.search-results {
  list-style-type: none; }
  ul.search-results li {
    clear: left;
    margin-left: 4px; }
  ul.search-results li span {
    vertical-align: middle; }
  ul.search-results li img.icon {
    float: left;
    display: inline;
    width: 24px;
    height: 24px;
    margin: -1px 5px 0px 0px; }
  ul.search-results li div.info {
    margin-left: 29px;
    margin-top: 4px;
    color: #6a6b6c;
    zoom: 1; }
    ul.search-results li div.info.excerpts {
      border-left: 2px solid #BBB;
      padding-left: 10px; }
    ul.search-results li div.info.metadata {
      color: #888;
      font-style: italic; }
  ul.search-results li div.found-in {
    font-style: italic; }
  ul.search-results li div.found-in a {
    color: #6a6b99; }
  ul.search-results li.context {
    font-style: italic; }
    ul.search-results li.context .highlight {
      font-style: none; }
  ul.search-results li.duplicate a.name {
    text-decoration: line-through; }
  ul.search-results span.deleted {
    text-decoration: line-through;
    font-color: #999; }

/* Searches for Duplicate Documents */
ul.duplicate-search-results {
  margin: 0 0 !important; }
  ul.duplicate-search-results .deleting .content {
    text-decoration: line-through;
    color: #999; }

li.duplicate-search-result .content {
  display: inline;
  float: left;
  width: 52%; }
li.duplicate-search-result .controls {
  display: inline;
  float: right;
  width: 45%;
  text-align: right; }

/* Search stats styles */
#search_stats_chart .search-stats-legends {
  text-align: center;
  margin: 6px 6px; }
#search_stats_chart .search-stats-legend {
  position: relative;
  text-align: left; }
  #search_stats_chart .search-stats-legend span {
    display: inline-block; }
  #search_stats_chart .search-stats-legend .text {
    text-align: left;
    margin-right: 3px; }
  #search_stats_chart .search-stats-legend .icon {
    margin: 0 5px;
    width: 12px;
    height: 12px; }
#search_stats_chart .search-stats-barchart {
  padding: 0 5px; }
  #search_stats_chart .search-stats-barchart .bar-item {
    display: inline-block;
    height: 25px; }

/* Search "Simple" Form Styles */
#search-form .fields-wrapper div.exprs-list {
  counter-reset: item;
  margin-left: 30px;
  text-align: top; }
  #search-form .fields-wrapper div.exprs-list div.expression {
    font-size: 0px;
    vertical-align: top;
    line-height: normal;
    margin-top: 5px;
    position: relative; }
    #search-form .fields-wrapper div.exprs-list div.expression div.delete-wrapper, #search-form .fields-wrapper div.exprs-list div.expression div.dropdown-wrapper,
    #search-form .fields-wrapper div.exprs-list div.expression div.selector-wrapper, #search-form .fields-wrapper div.exprs-list div.expression div.value-wrapper,
    #search-form .fields-wrapper div.exprs-list div.expression div.between-dates-fields-wrapper,
    #search-form .fields-wrapper div.exprs-list div.expression div.solo-value-wrapper {
      display: inline-block;
      vertical-align: top; }
    #search-form .fields-wrapper div.exprs-list div.expression div.selector-wrapper {
      width: 200px; }
      #search-form .fields-wrapper div.exprs-list div.expression div.selector-wrapper.logical-operator {
        width: calc(100% - 20px); }
    #search-form .fields-wrapper div.exprs-list div.expression div.value-wrapper {
      position: relative;
      margin-left: 5px;
      width: calc(100% - 225px); }
      #search-form .fields-wrapper div.exprs-list div.expression div.value-wrapper span.loading-text {
        position: absolute;
        left: 5px;
        top: 5px;
        font-size: 13px; }
    #search-form .fields-wrapper div.exprs-list div.expression div.delete-wrapper {
      position: absolute;
      top: 2px; }
    #search-form .fields-wrapper div.exprs-list div.expression div.add-wrapper {
      margin-top: 5px; }
      #search-form .fields-wrapper div.exprs-list div.expression div.add-wrapper a {
        font-size: 13px; }
    #search-form .fields-wrapper div.exprs-list div.expression::before {
      position: absolute;
      top: 7px;
      left: -30px;
      font-size: 11px;
      content: counters(item,".") ".";
      counter-increment: item; }
    #search-form .fields-wrapper div.exprs-list div.expression:only-child > div.delete-wrapper > span.delete-btn {
      visibility: hidden; }
  #search-form .fields-wrapper div.exprs-list.root {
    counter-reset: none;
    margin-left: 0; }
    #search-form .fields-wrapper div.exprs-list.root > div.expression::before {
      content: ''; }
    #search-form .fields-wrapper div.exprs-list.root > div.expression > div.selector-wrapper option[data-haschild="no"] {
      display: none; }
  #search-form .fields-wrapper div.exprs-list input.value,
  #search-form .fields-wrapper div.exprs-list select.value,
  #search-form .fields-wrapper div.exprs-list select.expr-selector {
    height: 22px;
    float: none;
    width: 100% !important;
    box-sizing: border-box; }
  #search-form .fields-wrapper div.exprs-list div.expression.invalid > div.value-wrapper > input.value {
    -webkit-box-shadow: 0 0 5px red;
    -moz-box-shadow: 0 0 5px red;
    box-shadow: 0 0 5px red;
    border: 2px solid rgba(255, 0, 0, 0.4); }
  #search-form .fields-wrapper div.exprs-list div.between-dates div.dropdown-wrapper.field,
  #search-form .fields-wrapper div.exprs-list div.has-date div.dropdown-wrapper.field,
  #search-form .fields-wrapper div.exprs-list div.date-input div.dropdown-wrapper.field {
    width: calc(25% - 5px);
    margin-right: 5px; }
  #search-form .fields-wrapper div.exprs-list div.between-dates div.solo-value-wrapper,
  #search-form .fields-wrapper div.exprs-list div.has-date div.solo-value-wrapper,
  #search-form .fields-wrapper div.exprs-list div.date-input div.solo-value-wrapper {
    width: 75% !important; }
  #search-form .fields-wrapper div.exprs-list div.between-dates-fields-wrapper {
    width: 75%; }
  #search-form .fields-wrapper div.exprs-list div.between-dates-fields-wrapper input, #search-form .fields-wrapper div.exprs-list div.between-dates-fields-wrapper div.dropdown-wrapper,
  #search-form .fields-wrapper div.exprs-list div.phraseinfield input,
  #search-form .fields-wrapper div.exprs-list div.phraseinfield div.dropdown-wrapper,
  #search-form .fields-wrapper div.exprs-list div.terminfield input,
  #search-form .fields-wrapper div.exprs-list div.terminfield div.dropdown-wrapper {
    width: calc((100% - 25px) / 2) !important; }
  #search-form .fields-wrapper div.exprs-list div.select2-container {
    font-size: 11px;
    font-family: sans-serif; }
    #search-form .fields-wrapper div.exprs-list div.select2-container .select2-choice {
      height: 20px; }
      #search-form .fields-wrapper div.exprs-list div.select2-container .select2-choice:hover {
        text-decoration: none; }
      #search-form .fields-wrapper div.exprs-list div.select2-container .select2-choice .select2-chosen {
        height: 22px;
        line-height: 22px; }
      #search-form .fields-wrapper div.exprs-list div.select2-container .select2-choice .select2-arrow > b {
        position: absolute;
        top: -3px;
        left: 1px; }
#search-form .fields-wrapper span.divider {
  display: inline-block;
  font-size: 13px;
  width: 25px;
  text-align: center; }
#search-form .fields-wrapper #search-btn.simple {
  width: 160px;
  position: relative;
  margin-left: calc(100% - 180px); }

body:not(.s-2021) #search-form .fields-wrapper #search-btn.simple {
  margin-left: calc(100% - 215px) !important; }

#search-form.simple {
  margin-bottom: 5px; }

.move-right {
  float: right !important; }

.container-fluid.container {
  width: 100%;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .container-fluid.container *, .container-fluid.container *:before, .container-fluid.container *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit; }
  .container-fluid.container .row {
    width: 100%; }
    .container-fluid.container .row .col-6 {
      float: left;
      width: 50%; }

.search .advanced-search-form__search-btn .ui-button-text {
  padding-top: 0.33em;
  padding-bottom: 0.33em; }

body.search ul.search-results li span {
  vertical-align: baseline; }
body.search div.folder-list-view ul.folder li span {
  overflow: visible; }
/******* GENERAL ********/

body.outside #top-menu .down-arrow table.outline { border-top-color: #3a3a3a; }
body.outside #top-menu .right-arrow table.outline { border-right-color: #3a3a3a; }
body.vdrhq-outside h2,
body.myguardian-outside h2 { color: white; margin: 12px 0 9px; } /* Less specific than div.errorExplanation h2 */
body.skyway-outside h2 { margin: 12px 0 9px; }
body.skyway-outside h2,
body.skyway-outside h3 { color: #72a41d; margin-top: 15px; }

.outside h3 { margin: 12px 0 8px 16px; }
body.vdrhq-outside h3 { color: #f00; }
body.myguardian-outside h3 { color: #00447A; }
body.outside #page-content p.intro { margin: 4px 16px; }
body.outside .forgotten-password a { color: #AAAAAA; }
body.vdrhq-outside label,
body.vdrhq-outside #page-content { color: #e6e6e6; }
body.vdrhq-outside #page-content a { color: #21db21; }
body.vdrhq-outside #page-content a:hover { color: #21ff21; }
body.myguardian-outside label,
body.myguardian-outside #page-content { color: #ddd; }
body.myguardian-outside #page-content a { color: #bbbbdb; }
body.myguardian-outside #page-content a:hover { color: #aaaaff; }
body.myguardian-outside .forgotten-password a { color: #AAAAAA; }

div.feature-panel div.content { padding: 18px 18px; margin: 0 0; }
div.feature-panel .content ul { margin: 0 0; list-style-position: inside; }

body.outside .qtip { font-size: 1.1em; }
body.outside .qtip ul { margin-top: 4px; }
body.outside .qtip li { padding: 3px; }

body.outside .qtip h2 {
  margin: 12px 0px 16px;
  color: white;
  font-size: 1.7em;
}

body.welcome #intro { margin-left: 40px; }

.hoverable {
  border-bottom: 1px dotted #00ba00;
}

/******* HOME PAGE ********/
body.welcome #products-table a.signup { text-decoration: none; }

body.welcome #page-content { font-size: 1.2em; }

a.signup span { text-decoration: underline; }
a.signup img { vertical-align: middle; margin-top: -3px; }

/******* ENQUIRY PAGE ********/

body.enquiry article {
  min-width: initial;
}

/******* SIGNUP & ACTIVATION PAGES ********/
body.skyway-welcome {
  color: #555;
}

body.signup #products-table { width: 100%; }
body.signup fieldset { padding-top: 25px; border: none; }

body.welcome .signup form {
  margin-top: 30px;
  padding: 0 0;
  margin-bottom: 0px;
}

body.welcome .signup fieldset { border: none; padding: 0 0; margin-bottom: 0px; }
form.formtastic fieldset ol li { margin-bottom: 1.0em; }
body.vdrhq form.formtastic fieldset > ol > li p.inline-hints { color:#a6a6a6; margin:0.5em 0 0 25%; }
body.vdrhq form.formtastic fieldset > ol > li p.inline-errors { color:#f66; margin:0.5em 0 0 25%; }


/******* PRODUCTS TABLE ********/
#products-table { margin-bottom: 28px; width: 480px; border-collapse: collapse; }
#products-table th.left { text-align: right; width: 26%;}
#products-table th.left span { text-align: left;}
#products-table th, #products-table td { width: 22%; vertical-align: middle; }
#products-table th.left, #products-table td.left { width: auto; }
#products-table th, #products-table td { padding: 0.5em 0.8em;}
#products-table tr.top th, #products-table td { text-align: center; }
#products-table th div { background-color: #555; font-weight: normal;}
#products-table td div a { text-decoration: none; }
#products-table td div a:hover { text-decoration: underline; }

/******* QUOTES ********/

#customer-quotes { width: 100%; margin-top: 12px; text-align: right; }
#customer-quotes .open-quote { color: #999; line-height: 1px; font-size: 400%; display: inline; vertical-align: bottom; margin: -4px 6px 0 0;}
#customer-quotes .close-quote { color: #999; line-height: 1px; font-size: 400%; display: inline; text-align: right; vertical-align: bottom; margin-left: 8px;  }
#customer-quotes p.quote { display: inline; font-size: 1.3em; font-weight: bold; font-style: italic; }
#customer-quotes p.source { margin-top: 6px; font-size: 0.9em; color: #777; }


/******* ENQUIRY PAGE *******/

table#enquiry-form {
  width: 100%;
}

table#enquiry-form th {
}

table#enquiry-form .main {
  width: 316px;
  padding: 3px 3px;
}

table#enquiry-form textarea.main {
  width: 320px;
  padding: 3px 3px;
  font-family: Arial;
}
/******* SEARCH BOX *******/


div#search {
  padding: 25px 20px 30px 15px;
}

div#search label {
  display: block;
  float: none;
  size: 1.2em;
}

div#search input#query {
  font-size: 1.4em;
  line-height: 1.8em;
  height: 1.8em;
  padding: 4px 8px;
  border: 1px solid #ddd;
  width: 75%;
}

div#search input.submit {
  position: relative;
  top: -0.5em;
  left: 5px;
  float: none;
}

/******* SEARCH RESULTS *******/

ul.search-results {
  list-style: none;
  margin-left: 15px;
}

ul.search-results li { margin-bottom: 8px; }
ul.search-results li p { margin-left: 16px; }

ul.search-results li h3 { font-size: 1.1em; margin-bottom: 7px; }

ul.search-results li h3 a { font-size: 1.05em; text-decoration: none; }
ul.search-results li h3 a:hover { text-decoration: underline; }

ul.search-results strong.highlight { background-color: inherit; }

ul.search-results strong.highlight { background-color: inherit; }


/******* DASHBOARD *******/
#recent td, #recent th { width: 33%;}
#recent .tag { width: 100%;}


/******* NOTES *******/

form.inline-note { margin-bottom: 10px;}
form.inline-note textarea { width: 100%; }
.note-textarea-wrapper { }


ul.notes { margin: 0 0 18px 0; list-style: none; }
ul.notes ul.notes { margin: 8px 0 0 0 }

ul.notes li {
  display: block;
  border-top: 3px solid #777;
  padding: 10px 9px 4px 9px;
  margin-bottom: 1px;
}

ul.notes li.odd { background-color: #f1f1f1; border-color: #999; }
ul.notes li.even { background-color: #e0e0e0; border-color: #bbb; }
ul.notes li.supernote.odd { background-color: #f0cacc; border-color: #c00; }
ul.notes li.supernote.even { background-color: #e5bec0; border-color: #c00; }
ul.notes a.remove-note {
  float: left !important;
  margin-right: 8px;
  color: #888888;
}

ul.notes li.system-note { font-style: italic; }

ul.notes li div.heading {
  font-style: italic;
  float: right;
  padding-left: 10px;
  color: #555;
  padding-bottom: 8px;
}

ul.notes li div.text {
  padding-right: 8px;
  margin-bottom: 8px;
}

ul.notes li div.heading a{ color: #4e5ccc; }
ul.notes li { color: #222; }
ul.notes li.supernote { color: #500; }

/****** FILE ATTACHMENTS *******/
div.attachments {
  background-color: #eee; border-top: 3px solid #777;
  padding: 7px 0px 4px;
  margin-bottom: 10px;
}

/****** PROPERTIES TABLES ******/
table.properties {
  width: 100%;
  border-top: 3px solid #555;
  padding-bottom: 8px;
  padding-top: 5px;
  margin-bottom: 25px;
}

table.properties th {
  padding-left: 9px;
  color: #333;
  vertical-align: top;
}

table.properties tr.top th {
  padding-left: 4px;

}

table.properties td {
  color: #666;
  vertical-align: top;
}

table.properties a { color: #002;}

table.properties.width-1 td { width: 70%;}
table.properties.width-2 td { width: 35%;}
table.properties.width-1 th { width: 25%;}
table.properties.width-2 th { width: 15%;}


/****** LISTING TABLES ******/
table.listing {border-top: 3px solid #666; }
table.listing th { background-color: #888; color: white; }
table.listing td { background-color: #eee; }
table.listing td, table.listing th { vertical-align: top; }
table.listing tr.detail-row { font-style: italic; color: #777; }
table.listing tr:hover td { background-color: #e0e0e0; }
table.listing tr.total td { background-color: #e5e5e5; border-top: 1px solid #ccc; font-weight: bold; }
table.listing tr.total:hover td { background-color: #d9d9d9; }


/****** SEGMENTED LISTS ******/
dl dt {margin-top: 15px; }
dl dd {margin-left: 40px; }

/****** PERSON FORM ******/
#person_weight_input fieldset ol li { float: left; display: inline; width: 3em;}
#person_weight_input fieldset ol li label { width: auto; }
/* This is the base; all toolbar sizing depends on this. */
body.s-2021 #page-container.surface-overlay #mini-header {
  padding-left: 0; }
  body.s-2021 #page-container.surface-overlay #mini-header .banner-img {
    margin-left: auto;
    margin-right: auto; }

body:not(.s-2021) #page-container.surface-overlay #mini-header {
  padding-left: 10px; }

#page-container.surface-overlay {
  display: table;
  table-layout: fixed;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1100;
  border-top: none;
  padding-top: 0;
  /*
   * SIDEBARS FOR SURFACE OVERLAY.
  */
  /* Implement a min- and max-width for the sidebar (they don't work directly
   * for table-cells it seems, so we use a media query) */ }
  #page-container.surface-overlay #page-content {
    display: table-row; }
    #page-container.surface-overlay #page-content #side-panels-container {
      position: relative; }
  #page-container.surface-overlay #mini-header-bg {
    position: relative;
    text-align: center; }
    #page-container.surface-overlay #mini-header-bg #mini-header {
      display: block !important;
      margin-bottom: 0; }
      #page-container.surface-overlay #mini-header-bg #mini-header .banner-img {
        display: inline-block;
        max-width: 65%;
        height: auto; }
      #page-container.surface-overlay #mini-header-bg #mini-header .close-btn {
        margin: 6px 8px 0 0;
        position: absolute;
        top: 0;
        right: 0; }
  #page-container.surface-overlay #side-panels {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    top: 0; }
  #page-container.surface-overlay #side-panels .side-panel:nth-last-child(2) {
    margin-bottom: 140px !important; }
  #page-container.surface-overlay #primary-folder-tree-container, #page-container.surface-overlay #top-menu-2010, #page-container.surface-overlay #top-menu,
  #page-container.surface-overlay #two-column-content {
    display: none; }
  #page-container.surface-overlay #folder-nav-container,
  #page-container.surface-overlay #side-panels-container {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: 25%;
    min-width: 125px;
    padding: 0; }
    #page-container.surface-overlay #folder-nav-container #side-panels,
    #page-container.surface-overlay #side-panels-container #side-panels {
      margin: 0;
      border-right: 1px solid #ccc; }
      #page-container.surface-overlay #folder-nav-container #side-panels .side-panel,
      #page-container.surface-overlay #side-panels-container #side-panels .side-panel {
        margin-bottom: 0; }
  @media only screen and (min-width: 900px) {
    #page-container.surface-overlay #folder-nav-container,
    #page-container.surface-overlay #side-panels-container {
      width: 225px; } }
  @media only screen and (max-width: 580px) {
    #page-container.surface-overlay #folder-nav-container,
    #page-container.surface-overlay #side-panels-container {
      width: 145px; } }
  #page-container.surface-overlay #side-panels {
    margin-top: 0;
    overflow: auto; }
  #page-container.surface-overlay #doc-viewer {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 100%; }
    #page-container.surface-overlay #doc-viewer #doc-map {
      height: 100%; }
  #page-container.surface-overlay #doc-toolbar {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    display: none !important; }

#doc-map {
  touch-action: none;
  overscroll-behavior: contain; }

/******** MARKERS **********/
.with-marker-cursor {
  cursor: crosshair !important; }

ul.surface-notes {
  padding: 1px 0; }
  ul.surface-notes hr {
    border: 0;
    height: 1px;
    margin-right: 10px;
    display: none; }
  ul.surface-notes hr {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 75%); }
  ul.surface-notes li {
    word-wrap: break-word; }
    ul.surface-notes li:not(:first-child) hr {
      display: block; }
  ul.surface-notes .note-buttons-wrapper {
    position: absolute;
    top: -1px;
    right: 3px;
    max-width: 32px;
    font-size: 0; }
    ul.surface-notes .note-buttons-wrapper span {
      cursor: pointer;
      display: inline-block; }
  ul.surface-notes .note-author-wrapper {
    position: relative;
    width: 100%;
    min-width: 150px; }
    ul.surface-notes .note-author-wrapper span.title {
      display: inline-block;
      margin-right: 36px; }
    ul.surface-notes .note-author-wrapper span.author {
      font-weight: bold; }
  ul.surface-notes .note-text-wrapper {
    position: relative;
    max-width: 245px;
    padding-right: 20px; }
  ul.surface-notes .note-date {
    color: #bbb;
    font-style: italic;
    font-size: 0.9em; }

/******** TOOLBAR **********/
#doc-toolbar {
  position: relative;
  width: 100%;
  font-size: 1em;
  background-color: #fefefe;
  color: black;
  padding: 0 0;
  border-top: 1px solid #f0f0f0; }
  #doc-toolbar.fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1200; }
  #doc-toolbar.fullscreen {
    position: absolute;
    bottom: 0;
    z-index: 1200;
    margin: 0; }
  #doc-toolbar .toolbar-section {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0.6em 0.6em; }
  #doc-toolbar .toolbar-row {
    clear: left;
    height: 2.1em;
    margin-bottom: 0.3em; }

/* The bottom panel. */
#doc-toolbar-main {
  border-top: 0.05em solid transparent; }
  #doc-toolbar-main .name {
    float: left;
    width: 24%;
    border-width: 0.05em; }
  #doc-toolbar-main .controls {
    float: right;
    display: inline;
    width: 75%;
    text-align: right; }

#doc-toolbar .ui-widget {
  font-size: 1.0em; }
#doc-toolbar .ui-button {
  border-width: 0.05em; }
#doc-toolbar .ui-button-text {
  line-height: 1.0em;
  font-weight: normal;
  padding-top: .6em;
  padding-bottom: .6em; }
#doc-toolbar .ui-button-text-icon-secondary .ui-button-text {
  padding-right: 1.6em; }

/******** EXPANDED TOOLBAR *********/
#doc-toolbar #marker-form {
  display: none; }

#doc-toolbar.with-marker-form #marker-form {
  display: block; }

#doc-toolbar.with-marker-form #doc-toolbar-main {
  border-color: #999; }

#marker-form {
  font-size: 1em;
  /* The little groups of three buttons, such as for visibility settings */ }
  #marker-form fieldset {
    border: 0;
    padding: 0 0;
    margin: 0 0;
    width: 48%;
    float: left; }
  #marker-form.redaction fieldset#marker-tour-inclusion {
    width: 45%; }
  #marker-form.redaction, #marker-form.search {
    padding-top: 13px; }
  #marker-form.redaction .disabled-in-redaction, #marker-form.annotation .disabled-in-annotation, #marker-form.search .disabled-in-search, #marker-form.expose .disabled-in-expose {
    display: none !important; }
  #marker-form span.options {
    display: inline-block;
    width: 82%;
    margin: 0 0;
    padding: 0 0;
    overflow: hidden; }
  #marker-form span.label {
    display: inline-block;
    width: 15%;
    height: 2.1em;
    vertical-align: top;
    color: white;
    font-weight: bold; }
  #marker-form input {
    float: none;
    vertical-align: top; }
  #marker-form input[type=text] {
    height: 1em;
    padding: 0.5em 4px;
    border-width: 0.05em;
    font-size: 100%; }
  #marker-form .ui-buttonset label {
    margin-right: 7px;
    width: calc(33% - 7px);
    border-width: 0.05em; }
    #marker-form .ui-buttonset label .ui-button-text {
      font-size: 100%;
      line-height: 1em; }
  #marker-form fieldset#marker-label,
  #marker-form fieldset#marker-note {
    margin: 0 0 0.3em; }
  #marker-form fieldset#marker-search button {
    margin-right: 4px; }
  #marker-form .with-check-box label {
    float: none;
    font-weight: normal; }
  #marker-form .controls {
    position: absolute;
    top: 0.5em;
    right: 0.6em;
    width: 2.1em; }
    #marker-form .controls a {
      float: right;
      border-width: 0.05em;
      width: 2em;
      height: 2em;
      margin: 0 1px 1px 0; }
  #marker-form.redaction .controls, #marker-form.search .controls {
    height: 2.1em;
    width: auto; }
    #marker-form.redaction .controls a, #marker-form.search .controls a {
      float: right; }
  #marker-form #marker-label input,
  #marker-form #marker-note input {
    width: 79%; }

/******** MARKER VIEW **********/
.marker {
  margin-top: 18px; }

.marker div.image-whole {
  position: relative;
  padding: 0 0; }

.marker div.image-whole .marker-image {
  position: absolute;
  margin-left: -12px;
  margin-top: -41px;
  width: 25px;
  height: 41px; }

.marker div.marker-area {
  position: absolute;
  border: 1px solid yellow;
  background-color: yellow;
  opacity: 0.4; }

.marker div.image-slice {
  background-color: #e9e9e9;
  overflow: hidden;
  border: 1px solid #ccc; }

.marker .preview-image {
  margin: 6px 0 0 6px; }

.redaction-label {
  line-height: normal;
  text-align: center;
  vertical-align: middle; }

/******** FOLLOW THE LEADER *********/
#follow-the-leader-list .active {
  font-weight: bold; }

/******* TOURS ********/
div.side-panel div.content .select2-container {
  width: 100%; }

div.side-panel .next-stop,
div.side-panel .previous-stop {
  height: 24px;
  display: none; }

div.side-panel .next-stop {
  float: right;
  margin-right: 4px; }

div.side-panel .previous-stop {
  float: left;
  margin-left: 4px; }

div.side-panel .current-tour {
  text-align: center; }

div.side-panel .next-stop:hover,
div.side-panel .previous-stop:hover {
  background: inherit; }

.whole-width {
  width: 100%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.half-width-left, .half-width-right {
  width: 49%;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.half-width-left {
  margin-left: 0;
  margin-right: 1%; }

.half-width-right {
  margin-left: 1%;
  margin-right: 0; }

.tour-form input {
  width: 100%; }

body .clean-form input, body .clean-form textarea, body .clean-form select, body .clean-form div.select2-container {
  margin-bottom: 10px;
  font-size: 1.1em;
  /* letter-spacing: 1px; */
  line-height: 1.4em;
  color: #0b2c47;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%; }
body .clean-form .dataTables_filter input {
  width: auto;
  margin: 0;
  padding: 1px; }
body .clean-form input[type=file] {
  width: auto; }
body .clean-form input, body .clean-form textarea {
  padding: 10px 8px 10px;
  border: 1px solid #d9d9d9; }
  body .clean-form input.disabled, body .clean-form textarea.disabled {
    color: #bbb; }
body .clean-form input[type=checkbox], body .clean-form input[type=radio] {
  float: left;
  display: inline;
  clear: left;
  width: auto;
  margin: 5px 8px 9px 0;
  padding: 0 0; }
body .clean-form label {
  float: none;
  display: inline;
  width: auto;
  color: #555;
  margin-bottom: -2px; }
  body .clean-form label.disabled {
    color: #999; }
body .clean-form label.radio-label {
  float: left; }
body .clean-form label.plain {
  float: left;
  font-weight: normal; }
body .clean-form fieldset {
  clear: both; }
  body .clean-form fieldset.borderless {
    border: none !important; }
  body .clean-form fieldset.padded-top-0 {
    padding-top: 0px; }
body .clean-form a.ui-button:hover {
  color: #1b93aa !important; }
body .clean-form div.cke {
  margin-bottom: 12px; }
body .clean-form .ui-button {
  margin-right: 0; }
body .clean-form input.submit.half-width-left {
  width: 50%;
  float: left;
  margin-left: 0; }
body .clean-form input.submit.half-width-right {
  width: 49%;
  float: right; }

#map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333;
  z-index: 1000;
  display: none; }
  #map-overlay span {
    display: block;
    text-align: center;
    margin-top: 30%;
    color: white; }

.locked-page, .locked-page.body {
  position: fixed;
  width: 100%;
  height: 100%; }
.locked-page #footer {
  display: none; }
.locked-page #page-content {
  padding-bottom: 0; }
.locked-page #folder-nav-container {
  height: 100%;
  overflow: auto; }

.leaflet-rrose-content {
  pointer-events: none; }
  .leaflet-rrose-content .note-buttons-wrapper {
    pointer-events: auto; }

.ui-button .ui-icon-loading {
  background-image: url(/assets/images/loading-30faf67bfa16bb7ad3fe845f146c6aff.gif) !important;
  background-position: 0 2px !important; }

.ui-button .ui-button-icon-secondary.ui-icon-loading {
  right: .3em !important; }

/* Custom Leaflet buttons */
.leaflet-bottom.leaflet-right > .leaflet-bar:nth-last-child(2) {
  margin-bottom: 4em; }

#doc-map.with-marker-form .leaflet-bottom.leaflet-right > .leaflet-bar:nth-last-child(2) {
  margin-bottom: 15.7em; }

.leaflet-bar a, .leaflet-bar a:hover {
  color: #3E3E3E !important;
  text-decoration: none !important; }

.leaflet-control-custom.leaflet-bar a.disabled,
.leaflet-control-custom.leaflet-bar a.disabled:hover, .leaflet-draw-toolbar a.disabled,
.leaflet-draw-toolbar a.disabled:hover {
  cursor: default;
  opacity: .4;
  color: inherit;
  background-color: #fff; }

.leaflet-control-custom.leaflet-bar-horizontal a, .leaflet-control-custom.leaflet-bar-horizontal a:hover {
  float: left;
  border-bottom: none; }
.leaflet-control-custom.leaflet-bar-horizontal a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
.leaflet-control-custom.leaflet-bar-horizontal a:last-child {
  border-bottom-left-radius: 0;
  border-right: none; }

.leaflet-control-custom a.leaflet-togglebutton,
.leaflet-control-custom a.leaflet-togglebutton:hover {
  width: 46px !important; }
  .leaflet-control-custom a.leaflet-togglebutton span.glyphicon,
  .leaflet-control-custom a.leaflet-togglebutton:hover span.glyphicon {
    padding: 0 4px; }

body .leaflet-container {
  background-color: #E4E4E4; }

.leaflet-overlay-pane > svg {
  z-index: 2; }

.embedded-spreadsheet {
  background-color: white; }
  .embedded-spreadsheet td {
    overflow: hidden; }
    .embedded-spreadsheet td:hover {
      overflow: visible; }

.binder-view {
  position: relative; }
  .binder-view .binder-div {
    z-index: 9999999;
    width: 100%;
    height: 100%;
    margin: 20px 75px; }
    .binder-view .binder-div .page {
      position: relative;
      background: rgba(255, 255, 255, 0); }
      .binder-view .binder-div .page .paper {
        background: #FFFFFF;
        box-sizing: border-box; }
        .binder-view .binder-div .page .paper > .header, .binder-view .binder-div .page .paper > .footer {
          z-index: 1;
          background: none;
          margin: 0;
          position: absolute;
          width: 100%;
          font-size: 18px;
          box-sizing: border-box; }
        .binder-view .binder-div .page .paper > .header {
          height: 30px;
          text-align: center;
          top: 0;
          border: 0; }
        .binder-view .binder-div .page .paper > .footer {
          height: 30px;
          text-align: center;
          padding: 0 20px;
          bottom: 0; }
        .binder-view .binder-div .page .paper .controls {
          position: absolute;
          bottom: 60px;
          padding: 0 20px;
          z-index: 1; }
          .binder-view .binder-div .page .paper .controls .btn {
            font-size: 18px; }
    .binder-view .binder-div .content {
      position: relative;
      overflow: hidden;
      z-index: 2; }
      .binder-view .binder-div .content .loading {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 128px;
        width: 128px;
        background-image: url(/images/../images/jquery-file-upload/loading.gif); }
      .binder-view .binder-div .content .title {
        display: table-cell;
        vertical-align: middle;
        font-size: 25px;
        color: white; }
      .binder-view .binder-div .content .binder-title-wrapper,
      .binder-view .binder-div .content .message-wrapper,
      .binder-view .binder-div .content .separator-title-wrapper {
        position: absolute;
        width: 510px;
        height: 150px;
        top: 250px;
        left: 78px;
        box-sizing: border-box;
        text-align: center;
        display: table; }
      .binder-view .binder-div .content .binder-title-wrapper {
        border: 2px solid black;
        background: #efefef; }
        .binder-view .binder-div .content .binder-title-wrapper .title {
          color: black; }
      .binder-view .binder-div .content .separator-title-wrapper {
        top: 300px; }
      .binder-view .binder-div .content .info-message {
        color: #AAAAAA;
        font-size: 20px; }
      .binder-view .binder-div .content .error-message {
        color: #000000;
        font-size: 20px; }
      .binder-view .binder-div .content .html-content {
        transform-origin: top left; }
      .binder-view .binder-div .content .img-content {
        max-width: 100% !important;
        max-height: 100% !important; }
      .binder-view .binder-div .content .binder-index {
        padding: 30px 20px;
        font-size: 20px;
        text-align: left; }
        .binder-view .binder-div .content .binder-index .title {
          display: block;
          color: inherit;
          text-align: center; }
        .binder-view .binder-div .content .binder-index .row {
          position: relative;
          height: 30px; }
        .binder-view .binder-div .content .binder-index .name {
          position: absolute;
          white-space: nowrap;
          width: 85%;
          overflow: hidden;
          line-height: 1em; }
        .binder-view .binder-div .content .binder-index .page-num {
          position: absolute;
          right: 0; }
        .binder-view .binder-div .content .binder-index .row.document .name {
          left: 2em; }
        .binder-view .binder-div .content .binder-index .row.section .name {
          left: 0; }
        .binder-view .binder-div .content .binder-index .row.section span {
          font-weight: bold; }
    .binder-view .binder-div .content.expanded {
      overflow: visible; }
      .binder-view .binder-div .content.expanded .controls .expand-btn {
        display: none; }
    .binder-view .binder-div .content.collapsed::after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-shadow: inset -100px -100px 100px 0px #eeeeee;
      -moz-box-shadow: inset -100px -100px 100px 0px #eeeeee;
      box-shadow: inset -100px -100px 100px 0px #eeeeee; }
    .binder-view .binder-div .page.even .paper {
      margin-right: 15px; }
      .binder-view .binder-div .page.even .paper > .footer .page-number {
        float: left; }
      .binder-view .binder-div .page.even .paper .controls {
        left: 80px; }
    .binder-view .binder-div .page.even .ring {
      right: 0;
      background-position: left center; }
    .binder-view .binder-div .page.even .content.collapsed::after {
      -webkit-box-shadow: inset 100px -100px 100px 0px #eeeeee;
      -moz-box-shadow: inset 100px -100px 100px 0px #eeeeee;
      box-shadow: inset 100px -100px 100px 0px #eeeeee; }
    .binder-view .binder-div .page.even .content.expanded .html-content {
      position: absolute;
      right: 0; }
    .binder-view .binder-div .page.even .content {
      text-align: left; }
    .binder-view .binder-div .page.odd .paper {
      margin-left: 15px; }
      .binder-view .binder-div .page.odd .paper > .footer .page-number {
        float: right; }
      .binder-view .binder-div .page.odd .paper .controls {
        right: 80px; }
    .binder-view .binder-div .page.odd .ring {
      background-position: right center; }
    .binder-view .binder-div .page.odd .content {
      text-align: right; }
  .binder-view .ring {
    position: absolute;
    width: 55px;
    height: 28px;
    background-size: auto 28px;
    background-image: url(/assets/binder-rings-ac8615d79f28e3d4fa7a9af2b0ad3f59.png);
    transform: translate3d(0px, 0px, 0px);
    z-index: 3; }
  .binder-view > .ring {
    background-image: url(/assets/binder-rings-right-b68be4a178465d43d62066ad9f71f1b7.png);
    width: 106px;
    left: 745px; }
  .binder-view .ring0 {
    top: 318px; }
  .binder-view .ring1 {
    bottom: 318px; }
  .binder-view .section-tabs {
    position: relative;
    float: left;
    overflow: hidden; }
    .binder-view .section-tabs .group {
      position: absolute;
      width: 50px;
      height: 940px; }
    .binder-view .section-tabs .tab {
      box-sizing: border-box;
      position: absolute;
      width: 156px;
      height: 50px;
      font-size: 16px;
      cursor: pointer;
      border-bottom: 2px #B3b3b3 solid;
      -webkit-border-radius: 20px 20px 0px 0px;
      -moz-border-radius: 20px 20px 0px 0px;
      border-radius: 20px 20px 0px 0px;
      transform-origin: bottom left;
      -webkit-box-shadow: #B3B3B3 0px -1px 10px 1px;
      -moz-box-shadow: #B3B3B3 0px -1px 10px 1px;
      box-shadow: #B3B3B3 0px -1px 10px 1px; }
      .binder-view .section-tabs .tab .title {
        width: 140px;
        margin: auto;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        color: white; }
    .binder-view .section-tabs .left.group {
      left: 26px; }
      .binder-view .section-tabs .left.group .tab {
        margin-left: 50px;
        margin-top: 106px;
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    .binder-view .section-tabs .right.group {
      right: 26px; }
      .binder-view .section-tabs .right.group .tab {
        margin-top: -50px;
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }

.glyphicon-undo {
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.glyphicon-undo:before {
  content: "\e095"; }

path.line-marker:hover {
  stroke: darkgreen;
  stroke-width: 3px; }

#doc-map.mode-create {
  cursor: url(/assets/glyphicons-31-pencil-68a1110df9fe757eb6b0dc57323a5cfb.png) 0 25, auto; }

.leaflet-div-icon.leaflet-div-icon-drag-handle {
  border-top: none;
  border-right: none;
  cursor: move; }

.leaflet-div-icon.leaflet-div-icon-adder {
  cursor: pointer;
  border: none;
  background-color: transparent;
  margin-top: -15px !important;
  margin-left: 3px !important; }
  .leaflet-div-icon.leaflet-div-icon-adder .leaflet-div-icon__icon-wrapper {
    background-color: #c19e78;
    border-radius: 12px;
    height: 12px;
    width: 12px; }
  .leaflet-div-icon.leaflet-div-icon-adder span.glyphicon {
    top: -8px; }
  .leaflet-div-icon.leaflet-div-icon-adder .glyphicon-plus:before {
    font-size: 8px;
    color: #f5f5f5; }

.leaflet-div-icon.leaflet-div-icon-resize-handle {
  background-color: transparent !important;
  border: 0 !important;
  padding: 3px; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper {
    font-size: 8px !important; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle.position-NW {
    cursor: nw-resize;
    left: 3px;
    top: 0; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle.position-SE {
    cursor: se-resize;
    left: 3px;
    top: -2px; }
  .leaflet-div-icon.leaflet-div-icon-resize-handle.position-SW {
    cursor: sw-resize;
    left: 3px;
    top: -2px; }

.leaflet-div-icon.leaflet-div-icon--redaction {
  background-color: gray; }
  .leaflet-div-icon.leaflet-div-icon--redaction .leaflet-div-icon__icon-wrapper > .glyphicon {
    color: white;
    top: 0; }
  .leaflet-div-icon.leaflet-div-icon--redaction.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper {
    background-color: white !important;
    border-color: white !important; }

.leaflet-div-icon.leaflet-div-icon--expose {
  border-color: #3388ff; }

.leaflet-div-icon.leaflet-div-icon--annotation {
  background-color: yellow;
  border-color: yellow; }

.leaflet-div-icon.leaflet-div-icon--colour1.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour1 {
  background-color: yellow;
  border-color: yellow; }

.leaflet-div-icon.leaflet-div-icon--colour2.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour2 {
  background-color: #00ffff;
  border-color: #00ffff; }

.leaflet-div-icon.leaflet-div-icon--colour3.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour3 {
  background-color: #00fc37;
  border-color: #00fc37; }

.leaflet-div-icon.leaflet-div-icon--colour4.leaflet-div-icon-resize-handle .leaflet-div-icon__icon-wrapper,
.leaflet-div-icon.leaflet-div-icon--colour4 {
  background-color: #ff05f5;
  border-color: #ff05f5; }

.leaflet-div-icon__icon-wrapper {
  height: 100%;
  font-size: 16px; }

.leaflet-div-icon__icon-wrapper .glyphicon-resize-full {
  transform: scaleX(-1); }

.leaflet-div-icon.leaflet-div-icon--hidden {
  opacity: 0.1; }

.leaflet-div-icon.leaflet-div-icon--hidden > .leaflet-div-icon__icon-wrapper {
  display: none; }

.leaflet-bar .leaflet-bar__a {
  background-image: url(/assets/leaflet_draw/spritesheet-2x-updated-3a9480d45f4941ded3e272c3cefb7d27.png);
  background-size: 390px 30px; }
.leaflet-bar .leaflet-bar__leaflet-draw-draw-redaction-whole {
  background-position: -357.5px -0.5px; }

.select2-drop.tour-listing-select2-dropdown {
  position: fixed; }

.leaflet-embedded-media-popup .leaflet-rrose-content {
  pointer-events: auto;
  width: auto !important; }

.leaflet-embedded-media-popup audio {
  outline: none; }

.leaflet-embedded-media-popup .leaflet-rrose-tip {
  background: transparent;
  border: none;
  box-shadow: none; }

.leaflet-embedded-media-popup .leaflet-rrose-close-button {
  background: white;
  border-radius: 50%;
  padding: 5px; }

.leaflet-embedded-media-popup .leaflet-rrose-content-wrapper {
  background: transparent;
  box-shadow: none;
  padding: 0; }

.leaflet-embedded-media-popup .audiojs p {
  margin: 0; }

body.surface--is-open #app-page-title, body.surface--is-open #view-controls,
body.surface--is-open #main-sidebar, body.surface--is-open .main-sidebar-shadow {
  display: none; }
body.surface--is-open #sidepanel-header-container, body.surface--is-open #side-panels {
  background-color: white; }
body.surface--is-open #hubspot-messages-iframe-container {
  z-index: 0; }
table#message-browser {
  width: 100%;
  padding: 0 0;
  border-collapse: collapse;
/*   position: relative; */
}

table#message-browser td {
  margin: 0 0;
  padding: 0 0;
  vertical-align: top;
  position: relative;
}

td#message-select-panel {
  width: 40%;
  z-index: 1;
  /* border-right: 1px solid gray;*/
}

td#message-view-panel {
}

/* 
 * Message list screen
 */

a.message-link {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
 
ul.message-list {
  margin: 0 0;
  padding: 0 0;
  width: 100%;
  float: left;
}

ul.message-list li {
  list-style: none;
  /* border-right: 1px solid gray; */
  border-bottom: 1px solid #ddd;
}

ul.message-list li.selected,
ul.message-list li.selected:hover {
  background-color: #bbb; 
  border: 1px solid gray;
  border-right: 1px solid #bbb; ;
}

ul.message-list li a {
  padding: 5px;
  text-decoration: none;
}

ul.message-list li:hover { background: #ddd; }

ul.message-list li.selected a {
  color: white;
  background-color: inherit; 
}

.unread {
  font-weight: bold;
}

ul.message-list span {
  float: left;
}

ul.message-list span.message-summary {
	padding-left: 2ex;
	float: none;
	clear: both;
	display: block;
	color: #777;
}

ul.message-list span.message-subject {
  font-style: italic;
  margin-right: 0.8em;
}

ul.message-list li.selected span.message-summary {
	color: #f0f0f0;
}


ul.message-list span.message-date {
	width: 9em;
	float: right;
	text-align: right;
}

ul.message-list span.attachment-icon {
	width: 14px;
	height: 14px;
	float: right;
	margin: 5px 5px 0 3px;
}

ul.message-list span.attachment-icon img {
	width: 14px;
	height: 14px;
}


ul.message-list span.message-sender,
ul.message-list span.message-recipients,
ul.message-list span.message-date {
  margin: 4px 0 0 4px;
}

/* 
 * Inline message viewer panel
 */
 
#message-container {
  background-color: #bbb; 
  border: 1px solid gray;
  position: relative;
  z-index: 0;
  margin-left: -1px;
} 

#message-container .message-view-panel-inner {
  margin: 12px 12px 0px 12px;
}

#message-container div.message-part{
  background-color: white;
  border: 1px solid gray;
  margin-bottom: 1px;  
}

#message-container div.message-header{
  background-color: #eee;
  border: 1px solid gray;
  margin-bottom: 1px;  
}

#message-container .conversation_footer {
  margin: 0 0 14px 0;
  text-align: right;
}

/* 
 * Message show screen 
 */

.message {
  margin-bottom: 14px;
}

.standalone-message {
  margin-top: 10px;
}

.message div.message-part {
  padding: 6px 8px;
  background-color: white;
  border: 1px solid gray;
  margin-bottom: 1px;  
}

#message-container div.message-part{
}

.message div.message-part img.attachment-icon {
  float: right;
}

.message div.message-header {
  font-weight: bold;
  background-color: #eee;
}

.message div.message-header .message-addresses {
  float: left;
}

.message div.message-header .message-sent-date {
  float: right;
}

.message .message-subject {
  float: left;
  font-weight: bold;
  width: 50%;
  size: 1.2em;
}

.message .message-controls {
  float: right;
}

.message .message-body {
  display: block;
  clear: both;
  margin-top: 2em;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/******** Message Edit Form *********/

.message-form {
  padding-right: 8px;
  padding-bottom: 12px;
}

div#attachments_folder_field {
  display: inline;
}

.message-form div#attachments_folder_field .ui-button {
  margin-right: 3px;
}

.message-form .advanced-settings-wrapper {
  margin-top: 8px;
}

.message-form .advanced-settings p {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.message-form .advanced-settings input {
  margin: 2px 8px 0 0 !important;
}

.message-form .advanced-settings p label {
  font-weight: normal;
}

div.fileupload-progress {
  float: left;
  display: inline;
}

#attachments_folder_field div.fileupload-progress { width: 100%; }
#attachments_folder_field .files .progress { width: 100%; }
#attachments_folder_field .ui-button { margin-top: 2px; }

div#attachments_folder_field ul { margin: 0 0; }
div#attachments_folder_field li { margin-left: -5px; }

.message-form .message_recipients {
  display: block;
  background-color: white;
}

body .message_recipients .select2-choices,
#message_subject,
#message_attachment_upload,
#fake-body {
  border: 1px solid #ccc;
}

#message_attachment_upload {
}

#fake-body {
  height: auto;
  margin: 0 0;
  font-family: inherit;
  font-size: 1.1em;
}

/* CLEAR UP SELECT2 */

.select2-choices {
  background: none !important;
}

.select2-choices .select2-search-choice {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
}

/* Message context on compose screen */

.message-sequence {
  margin-top: 10px;
}

.message-sequence .entry {
  clear: both;
  margin-bottom: 4px;
}

.message-sequence .entry:hover { background-color: #f6f6f6; }
.message-sequence .highlighted-entry { background-color: #f6f6f6; }
.message-sequence:hover .highlighted-entry { background-color: transparent; }
.message-sequence .highlighted-entry:hover { background-color: #f6f6f6; }


.message-sequence .content {
  padding-left: 36px;
  line-height: 1.35em;
}

.message-sequence .envelope {
  float: right;
  display: inline;
  color: #999;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: right;
  margin: 2px 3px 1px 0;
}


.message-sequence .content p {
  margin: 0 0 3px;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
/*
 * FullCalendar v1.5.2 Print Stylesheet
 *
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the <link> tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Sun Aug 21 22:06:09 2011 -0700
 *
 */
 
 
 /* Events
-----------------------------------------------------*/

 
.fc-event-skin {
	background: none !important;
	color: #000 !important;
	}
	
/* horizontal events */
	
.fc-event-hori {
	border-width: 0 0 1px 0 !important;
	border-bottom-style: dotted !important;
	border-bottom-color: #000 !important;
	padding: 1px 0 0 0 !important;
	}
	
.fc-event-hori .fc-event-inner {
	border-width: 0 !important;
	padding: 0 1px !important;
	}
	
/* vertical events */
	
.fc-event-vert {
	border-width: 0 0 0 1px !important;
	border-left-style: dotted !important;
	border-left-color: #000 !important;
	padding: 0 1px 0 0 !important;
	}
	
.fc-event-vert .fc-event-inner {
	border-width: 0 !important;
	padding: 1px 0 !important;
	}
	
.fc-event-bg {
	display: none !important;
	}
	
.fc-event .ui-resizable-handle {
	display: none !important;
	}
	
	
/*













 */