/* Using a variant of the tailwind/base reset */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

/* Changed this directive so as not to mess up drop down boxes */

/* ::before,
::after {
  box-sizing: border-box; point 1 above*/

/* border-width: 0;  point 2 above */

/* border-style: solid; point 2 above */

/* border-color: #e2e8f0; point 2 above */

/* }   */

/* So now we ignore selects from this rule */

*:not(select),
*:not(select)::before,
*:not(select)::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.tw-container {
  width: 100%;
}

@media (min-width: 400px) {
  .tw-container {
    max-width: 400px;
  }
}

@media (min-width: 640px) {
  .tw-container {
    max-width: 640px;
  }
}

@media (min-width: 800px) {
  .tw-container {
    max-width: 800px;
  }
}

@media (min-width: 1024px) {
  .tw-container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .tw-container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .tw-container {
    max-width: 1536px;
  }
}

@font-face {
  font-family: 'Droid Sans';

  font-style: normal;

  font-weight: 400;

  src: url(/assets/fonts/DroidSans.woff) format('woff');
}

@font-face {
  font-family: 'Droid Sans';

  font-style: normal;

  font-weight: 700;

  src: url(/assets/fonts/DroidSans-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Droid Serif';

  font-style: italic;

  font-weight: 400;

  src: url(/assets/fonts/DroidSerif-Italic.woff) format('woff');
}

@font-face {
  font-family: 'Maven Pro';

  font-style: normal;

  font-weight: 400;

  src: url(/assets/fonts/MavenProRegular.woff) format('woff');
}

* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  background: #000000;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  line-height: 1.231;
  min-height: 100%;
}

body.active {
    background: #000000;
  }

body.dialog-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

a {
  color: #666666;
}

a:hover {
    color: #222222;
  }

#wrapper {
  background: #f4f4f4;
}

@media (max-width: 1024px) {

#wrapper {
    background: rgb(92,92,92);

    overflow-x: hidden
}
  }

.cont_wrap {
  background: #f4f4f4;
}

#container, #motd {
  width: 80%;
  margin: 0 auto;
  padding-top: 20px;
}

@media (max-width: 1280px) {

#container, #motd {
    width: 96%
}
  }

#motd {
  padding-top: 0;
  padding-bottom: 0;
}

#motd p {
    margin-top: 20px;
  }

.fa {
  vertical-align: middle;
}

.fa.green {
    color: #03c03c;
  }

.fa.blue {
    color: blue;
  }

.fa.red {
    color: red;
  }

.fa.grey {
    color: grey;
  }

.fa.orange {
    color: orange;
  }

a.icon {
  display: inline-block;
  padding: 5px;
  text-decoration: none;
}

a.icon:hover {
  cursor: pointer;
  color: #cdcdcd;
}

.fa.icon {
  font-size: 18px;
  text-shadow: 0px 2px 3px rgba(150,150,150,0.5);
}

.clearfix:after,
.clearfix:before {
  display: table;
  content: ' ';
}

.clearfix:after {
  clear: both;
}

.right {
  float: right;
  width: 49%;
  margin: 0;
  padding: 0 0 0 1%;
}

.right.third {
    width: 32.333333333333336%;
    margin: 0;
    padding: 0 1% 0 0;
  }

.right.twothird {
    width: 65.66666666666667%;
    margin: 0;
    padding: 0 1% 0 0;
  }

@media (max-width: 400px) {
  .right {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.left {
  float: left;
  width: 49%;
  margin: 0;
  padding: 0 1% 0 0;
}

.left.third {
    width: 32.333333333333336%;
    margin: 0;
    padding: 0 1% 0 0;
  }

.left.twothird {
    width: 65.66666666666667%;
    margin: 0;
    padding: 0 1% 0 0;
  }

@media (max-width: 400px) {
  .left {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.r {
  float: right;
}

.l {
  float: left;
}

.la {
  text-align: left;
}

.ra {
  text-align: right;
}

.flex {
  display: flex;
}

.flex_take_space {
  flex: 1 1 auto
}

.flex_dont_change {
  flex: 0 0 auto
}

.wrap {
  flex-wrap: wrap;
}

/* TODO: If we can ever get rid of this class, we can also remove the
   work-around in plotly support which needs to circumvent it */

.active {
  background: #82d180;
}

.minor {
  background: yellow;
}

.inactive {
  background: #f26c4f;
}

.hidden {
  display:none;
}

.clear {
  clear: both;
}

.b {
  font-weight: bold;
}

.u {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}

@media (max-width: 400px) {
  h1 {
    font-size: 12px;
  }
}

.loading {
  opacity: 0.4;
  position: relative;
  z-index: 10;
  height: 0;
}

.loading:after {
    margin: auto;
    top: 15%;
    left: 47%;
    position: fixed;
    font-family: 'FontAwesome';
    font-size: 60px;
    content: '\f110';
    opacity: 1;
    animation:spin 2s linear infinite;
  }

.loading-container {
  min-height: 450px;
  position: relative;
}

@keyframes spin { 100% { transform:rotate(360deg);
  }
}

.animated {
  transition: transform 0.8s ease-in-out;
  animation-duration: 0.8s;
}

.button {
  display: inline-block;
  border: 1px solid #e2e2e2;
  padding: 3px 5px;
  text-decoration: none;
  border-radius: 3px;
  background: linear-gradient(#ededed, #dedede);
}

.button:hover {
    background: linear-gradient(#dedede, #ededed);
  }

.button.active {
    background: linear-gradient(rgb(143, 214, 141), #82d180);
  }

.button.active:hover {
      background: linear-gradient(#82d180, rgb(143, 214, 141));
    }

.button span {
    font-size: 11px;
  }

.button span.large {
      font-size: 18px;
    }

.button.button-notext span {
      display: none;
    }

.button.button-highlight {
    background: linear-gradient(#ffffff, #ededed);
  }

.button:disabled {
    cursor: not-allowed;
  }

.no-close .ui-dialog-titlebar {
    display:none
  }

.no-close .ui-dialog-titlebar-close {
    display: none;
  }

#login {
  display: none;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overflow-x: scroll;
}

#login iframe {
    width: 100%;
    height: 100%;
  }

ul.ui-autocomplete {
  z-index: 9999;
}

.super {
  position: relative; top: -0.5em; font-size: 80%;
}

.justify {
  text-align: justify;
}

.ui-menu li {
    background: none;
    position: relative;
  }

.ui-menu li:after {
      position: absolute;
      left: 3px;
      font-family: 'FontAwesome';
      text-shadow: 0px 1px 2px rgba(150,150,150,0.5);
    }

.ui-menu li.active:after {
      content: '\f00c';
      color: #82d180
    }

.ui-menu li.minor:after {
      content: '\f06a';
      color: rgb(242, 242, 0);
    }

.ui-menu li.inactive:after {
      content: '\f071';
      color: #f26c4f;
    }

.plot_container {
  margin-bottom: 10px;
}

.plot_container:not(.right):not(.left) {
    padding: 1%;
  }

.plot_container button[name=reset] {
    float: right;
  }

.legend table tr {
  cursor: pointer;
}

.legend table tr:hover {
  background: #dddddd;
}

#avg_time {
  height: 250px;
}

#avg_time.large {
    height: 500px;
  }

#visit_breakdown {
  height: 500px;
}

#overview {
  height: 35px;
  width: 94%;
}

#dc_hist, #dc_hist2 {
  height: 167px;
}

#logon {
  height: 450px;
}

#logon canvas {
    transition: opacity .3s ease-in-out;
  }

#logon.loading canvas {
      opacity: 0.5;
    }

.horizontal_stack {
  height: 30px;
}

.usage {
  width: 50%;
}

#system_pie,
#ovr_pie,
#visit_pie,
#aps, #apstats {
  height: 400px;
}

.legend {
  float: right;
  margin: 3px 0 20px 0;
}

#pie1, #pie2, #pie3 {
  height: 250px;
}

.pie_holder {
  padding: 0 2%;
  float: left;
  width: 29.3333%;
}

.legendColorBox {
  padding: 2px;
}

.legendColorBox > div {
  border: none !important;
}

.legendColorBox > div > div {
  border-radius: 3px;
}

.legendLabel {
  padding: 2px;
}

.annote {
  position: absolute;
  color: #000000;
  font-size: smaller;
}

.annote sub {
    vertical-align: sub;
    font-size: smaller;
  }

@media (max-width: 400px) {
  #system_pie,
    #ovr_pie,
    #visit_pie {
    height: 320px !important;
  }

  .pie_holder {
    width: 96%;
  }

  #overview {
    width: 95%;
  }
}

/*
Post css extend container templates.
*/

/* 
Tailwind: Tweaks to keep table forms consistent 
They can be overriden by specific classes below
*/

.table table td input {
  padding: 0.25rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 0.25rem;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
  /* Turn on debugging... */
  /* @apply tw-border-4 tw-border-orange-400; */
}

.table table td input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

/* Having overriden table input styles, make sure we show error state */

.table table td input.ferror {
  --bg-opacity: 1;
  background-color: #f26c4f;
  background-color: rgba(242, 108, 79, var(--bg-opacity));
}

/* Tailwind: Fix form input */

.table table.dewars td input {
  padding: 0.2rem;
}

/* Tailwind: Fix form input */

.table table.samples td input {
  padding: 0.25rem;
}

.table {
  margin: 10px 0
}

.table.table-no-margin {
  margin: 0;
}

.table.right.tracking {
  margin-left: 50%;
}

.table table {
    width: 100%;
  }

.table table td,
        .table table th {
      padding: 5px;
    }

.table table td.extra, .table table th.extra, .table table th.xtal, .table table td.xtal, .table table th.non-xtal, .table table td.non-xtal, .table table th.auto, .table table td.auto {
      display: none
    }

.table table td.extra.show, .table table th.extra.show, .table table th.xtal.show, .table table td.xtal.show, .table table th.non-xtal.show, .table table td.non-xtal.show, .table table th.auto.show, .table table td.auto.show {
      display: table-cell;
    }

@media (max-width: 400px) {
      .table table td.extra.show, .table table th.extra.show, .table table th.xtal.show, .table table td.xtal.show, .table table th.non-xtal.show, .table table td.non-xtal.show, .table table th.auto.show, .table table td.auto.show {
        display: block;
      }
  }

.table table thead th, .table table thead th a {
      text-align: center;
      background: #474747;
      color: #f1f1f1
    }

.table table thead th.editable, .table table thead th a.editable {
      border-radius: 0;
      padding-right: 0
    }

.table table thead th.editable:hover, .table table thead th a.editable:hover {
      background-image: none;
      background: #474747;
    }

.table table thead th.sorting_asc, .table table thead th a.sorting_asc {
      background: #474747 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEyRTRGNzc2ODQxMTFFMDhEQUNGMTY5REZEMjE2N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEyRTRGNzg2ODQxMTFFMDhEQUNGMTY5REZEMjE2N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTJFNEY3NTY4NDExMUUwOERBQ0YxNjlERkQyMTY3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTJFNEY3NjY4NDExMUUwOERBQ0YxNjlERkQyMTY3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prbz1qAAAADfSURBVHjaYvj//z8DCIBoJgYISAMRjDAZEAAIIDhihOJUuDRAADEgqUuD8bFqBgggBnRBZDvh2kGACV0Ap4OYGLAAgAACG4ymWguIpdDlWdD0eQCxHJR9DYiPYNjNyMiI00YQYMHlV+IcjgUABBBBk9BDkQFb4GGz0gwpaHAqMoDSNrgUhWIJQ+IdzkK1sKKeIoAAgycPPO4CpQJTYvSjpFosqYcViMOAmBuI3wLxOpB+XNGPzzA+qEHIXvwJxCugNNGGyaFEIprPgHgNEL8nxWUkp3IWUpI/daJ8yBsGAPYpfiAT49QyAAAAAElFTkSuQmCC) no-repeat right center;
    }

.table table thead th.sorting_desc, .table table thead th a.sorting_desc {
      background: #474747 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUJCRDk4N0E2ODQxMTFFMDhEQUNGMTY5REZEMjE2N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUJCRDk4N0I2ODQxMTFFMDhEQUNGMTY5REZEMjE2N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQkJEOTg3ODY4NDExMUUwOERBQ0YxNjlERkQyMTY3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQkJEOTg3OTY4NDExMUUwOERBQ0YxNjlERkQyMTY3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoOj1A0AAAD1SURBVHjaYvz//z8DDDAxIAEwh5GR0QBEAwQQI0wZihIwAAggRmQT4ABJMA2IbUB8gADCqhLTQFyCMDP9oGZC+EhmysEEAQIIu5OItgcLYIH7lpGRFUglosnPwhY+v0ESyIqwBhvQRHy+ZQAIIKI8w0Q131JPEQuS76KBmBtJ7jEQbwd5DNmkpWgGbMdl3XUofQSfmw5D6Wu40iXOUAcIMKKTD1WT2NA2jAUlbeNI0oQCHqthSEAFiJ1w6QfidUD8Fm/5hOYyYSAOAgkjif0E4hVQGsNl+AxjgKbxMCAGlRHvgHgt1GXY0x+IA8N4IskKX5jBMABvVG6XC3vLjQAAAABJRU5ErkJggg==) no-repeat right center;
    }

.table table thead th.sorting, .table table thead th a.sorting {
      background: #474747 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEyRTRGNzM2ODQxMTFFMDhEQUNGMTY5REZEMjE2N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEyRTRGNzQ2ODQxMTFFMDhEQUNGMTY5REZEMjE2N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTJFNEY3MTY4NDExMUUwOERBQ0YxNjlERkQyMTY3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTJFNEY3MjY4NDExMUUwOERBQ0YxNjlERkQyMTY3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlnHMKUAAAEVSURBVHjaYvz//z8DDDBBaWNkzlMQARBAjDBlLCAOEBvBRQACiAHEgGJjGJuJARXIgQiAAGJEtgvdTri9GA5BF/yCoh/Jdn4YGyCAsFkkCsQ/gPgzsiALmiIVIOaHsl8D8SNsrmRCUgQzGat3/gHxWSQ+MpsBa2BgAwABRJRCJixixoQUSRPyAAhIIMcgNkXaWMIQQxEzuqewKbqEpug2Lje9gdKP8Dn8IVI8khaYAAFGjCKQBySB+BmlhoGcrQPErED8DYhvgNI0OYaxQ+OCEUnsDxBfhdJEG8aPHIloAKThGjQnMZCVnClJ8kJArIjHZTegYUi0y7iAWIMaYQYDrNDYBMXqdyC+Tm5sIqczGSB+TEghADjydN89I+QHAAAAAElFTkSuQmCC) no-repeat right center;
    }

.table table tbody th {
        text-align: left;
        background: #474747;
      }

.table table tbody td.editable {
        border-radius: 0
      }

@media (max-width: 800px) {
        .table table tbody td.editable {
          display: table-cell
        }
      }

@media (max-width: 400px) {
        .table table tbody td.editable {
          display: block
        }
      }

.table table tbody td.editable:hover {
        padding-right: 2.5%;
        background: #cdcdcd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAQAAAAOR/aSAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdDAQPNicPrLwkAAAAWElEQVQY063PsQ3AIAxE0R9WMoOEbRjB22QRMxNpgmRQTMWVpyf5DKdyrYUKRq7Nd+mHgM1tmkltFCCHl1W06w0q4SYVjMKz7nFoRz60JwN1gIj470JyMi8YZRwyixNLhAAAAABJRU5ErkJggg==) no-repeat right !important;
      }

.table table tbody td {
        text-align: center;
        background: #f1f1f1
      }

.table table tbody td.la {
        text-align: left;
      }

.table table tbody td span.badge {
          padding: 5px;
          border-radius: 5px;
        }

.table table tbody td span.active {
          background: #82d180;
        }

.table table tbody td span.inactive {
          background: #f26c4f;
        }

.table table tbody td span.minor {
          background: yellow;
        }

.table table tbody tr.inactive td {
        background: #f26c4f !important;
      }

.table table tbody tr.minor td {
        background: yellow !important;
      }

.table table tbody tr.active td, .table table tbody tr.active:nth-child(odd) td {
        background: #82d180;
      }

.table table tbody tr:nth-child(odd) td,
            .table table tbody tr.odd td {
        background: #ebebeb;
      }

.table table tbody td span.sort {
        display: none;
      }

.table table tfoot th {
        text-align: left;
      }

.table table tfoot td {
        background: #dfdfdf;
        text-align: center;
        font-weight: bold;
      }

@media (max-width: 800px) {
      .table table.faults th:nth-child(4),
            .table table.faults th:nth-child(5),
            .table table.faults th:nth-child(6),
            .table table.faults th:nth-child(7),
            .table table.faults th:nth-child(8),
            .table table.faults td:nth-child(4),
            .table table.faults td:nth-child(5),
            .table table.faults td:nth-child(6),
            .table table.faults td:nth-child(7),
            .table table.faults td:nth-child(8) {
        display: none;
      }
  }

.table table.samples td.protein .ui-combobox {
        margin-right: 0;
      }

.table table.samples td.protein, .table table.samples td.name {
      white-space: nowrap;
    }

.table table.samples td.unitcell {
      width: 16%;
    }

.table table.samples td.unitcell input {
        width: 25%;
        /* Fix margin from tailwind port */
        margin-bottom: 2px;
      }

.table table.samples th.requireresolution, .table table.samples td.requireresolution {
      width: 10%;
    }

.table table.samples .components {
      white-space: nowrap;
    }

.table table.samples .components input[type="text"] {
        width: 30%
      }

.table table.samples .components input[name=COMPONENTID] {
        width: 60%;
      }

.table table.samples .components li {
        /*text-align: left;*/
        white-space: nowrap;
      }

@media (max-width: 400px) {
      .table table.samples td.requireresolution, .table table.samples td.unitcell {
        width: auto;
      }
  }

.table thead th button {
      color:white;
      background-color: transparent;
    }

.table table.subsamples table td {
      text-align: left;
    }

.table table.subsamples table td input {
        width: auto;
      }

.table div.dataTables_wrapper {
    background-color: #f4f4f4;
  }

.table a.paginate_button,
    .table a.paginate_active {
    display: inline-block;
    background-color: #474747;
    color: #efefef;
    padding: 2px 6px;
    margin-left: 2px;
    cursor: pointer;
    cursor: hand;
  }

.table a.paginate_active {
    background-color: transparent;
    border: 1px solid black;
    color: #474747;
  }

.table a.paginate_button_disabled {
    color: #ababab;
  }

.table .paging_full_numbers a:active {
    outline: none
  }

.table .paging_full_numbers a:hover {
    text-decoration: none;
  }

.table div.dataTables_paginate span>a {
    width: 15px;
    text-align: center;
  }

.table div.dataTables_info {
    padding: 9px 6px 6px 6px;
  }

.table div.dataTables_length {
    float: left;
  }

.table div.dataTables_filter {
    float: right;
  }

.table div.dataTables_info {
    float: left;
  }

.table div.dataTables_paginate {
    float: right;
  }

.table div.dataTables_length,
    .table div.dataTables_filter,
    .table div.dataTables_paginate,
    .table div.dataTables_info {
    padding: 6px;
  }

.table div.dataTables_wrapper:after,
.table div.dataTables_wrapper:before {
    display: table;
    content: ' ';
  }

.table div.dataTables_wrapper:after {
    clear: both;
  }

@media (max-width: 800px) {
    .table div.dataTables_filter {
      display: none;
    }
}

.table table.hover-row tr.selected td,
    .table table.hover-row tr:hover td {
    cursor: pointer;
    background: #dedede;
  }

.table table.no-wrap-last tr td:last-child {
    white-space: nowrap;
  }

.table.history {
  overflow-x: auto;
}

.table.tw {
  overflow-x: auto;
}

.table table.imagers tr.selected td,
    .table table.imagers tr:hover td,
    .table table.inspections tr.selected td,
    .table table.inspections tr:hover td,
    .table table.subsamples tr.selected td,
    .table table.subsamples tr:hover td,
    .table table.schedules tr.selected td,
    .table table.schedules tr:hover td,
    .table table.groups tr.selected td,
    .table table.groups tr:hover td,
    .table table.proposals tr.selected td,
    .table table.proposals tr:hover td,
    .table table.dewars tr.selected td,
    .table table.dewars tr:hover td,
    .table table.ehc tr.selected td,
    .table table.ehc tr:hover td,
    .table table.proteins.flt tr.selected td,
    .table table.proteins.flt tr:hover td,
    .table table.samples.flt tr.selected td,
    .table table.samples.flt tr:hover td,
    .table table.blended_table tr.selected td,
    .table table.blended_table tr:hover td,
    .table table.integrated tr.selected td,
    .table table.integrated tr:hover td,
    .table table.projects tr.selected td,
    .table table.projects tr:hover td,
    .table table.shipments tr.selected td,
    .table table.shipments tr:hover td,
    .table table.visits tr.selected td,
    .table table.visits tr:hover td,
    .table table.contacts tr.selected td,
    .table table.contacts tr:hover td,
    .table table.proteins tr.selected td,
    .table table.proteins tr:hover td,
    .table table.samples tr.selected td,
    .table table.samples tr:hover td,
    .table table.peaks tr.selected td,
    .table table.peaks tr:hover td,
    .table table.containers tr.selected td,
    .table table.containers tr:hover td,
    .table table.systems tr.selected td,
    .table table.systems tr:hover td,
    .table table.components tr.selected td,
    .table table.components tr:hover td {
    cursor: pointer;
    background: #dedede;
  }

.table table.samples tr td:last-child, .table table.dewars tr td:last-child, .table table.visits tr td:last-child, .table table.systems tr td:last-child, .table table.components tr td:last-child {
    white-space: nowrap;
  }

.history .table {
  margin-top: 0;
}

html[xmlns] .dataTables_wrapper { display: block;
}

* html .dataTables_wrapper { height: 1%;
}

.reflow .top {
    display: none;
  }

@media (max-width: 400px) {
    .reflow .top {
      display: inline-block;
    }

    .reflow tr.innerShell {
      display: none;
    }

    .reflow thead, .reflow tbody, .reflow th, .reflow td, .reflow tr {
      display: block;
    }

    .reflow thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    .reflow tr {
      border: 1px solid #ccc;
      margin-bottom: 5px;
      border-radius: 5px;
    }

    .reflow tbody td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      min-height: 14px;
    }

    .reflow td:last-child {
      border-bottom: none;
    }

    .reflow td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      font-weight: 700;
    }
      .reflow.cell td:nth-of-type(1):before { content: "Space Group";
      }
      .reflow.cell td:nth-of-type(2):before { content: "A";
      }
      .reflow.cell td:nth-of-type(3):before { content: "B";
      }
      .reflow.cell td:nth-of-type(4):before { content: "C";
      }
      .reflow.cell td:nth-of-type(5):before { content: "\3B1";
      }
      .reflow.cell td:nth-of-type(6):before { content: "\3B2";
      }
      .reflow.cell td:nth-of-type(7):before { content: "\3B3";
      }
      .reflow.shell td:nth-of-type(1):before { content: "Shell";
      }
      .reflow.shell td:nth-of-type(2):before { content: "Observations";
      }
      .reflow.shell td:nth-of-type(3):before { content: "Unique";
      }
      .reflow.shell td:nth-of-type(4):before { content: "Resolution";
      }
      .reflow.shell td:nth-of-type(5):before { content: "Rmeas";
      }
      .reflow.shell td:nth-of-type(6):before { content: "I/sig(I)";
      }
      .reflow.shell td:nth-of-type(7):before { content: "Completeness";
      }
      .reflow.shell td:nth-of-type(8):before { content: "CC Half";
      }
      .reflow.shell td:nth-of-type(9):before { content: "Multiplicity";
      }
      .reflow.shell td:nth-of-type(10):before { content: "Anom Completeness";
      }
      .reflow.shell td:nth-of-type(11):before { content: "Anom Multiplicity";
      }
      .reflow.shell td:nth-of-type(12):before { content: "CC Anom";
      }
      .reflow.strat td:nth-of-type(1):before { content: "Strategy";
      }
      .reflow.strat td:nth-of-type(2):before { content: "Description";
      }
      .reflow.strat td:nth-of-type(3):before { content: "\3A9 Start";
      }
      .reflow.strat td:nth-of-type(4):before { content: "\3A9 Oscillation";
      }
      .reflow.strat td:nth-of-type(5):before { content: "Resolution";
      }
      .reflow.strat td:nth-of-type(6):before { content: "Ranking Resolution";
      }
      .reflow.strat td:nth-of-type(7):before { content: "Relative Transmission";
      }
      .reflow.strat td:nth-of-type(8):before { content: "Absolute Transmission";
      }
      .reflow.strat td:nth-of-type(9):before { content: "Exposure";
      }
      .reflow.strat td:nth-of-type(10):before { content: "No. of Images";
      }
      .reflow.strat td:first-child {
        background: #ebebeb;
      }
      .reflow.dewars td {
        text-align: left;
      }
      .reflow.dewars td:nth-of-type(1):before { content: "Name";
      }
      .reflow.dewars td:nth-of-type(2):before { content: "Barcode";
      }
      .reflow.dewars td:nth-of-type(3):before { content: "Facility Code";
      }
      .reflow.dewars td:nth-of-type(4):before { content: "First Experiment";
      }
      .reflow.dewars td:nth-of-type(5):before { content: "Tracking # to";
      }
      .reflow.dewars td:nth-of-type(6):before { content: "Tracking # from";
      }
      .reflow.dewars td:nth-of-type(7):before { content: "Status";
      }
      .reflow.dewars td:nth-of-type(8):before { content: "Location";
      }
      .reflow.dewars td:nth-of-type(9):before { content: "Containers";
      }
      .reflow.dewars td:nth-of-type(10):before { content: "Add Container";
      }
        .reflow.dewars tr.new td:nth-of-type(10):before { content: "Save Dewar";
        }
      .reflow.samples td {
        text-align: left;
        padding-left: 35%;
      }
        .reflow.samples td:before {
          width: 30%;
        }
      .reflow.samples td input[type=text] {
        width: auto;
      }
        .reflow.samples td .ui-combobox input.ui-combobox-input {
          padding: 0;
          width: 90%;
        }
        .reflow.samples td .ui-combobox button.ui-button-icon-only {
          top: -3px;
          height: 2.2em;
        }
      .reflow.samples td:nth-of-type(1):before { content: "Location";
      }
      .reflow.samples td.protein:before { content: "Protein Acronym";
      }
      .reflow.samples td.abundance:before { content: "Abundance";
      }
      .reflow.samples td.components:before { content: "Components";
      }
      .reflow.samples td.name:before { content: "Sample Name";
      }
      .reflow.samples td.spacegroup:before { content: "Spacegroup";
      }
      .reflow.samples td.barcode:before { content: "Barcode";
      }
      .reflow.samples td.volume:before { content: "Volume";
      }
      .reflow.samples td.comments:before { content: "Comment";
      }
      .reflow.samples td.requiredresolution:before { content: "Required Resolution";
      }
      .reflow.samples td.anomalousscatterer:before { content: "Anomalous Scatterer";
      }
      .reflow.samples td.unitcell:before { content: "Unit Cell";
      }
      .reflow.samples td.centringmethod:before { content: "Centring Method";
      }
      .reflow.samples td.experimentkind:before { content: "Experiment Kind";
      }
      .reflow.samples td.energy:before { content: "Energy (eV)";
      }
      .reflow.samples td.radiationsensitivity:before { content: "Radiation Sensitivity";
      }
      .reflow.samples.view td:nth-of-type(7):before { content: "Data Collected";
      }
      .reflow.samples.view td:nth-of-type(8):before { content: "Edit / Del / View";
      }
      .reflow.unitcell td:nth-of-type(1):before { content: "A";
      }
      .reflow.unitcell td:nth-of-type(2):before { content: "B";
      }
      .reflow.unitcell td:nth-of-type(3):before { content: "C";
      }
      .reflow.unitcell td:nth-of-type(4):before { content: "\3B1";
      }
      .reflow.unitcell td:nth-of-type(5):before { content: "\3B2";
      }
      .reflow.unitcell td:nth-of-type(6):before { content: "\3B3";
      }
      .reflow.summary td:nth-of-type(1):before { content: "Prefix";
      }
      .reflow.summary td:nth-of-type(2):before { content: "Sample";
      }
      .reflow.summary td:nth-of-type(3):before { content: "Date";
      }
      .reflow.summary td:nth-of-type(4):before { content: "No. Images";
      }
      .reflow.summary td:nth-of-type(5):before { content: "\3A9 Oscillation";
      }
      .reflow.summary td:nth-of-type(6):before { content: "Exposure Time";
      }
      .reflow.summary td:nth-of-type(7):before { content: "Transmission";
      }
      .reflow.summary td:nth-of-type(8):before { content: "Spacegroup";
      }
      .reflow.summary td:nth-of-type(9):before { content: "Unit Cell";
      }
      .reflow.summary td:nth-of-type(10):before { content: "Resolution";
      }
      .reflow.summary td:nth-of-type(11):before { content: "Rmeas";
      }
      .reflow.summary td:nth-of-type(12):before { content: "Completeness";
      }
      .reflow.summary td:nth-of-type(13):before { content: "View / Download";
      }
      .reflow.xo td:nth-of-type(1):before { content: "Aligned Axes";
      }
      .reflow.xo td:nth-of-type(2):before { content: "Kappa";
      }
      .reflow.xo td:nth-of-type(3):before { content: "Phi";
      }
      .reflow.ehc td:nth-of-type(1):before { content: "Title";
      }
      .reflow.ehc td:nth-of-type(2):before { content: "Time";
      }
      .reflow.ehc td:nth-of-type(3):before { content: "By";
      }
      .reflow.ehc td:nth-of-type(4) {
        padding-left: 5px;
      }
        .reflow.ehc td:nth-of-type(4):before {
          width: 0;
        }
      .reflow.bc td:nth-of-type(1):before { content: "Beam Centre";
      }
      .reflow.bc td:nth-of-type(2):before { content: "X";
      }
      .reflow.bc td:nth-of-type(3):before { content: "Y";
      }
      .reflow.bepm_sets td:nth-of-type(1):before { content: "Processed";
      }
      .reflow.bepm_sets td:nth-of-type(2):before { content: "Anom. scatterer";
      }
      .reflow.bepm_sets td:nth-of-type(3):before { content: "Space group";
      }
      .reflow.bepm_sets td:nth-of-type(4):before { content: "Num. scatterers";
      }
      .reflow.bepm_sets td:nth-of-type(5):before { content: "Dataset type";
      }
      .reflow.bepm_sets td:nth-of-type(6):before { content: "Compound";
      }
      .reflow.bepm_sets td:nth-of-type(7):before { content: "Sequence";
      }
      .reflow.bepm_stats td:nth-of-type(1):before { content: "Pipeline";
      }
      .reflow.bepm_stats td:nth-of-type(2):before { content: "Res / Frag / Max";
      }
      .reflow.bepm_stats td:nth-of-type(3):before { content: "Best MapCC (Res)";
      }
      .reflow.bepm_stats td:nth-of-type(4):before { content: "Files";
      }
      .reflow.procsummary td:nth-of-type(1):before { content: "Type";
      }
      .reflow.procsummary td:nth-of-type(2):before { content: "Resolution";
      }
      .reflow.procsummary td:nth-of-type(3):before { content: "Space Group";
      }
      .reflow.procsummary td:nth-of-type(4):before { content: "Mn<I/sig(I)>";
      }
      .reflow.procsummary td:nth-of-type(5):before { content: "Rmerge Inner";
      }
      .reflow.procsummary td:nth-of-type(6):before { content: "Rmerge Outer";
      }
      .reflow.procsummary td:nth-of-type(7):before { content: "Completeness";
      }
      .reflow.procsummary td:nth-of-type(8):before { content: "Cell";
      }
      .reflow.autoprocess td:nth-of-type(1):before { content: "Processing Programs";
      }
      .reflow.autoprocess td:nth-of-type(2):before { content: "Comments";
      }
      .reflow.autoprocess td:nth-of-type(3):before { content: "Message";
      }
      .reflow.autoprocess td:nth-of-type(4):before { content: "Start Time";
      }
      .reflow.autoprocess td:nth-of-type(5):before { content: "End Time";
      }
  }

div.table.bg table th:not(.renderable), div.table.bg table tr:not(.empty) td:not(.renderable) {
    display: none;
  }

table.autoprocess {
  margin-top: 5px;
}

#header {
  --bg-opacity: 1;
  background-color: #2c2c2c;
  background-color: rgba(44, 44, 44, var(--bg-opacity));
  background-image: url(data:image/png;base64,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);
  background-position: top;
  background-repeat: no-repeat;
  --text-opacity: 1;
  color: #aaaaaa;
  color: rgba(170, 170, 170, var(--text-opacity));
  color: #666666;
}

#header h1 {
    padding: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
  }

#header h1 a {
      color: #666666;
      text-decoration: none;
    }

#header a {
    color: #666666;
  }

#header a:hover {
      color: #cdcdcd;
    }

#header a.pull {
    display: none;
  }

#header span.search-mobile {
    display: none;
    padding: 1px;
    background: #cdcdcd;
  }

#header span.search-mobile input.search-mobile {
      font-family: 'FontAwesome';
      width: 97%;
      padding: 1%;
    }

#header span.search-mobile.split input.search-mobile {
      width: 46%;
    }

#header span.search-mobile.split select {
      font-size: 16px;
    }

@media (max-width: 1024px) {

#header {
    position: fixed;

    top: 0;

    width: 100%;

    z-index: 4
}

    #header a.pull.enable {
      display: inline-block;
    }
  }

@media (max-width: 800px) {

#header {

    font-size: 14px;

    background-image: none
}
    #header .icon-label {
      display: none;
    }

    #header span.search-mobile.enable {
      display: block;
    }
  }

#menu {
  font-size: 12px;
  float: right;
  list-style-type:none;
  padding: 5px;
  color: #dddddd;
  white-space: nowrap;
}

@media (max-width: 800px) {

#menu {
    font-size: 14px
}
  }

#menu li {
    display: inline;
    padding: 0 5px;
  }

#menu li a {
      color: #dddddd;
      text-decoration: none;
    }

#menu li a:hover {
        color: #ffffff;
      }

#navigation {
  background: #474747;
  color: #dbdbdb;
  font-size: 10px;
  list-style-type:none;
  padding: 5px 5px;
  clear: both;
}

#navigation li {
    display: inline;
    padding: 2px;
  }

#navigation li a {
      color: #dbdbdb;
      text-decoration: none;
    }

#navigation li a:hover {
        color: #ffffff;
      }

#navigation li:before {
      content: '\00BB  ';
    }

#footer {
  margin-top: 70px;
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  background-image: url(/assets/css/images/ispyb_gs_medium.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  background-position: 50% 60%;
}

@media (max-width: 1024px) {

#footer {
    clear: both
}
  }

#footer .bottom_bar {
    border-top: 1px solid #bbb;
    font-size: 12px;
    font-family: 'Maven Pro';
    display: block;
    padding: 0.5%;
    color: #222;
    background: #eee;
    transition: 0.3s ease-in-out;
  }

#footer .bottom_bar a {
      text-decoration: none;
    }

#footer .bottom_bar .powered_by {
      float: left;
      width: 50%;
    }

#footer .bottom_bar .site {
      margin-left: 50%;
      text-align: right;
    }

#sidebar {
  margin: 2% auto;
  margin-bottom: 0;
  width: 80%;
}

@media (max-width: 1280px) {

#sidebar {
    width: 96%
}
  }

#sidebar ul {
    list-style: none;
    border: 1px solid #e2e2e2;
    background: rgb(247,247,247);
    background: linear-gradient(to top, rgb(247,247,247), rgb(240,240,240));
  }

#sidebar ul li {
      float: left;
      border-right: 1px solid #e2e2e2;
      font-weight: bold;
      font-size: 11px;
      width: 14%;
      position: relative;
      transition-property: background;
      transition-duration: 300ms;
      transition-timing-function: ease-in-out;
    }

#sidebar ul li .message span {
        font-weight: normal;
        padding: 15px;
        width: calc(100% - 30px);
        text-align: center;
      }

#sidebar ul li:hover {
        background: #f9f9f9;
      }

#sidebar ul li:hover ul {
          display: block;
        }

#sidebar ul li.feedback,
            #sidebar ul li.help {
        float: right;
        border-right: 0;
        border-left: 1px solid #e2e2e2;
      }

#sidebar ul li.help.active {
        background: #f9f9f9;
      }

#sidebar ul li .current {
        cursor: pointer;
      }

#sidebar ul li .current:hover {
          background: #ededed;
        }

#sidebar ul li span,
            #sidebar ul li a {
        text-decoration: none;
        display: inline-block;
        width: 100%;
        padding: 8% 0;
        text-align: center;
      }

#sidebar ul li ul {
        position: absolute;
        left: -1px;
        width: 100%;
        display: none;
        border-bottom: 0;
        z-index: 2;
      }

#sidebar ul li ul li {
          float: none;
          width: 100%;
          border-bottom: 1px solid #e2e2e2;
        }

#sidebar ul li ul li a {
            text-align: left;
            padding-left: 10%;
            width: 90%;
          }

@media (max-width: 1024px) {
  #sidebar, .cont_wrap {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    width: 100%;
    margin-top: 56px;
  }

  .cont_wrap {
    margin-left: 0;
    float: left;
  }

  #sidebar {
    margin-left: -100%;
    float: left;
    width: 180px !important;
  }
    #sidebar input {
      width: 70% !important;
      height: 100% !important;
    }
    #sidebar ul, #sidebar ul li, #sidebar ul li ul, #sidebar ul li ul li, #sidebar ul li.help, #sidebar ul li.feedback {
      border: 0;
      background: transparent;
    }
      #sidebar ul li {
        width: 100%;
      }
        #sidebar ul li .current:hover {
          background: rgb(120, 120, 120);
        }
        #sidebar ul li.feedback, #sidebar ul li.help {
          float: none;
        }
        #sidebar ul li span, #sidebar ul li a {
          padding: 12px 5%;
          width: 90%;
          text-align: left;
          border-bottom: 1px solid #3e3e3e;
          border-top: 1px solid #717171;
          color: #ffffff;
          background: rgb(92,92,92);
        }
        #sidebar ul li ul li a {
          width: 85%;
        }
        #sidebar ul li.help.active a {
          background: rgb(115,115,115);
        }
        #sidebar ul li a:hover {
          background: rgb(105,105,105);
        }
        #sidebar ul li ul {
          display: block;
          left: 0;
          position: relative;
        }

  body.active {
    position: relative;
  }
    body.active #sidebar {
      margin-left: 0;
      width: 182px
    }
    body.active .cont_wrap {
      margin-right: -100%;
    }
}

@media (max-width: 800px) {
  #sidebar.searchbox {
    margin-top: 84px;
  }

  .cont_wrap.searchbox {
    margin-top: 76px;
  }
}

.project {
  display: none;
}

.project p {
  margin-bottom: 10px;
}

.content {
  padding-bottom: 1%;
}

.content .nopadding {
    padding-bottom: 0%;
  }

.content > h1 {
  padding: 10px 0;
  margin-bottom: 15px;
  word-wrap: break-word;
  font-size: 24px;
  font-family: 'Maven Pro';
  border-bottom: 1px solid grey
}

.content > h1.nou {
  border-bottom: 0;
}

.content > h1.center {
  text-align: center;
}

.content h2 {
    padding: 3px 0;
    margin-bottom: 5px;
    word-wrap: break-word;
    font-size: 16px;
    font-family: 'Maven Pro';
    border-bottom: 1px solid grey;
  }

.content h2 a {
      text-decoration: none;
    }

.content .border {
    border: 1px solid #e2e2e2;
  }

.content .border p {
      padding: 10px;
    }

.content p.message {
    padding: 1%;
    margin-bottom: 1%;
    border-radius: 5px;
    color: #e2e2e2;
    background: #000000;
  }

.content p.message.alert {
    background: #f26c4f;
    color: #000000;
  }

.content p.message.notify {
    background: #82d180;
    color: #000000;
  }

.content p.inset {
    width: 70%;
    display: block;
    margin: auto;
  }

.content p.inset img {
      width: 100%;
      box-shadow: 3px 3px 3px 1px grey;
      margin: 5px
    }

.content p.inset img.match {
      width: auto;
    }

.content .padded_button .ui-widget {
      font-size: 0.6em;
    }

/*
Moved here with postcss extend.
Seems bit arbitrary what works and what doesn't when using with nested
*/

.content p.help {
  padding: 1%;
  margin-bottom: 1%;
  border-radius: 5px;
  color: #e2e2e2;
  background: #000000;
}

.content p.help.alert {
  background: #f26c4f;
  color: #000000;
}

.content p.help.notify {
  background: #82d180;
  color: #000000;
}

.content p.help {
  display: none;
}

.block {
  list-style: none;
}

.block li {
    padding: 2%;
    margin: 0 0 1% 0;
    border-radius: 6px;
    background: #cdcdcd;
    height: 20px;
    /* fix for tailwind */
    box-sizing: content-box;
  }

.containers {
  list-style: none;
}

.containers li {
    padding: 2%;
    margin: 0 0 1% 0;
    border-radius: 6px;
    background: #cdcdcd;
    height: 20px;
    /* fix for tailwind */
    box-sizing: content-box;
  }

div.container {
  /* fix for tailwind - assign containers page*/
  box-sizing: content-box;
}

.status,
.log {
  padding: 5px;
  margin-bottom: 10px;
}

div.log {
  margin-top: 5px;
}

.status,
.log h1 {
  font-size: 14px;
  padding: 5px;
}

.log ul {
  height: 70px;
  overflow: auto;
  overflow-x: hidden;
  padding: 5px;
  background: #ebebeb;
  border-radius: 6px;
}

.log ul li {
  display: block;
  padding: 2px;
  color: #666666;
}

.log ul li span.title {
  color: #000000;
}

.search {
  float:right;
  padding: 5px;
  margin-left: 5px;
  background: #cdcdcd;
  margin-top: 4px;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(100,100,100,.4) inset, 0 1px 0 rgba(255,255,255,.2);
  white-space: nowrap;
}

.search input {
    font-family: 'FontAwesome';
    width: 160px;
    padding: 1%;
  }

.search input:focus {
      outline: 0;
    }

@media (max-width: 800px) {

.search {
    width: 100%
}
  }

@media (max-width: 800px) {

.search.hide {
      display: none
  }
    }

/* Moved this so it is defined before being extended */

.block-nos {
  white-space: nowrap;
}

.block-nos ul {
    list-style: none;
  }

.block-nos ul li {
      display: inline-block;
    }

.block-nos ul li a {
        text-decoration: none;
        display: block;
        width: 25px;
        padding: 3px 0;
        text-align: center;
        background: #ededed;
        color: #666666;
        margin: 2px;
      }

.block-nos ul li a:hover {
          color: #222222;
        }

@media (max-width: 400px) {

.block-nos ul li a {
          padding: 8px 5px
      }
        }

.block-nos ul li.selected a {
        background: #cdcdcd;
      }

.page_wrap {
  overflow: auto;
  margin: 5px;
  padding: 0 0 10px 0;
}

.page_wrap .per_page {
    float: left;
    padding: 3px 3px 3px 0;
    position: absolute
  }

@media (max-width: 400px) {
    .page_wrap .per_page {
      display: none
    }
  }

.page_wrap .pages {
    white-space: nowrap;
  }

.page_wrap .pages ul {
      list-style: none;
    }

.page_wrap .pages ul li {
        display: inline-block;
      }

.page_wrap .pages ul li a {
          text-decoration: none;
          display: block;
          width: 25px;
          padding: 3px 0;
          text-align: center;
          background: #ededed;
          color: #666666;
          margin: 2px
        }

.page_wrap .pages ul li a:hover {
          color: #222222;
        }

@media (max-width: 400px) {
          .page_wrap .pages ul li a {
            padding: 8px 5px
          }
        }

.page_wrap .pages ul li.selected a {
        background: #cdcdcd;
      }

.page_wrap .pages.pp {
    margin-left: 60px
  }

@media (max-width: 400px) {
    .page_wrap .pages.pp {
      margin-left: 0
    }
  }

.page_wrap .pages ul:before {
      content: 'Page';
      background: #ededed;
      color: rgb(110, 110, 110);
      display: inline-block;
      padding: 3px 5px;
      margin-right: 2px
    }

@media (max-width: 400px) {
      .page_wrap .pages ul:before {
        padding: 8px
      }
    }

.time_wrap {
  overflow: auto;
  margin: 5px;
}

.time_wrap .times {
    white-space: nowrap;
  }

.time_wrap .times ul {
      list-style: none;
    }

.time_wrap .times ul li {
        display: inline-block;
      }

.time_wrap .times ul li a {
          text-decoration: none;
          display: block;
          width: 25px;
          padding: 3px 0;
          text-align: center;
          background: #ededed;
          color: #666666;
          margin: 2px
        }

.time_wrap .times ul li a:hover {
          color: #222222;
        }

@media (max-width: 400px) {
          .time_wrap .times ul li a {
            padding: 8px 5px
          }
        }

.time_wrap .times ul li.selected a {
        background: #cdcdcd;
      }

.time_wrap .times ul > li > a {
      width: 40px !important;
    }

/* Moved this so it is defined before being extended */

.list-arrow {
  overflow: hidden;
  width: 100%;
}

.list-arrow li {
    cursor: pointer;
    float: left;
    text-decoration: none;
    color: #000000;
    background: #dfdfdf;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: .4em;
    padding: .5em 0.6em .5em 0.6em;
    margin: 0 0.5em 0 0;
    transition: background .3s ease-out;
  }

.list-arrow li:hover, .list-arrow li:hover:after, .list-arrow li.current, .list-arrow li.current:after {
      background: #efefef;
    }

.list-arrow .fixed li {
    margin-bottom: 0.5%;
    width: 1.933333333333334%;
    margin: 0.2%;
    padding: 2% 3%;
  }

.filter {
  overflow: hidden;
  width: 100%;
}

.filter li {
    cursor: pointer;
    float: left;
    text-decoration: none;
    color: #000000;
    background: #dfdfdf;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-radius: .4em;
    padding: .5em 0.6em .5em 0.6em;
    margin: 0 0.5em 0 0;
    transition: background .3s ease-out
  }

.filter li:hover, .filter li:hover:after, .filter li.current, .filter li.current:after {
    background: #efefef;
  }

.filter .fixed li {
    margin-bottom: 0.5%;
    width: 1.933333333333334%;
    margin: 0.2%;
    padding: 2% 3%;
  }

.filter {
  margin-bottom: 5px
}

@media (max-width: 800px) {
  .filter:not(.filter-nohide) {
    display: none;
  }
}

ol.rounded {
  counter-reset: li;
  list-style: none;
  list-style: decimal;
  font: 18px 'Droid Sans';
  padding: 0;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  /* Tailwind adjustment */
  margin-bottom: 0.5em;
}

ol.rounded li {
    float:left;
    position: relative;
    display: block;
    /* Tailwind adjustment */
    padding: 0.5em 1em 0.5em 1em;
    margin-left: 2rem;
    color: #000000;
    background: #dfdfdf;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
  }

ol.rounded li:before{
      content: counter(li);
      counter-increment: li;
      position: absolute;
      background: #82d180;
      border: .3em solid #f4f4f4;
      text-align: center;
      border-radius: 2em;
      transition: all .3s ease-out;
      /* Tailwind adjustment */
      top: -0.1em;
      left: -1.75em;
      padding-top: 0.4em;
      height: 2.5em;
      width: 2.5em;
    }

ol.rounded li:hover{
      background: #efefef;
    }

ol.rounded li:hover:before{
        transform: rotate(360deg);
      }

/* Tailwind adjustment */

/* Tailwind adjustment */

ol.rounded:after li:before,ol.rounded:before li:before{
      /* Tailwind adjustment */
    }

ol.rounded:after li:hover:before,ol.rounded:before li:hover:before{
      }

ol.rounded:after,
ol.rounded:before {
  display: table;
  content: ' ';
}

/* Tailwind adjustment */

/* Tailwind adjustment */

ol.rounded:after li:before{
      /* Tailwind adjustment */
    }

ol.rounded:after li:hover:before{
      }

ol.rounded:after {
  clear: both;
}

.ul {
  width: 34%;
  list-style: none;
}

@media (max-width: 800px) {

.ul {
    width: 100%
}
  }

.ul.single {
    width: 17%;
  }

.ul.single > li {
      width: 93%;
      width: calc(95.5% - 15px);
      padding: 2.5% 2%;
    }

@media (max-width: 800px) {

.ul.single {
      width: 100%
  }

      .ul.single > li {
        width: 43%;
        width: calc(47.5% - 15px);
        padding: 1.5% 1%;
      }
    }

.ul.half {
    width: 49%;
  }

@media (max-width: 800px) {

.ul.half {
      width: 100%
  }
    }

.ul > li {
    float: left;
    width: 43%;
    width: calc(47.5% - 15px);
    padding: 1.5% 1%;
    margin: 0.5%;
    background: rgb(230, 230, 230);
    margin-left: 15px;
    position: relative;
    transition: background .3s ease-out;
  }

.ul > li.active {
      box-shadow: 0 0 2px #82d180 inset;
    }

.ul > li:hover {
      background: #ebebeb;
    }

.ul > li:before {
      content: "";
      position: absolute;
      background: #dedede;
      padding: 0;
      top: 0;
      left: -15px;
      width: 10px;
      height: 100%;
    }

.ul > li:after{
      position: absolute;
      content: '';
      border: .5em solid transparent;
      left: -1em;
      top: 50%;
      margin-top: -.5em;
      transition: all .3s ease-out;
    }

.ul > li:hover:after{
      left: -.5em;
      border-left-color: #dedede;
    }

.ul > li.comment {
      margin: 0.5%;
      width: 95%;
      width: calc(97.5% - 15px);
      margin-left: 15px;
    }

.ul > li.sample {
      white-space: nowrap;
    }

.ul > li.sample .wrap {
        overflow-x: hidden;
        text-overflow: ellipsis;
        display: block;
      }

.ul > li.sample .wrap:hover {
          overflow-x: visible;
        }

.ul > li h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.ul.full {
    width: 100%;
  }

.ul.full > li {
      margin: 0.5%;
      padding: 1%;
      width: 16%;
      width: calc(17.5% - 15px);
      margin-left: 15px;
    }

@media (max-width: 800px) {

.ul.full > li {
        margin: 0.5%;

        padding: 1%;

        width: 45%;

        width: calc(47.5% - 15px);

        margin-left: 15px
    }
      }

.ul.hover > li:hover {
      cursor: pointer;
    }

/*
Post css extend templates.
This is the normal method to extend a block with postcss-extend, rather than use a selector directly.
Using a selector with no 'root' properties does not work because css-nested will optimise out the selector.
ul.comments was extending ul.bubbles. So in this case ul.bubbles won't exist while "ul.bubbles li" will.
*/

ul.bubbles li {
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    padding: 1%;
    margin-bottom: 5px;
  }

ul.bubbles li h1 {
      border-radius: 3px;
      padding: 0.7%;
      background: #efefef;
    }

ul.comments li {
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    padding: 1%;
    margin-bottom: 5px;
  }

ul.comments li h1 {
      border-radius: 3px;
      padding: 0.7%;
      background: #efefef;
    }

ul.status {
  font-size: 10px;
  white-space: nowrap;
  margin-bottom: 0;
}

ul.status li {
    padding: 2px 5px;
    border-radius: 2px;
    margin-bottom: 1px;
  }

ul.status li.R:before {
        content: 'Loaded by Robot'
      }

ul.status li.R {
      background-color: #ff6961;
}

ul.status li.GR:before {
        content: 'Grid Scanned'
      }

ul.status li.GR {
      background-color: #fdfd96;
}

ul.status li.SC:before {
        content: 'Screened'
      }

ul.status li.SC {
      background-color: #fdfd96;
}

ul.status li.AI:before {
        content: 'Auto Indexed'
      }

ul.status li.AI {
      background-color: #ffb347;
}

ul.status li.DC:before {
        content: 'Data Collected'
      }

ul.status li.DC {
      background-color: #87ceeb;
}

ul.status li.AP:before {
        content: 'Auto Integrated'
      }

ul.status li.AP {
      background-color: #77dd77;
}

ul.status li.COMP:before {
        content: 'Completed'
      }

ul.status li.COMP {
      background-color: #87ceeb;
}

li:last-child .visit_users {
  right: 2%
}

/* Moved data collection class to here so it follows the ul definition */

.data_collections:after,
.data_collections:before {
  display: table;
  content: ' ';
}

.data_collections:after {
  clear: both;
}

.data_collection {
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 15px;
  background: #efefef;
  border: 1px solid #e2e2e2;
}

.data_collection > h1 {
    font-family: 'Droid Sans';
    font-size: 14px;
    padding: 5px 5px 0px 0px;
    margin-bottom: 5px;
  }

.data_collection > h2 {
    font-size: 12px;
    padding: 3px 3px 3px 3px;
    text-decoration: underline;
    margin-bottom: 5px;
    word-wrap: break-word;
    width: 49%
  }

@media (max-width: 800px) {
    .data_collection > h2 {
      width: 100%
    }
  }

.data_collection p {
    padding: 5px;
  }

.data_collection .links {
    display: none;
    text-align: center;
    background: rgb(230, 230, 230);
    padding: 3%;
    margin: 5px 0;
    border-radius: 5px
  }

@media (max-width: 400px) {
    .data_collection .links {
      display: block
    }
  }

.data_collection .links a {
      text-decoration: none;
      display: inline-block;
      padding: 0 1.5%;
    }

@media (max-width: 800px) {
    .data_collection .aborted {
      float: none;
      text-align: center;
      padding: 5px;
      font-weight: bold;
      background: rgb(230, 230, 230);
    }
    .data_collection .downloads {
      float: none;
    }
}

@media (max-width: 400px) {
    .data_collection .temp {
      display: block;
      margin: 3px 0;
      overflow: hidden;
      text-overflow: ellipsis
    }
    .data_collection .temp:hover {
      overflow-x: visible;
    }
    .data_collection .date {
      display: block;
      font-size: 10px;
    }
    .data_collection .spacer, .data_collection i.expand {
      display: none;
    }
    .data_collection > h1 > button, .data_collection > h1 > a {
      float: right;
    }
}

.data_collection {
  /* Postcss - not working here - move to separate declaration below */
}

.data_collection .holder .downstream-item .downloads {
        padding: 0;
      }

.data_collection .holder .downstream-item .dpmessages .content {
        padding-bottom: 0;
      }

.data_collection .holder .downstream-item:not(:last-child) {
      margin-bottom: 5px;
    }

.data_collection .holder .separator {
      margin: 0 5px;
      color: #ccc
    }

.data_collection .holder .count {
      color: rgb(89, 89, 89);
    }

/*
        > span {
            float: right;
            padding: 7px;

            img {
                vertical-align: middle;
            }
        }*/

.data_collection .holder > h1 {
      cursor: pointer;
      background: #afafaf;
      padding: 8px;
      font-size: 12px;
      margin-top: 2px
    }

.data_collection .holder > h1:hover {
      background: #cdcdcd;
    }

.data_collection .holder > h1 > span {
        float: right;
      }

.data_collection .holder > h1 > span img {
          vertical-align: middle;
        }

.data_collection .holder > h1:after:hover, .data_collection .holder > h1:before:hover {
    }

.data_collection .holder > h1:after > span img, .data_collection .holder > h1:before > span img {
        }

.data_collection .holder > h1:after,
.data_collection .holder > h1:before {
      display: table;
      content: ' ';
}

.data_collection .holder > h1:after:hover {
    }

.data_collection .holder > h1:after > span img {
        }

.data_collection .holder > h1:after {
      clear: both;
}

.data_collection .holder > div {
      background: #ffffff;
      display: none;
      overflow: auto;
    }

.data_collection .holder > div .larger {
        font-size: 14px;
      }

.data_collection .holder > div .dcap {
        padding: 1% 1% 0 1%;
      }

.data_collection .holder > div .dcap .data_collection {
          margin-bottom: 0;
        }

.data_collection .holder > div > h1 {
        border-bottom: 1px solid;
        margin-bottom: 5px;
        padding: 5px 0 0 0;
        font-size: 12px;
      }

.data_collection .holder > div > div > table.atoms,
            .data_collection .holder > div .ui-tabs-panel table.atoms {
        width: 50%
      }

@media (max-width: 400px) {
        .data_collection .holder > div > div > table.atoms,
            .data_collection .holder > div .ui-tabs-panel table.atoms {
          width: 100%
        }
      }

.data_collection .holder > div > div > table.rstats,
            .data_collection .holder > div .ui-tabs-panel table.rstats {
        width: 68%;
        margin-top: 5px
      }

@media (max-width: 400px) {
        .data_collection .holder > div > div > table.rstats,
            .data_collection .holder > div .ui-tabs-panel table.rstats {
          width: 100%
        }
      }

.data_collection .holder > div > table,
            .data_collection .holder > div > div > table,
            .data_collection .holder > div .ui-tabs-panel table {
        font-size: 10px;
        width: 100%
      }

.data_collection .holder > div > table.cell, .data_collection .holder > div > table.xo, .data_collection .holder > div > table.bc, .data_collection .holder > div > div > table.cell, .data_collection .holder > div > div > table.xo, .data_collection .holder > div > div > table.bc, .data_collection .holder > div .ui-tabs-panel table.cell, .data_collection .holder > div .ui-tabs-panel table.xo, .data_collection .holder > div .ui-tabs-panel table.bc {
        width: auto
      }

@media (max-width: 400px) {
        .data_collection .holder > div > table.cell, .data_collection .holder > div > table.xo, .data_collection .holder > div > table.bc, .data_collection .holder > div > div > table.cell, .data_collection .holder > div > div > table.xo, .data_collection .holder > div > div > table.bc, .data_collection .holder > div .ui-tabs-panel table.cell, .data_collection .holder > div .ui-tabs-panel table.xo, .data_collection .holder > div .ui-tabs-panel table.bc {
          width: 100%
        }
      }

.data_collection .holder > div > table.reflow .top, .data_collection .holder > div > div > table.reflow .top, .data_collection .holder > div .ui-tabs-panel table.reflow .top {
          display: none;
        }

@media (max-width: 400px) {
          .data_collection .holder > div > table.reflow .top, .data_collection .holder > div > div > table.reflow .top, .data_collection .holder > div .ui-tabs-panel table.reflow .top {
            display: inline-block;
          }
          .data_collection .holder > div > table.reflow tr.innerShell, .data_collection .holder > div > div > table.reflow tr.innerShell, .data_collection .holder > div .ui-tabs-panel table.reflow tr.innerShell {
            display: none;
          }
          .data_collection .holder > div > table.reflow thead, .data_collection .holder > div > table.reflow tbody, .data_collection .holder > div > table.reflow th, .data_collection .holder > div > table.reflow td, .data_collection .holder > div > table.reflow tr, .data_collection .holder > div > div > table.reflow thead, .data_collection .holder > div > div > table.reflow tbody, .data_collection .holder > div > div > table.reflow th, .data_collection .holder > div > div > table.reflow td, .data_collection .holder > div > div > table.reflow tr, .data_collection .holder > div .ui-tabs-panel table.reflow thead, .data_collection .holder > div .ui-tabs-panel table.reflow tbody, .data_collection .holder > div .ui-tabs-panel table.reflow th, .data_collection .holder > div .ui-tabs-panel table.reflow td, .data_collection .holder > div .ui-tabs-panel table.reflow tr {
            display: block;
          }
          .data_collection .holder > div > table.reflow thead tr, .data_collection .holder > div > div > table.reflow thead tr, .data_collection .holder > div .ui-tabs-panel table.reflow thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
          }
          .data_collection .holder > div > table.reflow tr, .data_collection .holder > div > div > table.reflow tr, .data_collection .holder > div .ui-tabs-panel table.reflow tr {
            border: 1px solid #ccc;
            margin-bottom: 5px;
            border-radius: 5px;
          }
          .data_collection .holder > div > table.reflow tbody td, .data_collection .holder > div > div > table.reflow tbody td, .data_collection .holder > div .ui-tabs-panel table.reflow tbody td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            min-height: 14px;
          }
          .data_collection .holder > div > table.reflow td:last-child, .data_collection .holder > div > div > table.reflow td:last-child, .data_collection .holder > div .ui-tabs-panel table.reflow td:last-child {
            border-bottom: none;
          }
          .data_collection .holder > div > table.reflow td:before, .data_collection .holder > div > div > table.reflow td:before, .data_collection .holder > div .ui-tabs-panel table.reflow td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: 700;
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(1):before { content: "Space Group";
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(2):before { content: "A";
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(3):before { content: "B";
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(4):before { content: "C";
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(5):before { content: "\3B1";
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(6):before { content: "\3B2";
          }
          .data_collection .holder > div > table.reflow.cell td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.cell td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.cell td:nth-of-type(7):before { content: "\3B3";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(1):before { content: "Shell";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(2):before { content: "Observations";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(3):before { content: "Unique";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(4):before { content: "Resolution";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(5):before { content: "Rmeas";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(6):before { content: "I/sig(I)";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(7):before { content: "Completeness";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(8):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(8):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(8):before { content: "CC Half";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(9):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(9):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(9):before { content: "Multiplicity";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(10):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(10):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(10):before { content: "Anom Completeness";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(11):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(11):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(11):before { content: "Anom Multiplicity";
          }
          .data_collection .holder > div > table.reflow.shell td:nth-of-type(12):before, .data_collection .holder > div > div > table.reflow.shell td:nth-of-type(12):before, .data_collection .holder > div .ui-tabs-panel table.reflow.shell td:nth-of-type(12):before { content: "CC Anom";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(1):before { content: "Strategy";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(2):before { content: "Description";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(3):before { content: "\3A9 Start";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(4):before { content: "\3A9 Oscillation";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(5):before { content: "Resolution";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(6):before { content: "Ranking Resolution";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(7):before { content: "Relative Transmission";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(8):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(8):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(8):before { content: "Absolute Transmission";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(9):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(9):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(9):before { content: "Exposure";
          }
          .data_collection .holder > div > table.reflow.strat td:nth-of-type(10):before, .data_collection .holder > div > div > table.reflow.strat td:nth-of-type(10):before, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:nth-of-type(10):before { content: "No. of Images";
          }
          .data_collection .holder > div > table.reflow.strat td:first-child, .data_collection .holder > div > div > table.reflow.strat td:first-child, .data_collection .holder > div .ui-tabs-panel table.reflow.strat td:first-child {
            background: #ebebeb;
          }
          .data_collection .holder > div > table.reflow.dewars td, .data_collection .holder > div > div > table.reflow.dewars td, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td {
            text-align: left;
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(1):before { content: "Name";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(2):before { content: "Barcode";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(3):before { content: "Facility Code";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(4):before { content: "First Experiment";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(5):before { content: "Tracking # to";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(6):before { content: "Tracking # from";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(7):before { content: "Status";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(8):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(8):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(8):before { content: "Location";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(9):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(9):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(9):before { content: "Containers";
          }
          .data_collection .holder > div > table.reflow.dewars td:nth-of-type(10):before, .data_collection .holder > div > div > table.reflow.dewars td:nth-of-type(10):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars td:nth-of-type(10):before { content: "Add Container";
          }
            .data_collection .holder > div > table.reflow.dewars tr.new td:nth-of-type(10):before, .data_collection .holder > div > div > table.reflow.dewars tr.new td:nth-of-type(10):before, .data_collection .holder > div .ui-tabs-panel table.reflow.dewars tr.new td:nth-of-type(10):before { content: "Save Dewar";
            }
          .data_collection .holder > div > table.reflow.samples td, .data_collection .holder > div > div > table.reflow.samples td, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td {
            text-align: left;
            padding-left: 35%
          }
          .data_collection .holder > div > table.reflow.samples td:before, .data_collection .holder > div > div > table.reflow.samples td:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td:before {
            width: 30%;
          }
          .data_collection .holder > div > table.reflow.samples td input[type=text], .data_collection .holder > div > div > table.reflow.samples td input[type=text], .data_collection .holder > div .ui-tabs-panel table.reflow.samples td input[type=text] {
            width: auto;
          }
            .data_collection .holder > div > table.reflow.samples td .ui-combobox input.ui-combobox-input, .data_collection .holder > div > div > table.reflow.samples td .ui-combobox input.ui-combobox-input, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td .ui-combobox input.ui-combobox-input {
              padding: 0;
              width: 90%;
            }
            .data_collection .holder > div > table.reflow.samples td .ui-combobox button.ui-button-icon-only, .data_collection .holder > div > div > table.reflow.samples td .ui-combobox button.ui-button-icon-only, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td .ui-combobox button.ui-button-icon-only {
              top: -3px;
              height: 2.2em;
            }
          .data_collection .holder > div > table.reflow.samples td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.samples td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td:nth-of-type(1):before { content: "Location";
          }
          .data_collection .holder > div > table.reflow.samples td.protein:before, .data_collection .holder > div > div > table.reflow.samples td.protein:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.protein:before { content: "Protein Acronym";
          }
          .data_collection .holder > div > table.reflow.samples td.abundance:before, .data_collection .holder > div > div > table.reflow.samples td.abundance:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.abundance:before { content: "Abundance";
          }
          .data_collection .holder > div > table.reflow.samples td.components:before, .data_collection .holder > div > div > table.reflow.samples td.components:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.components:before { content: "Components";
          }
          .data_collection .holder > div > table.reflow.samples td.name:before, .data_collection .holder > div > div > table.reflow.samples td.name:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.name:before { content: "Sample Name";
          }
          .data_collection .holder > div > table.reflow.samples td.spacegroup:before, .data_collection .holder > div > div > table.reflow.samples td.spacegroup:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.spacegroup:before { content: "Spacegroup";
          }
          .data_collection .holder > div > table.reflow.samples td.barcode:before, .data_collection .holder > div > div > table.reflow.samples td.barcode:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.barcode:before { content: "Barcode";
          }
          .data_collection .holder > div > table.reflow.samples td.volume:before, .data_collection .holder > div > div > table.reflow.samples td.volume:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.volume:before { content: "Volume";
          }
          .data_collection .holder > div > table.reflow.samples td.comments:before, .data_collection .holder > div > div > table.reflow.samples td.comments:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.comments:before { content: "Comment";
          }
          .data_collection .holder > div > table.reflow.samples td.requiredresolution:before, .data_collection .holder > div > div > table.reflow.samples td.requiredresolution:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.requiredresolution:before { content: "Required Resolution";
          }
          .data_collection .holder > div > table.reflow.samples td.anomalousscatterer:before, .data_collection .holder > div > div > table.reflow.samples td.anomalousscatterer:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.anomalousscatterer:before { content: "Anomalous Scatterer";
          }
          .data_collection .holder > div > table.reflow.samples td.unitcell:before, .data_collection .holder > div > div > table.reflow.samples td.unitcell:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.unitcell:before { content: "Unit Cell";
          }
          .data_collection .holder > div > table.reflow.samples td.centringmethod:before, .data_collection .holder > div > div > table.reflow.samples td.centringmethod:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.centringmethod:before { content: "Centring Method";
          }
          .data_collection .holder > div > table.reflow.samples td.experimentkind:before, .data_collection .holder > div > div > table.reflow.samples td.experimentkind:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.experimentkind:before { content: "Experiment Kind";
          }
          .data_collection .holder > div > table.reflow.samples td.energy:before, .data_collection .holder > div > div > table.reflow.samples td.energy:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.energy:before { content: "Energy (eV)";
          }
          .data_collection .holder > div > table.reflow.samples td.radiationsensitivity:before, .data_collection .holder > div > div > table.reflow.samples td.radiationsensitivity:before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples td.radiationsensitivity:before { content: "Radiation Sensitivity";
          }
          .data_collection .holder > div > table.reflow.samples.view td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.samples.view td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples.view td:nth-of-type(7):before { content: "Data Collected";
          }
          .data_collection .holder > div > table.reflow.samples.view td:nth-of-type(8):before, .data_collection .holder > div > div > table.reflow.samples.view td:nth-of-type(8):before, .data_collection .holder > div .ui-tabs-panel table.reflow.samples.view td:nth-of-type(8):before { content: "Edit / Del / View";
          }
          .data_collection .holder > div > table.reflow.unitcell td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.unitcell td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.unitcell td:nth-of-type(1):before { content: "A";
          }
          .data_collection .holder > div > table.reflow.unitcell td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.unitcell td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.unitcell td:nth-of-type(2):before { content: "B";
          }
          .data_collection .holder > div > table.reflow.unitcell td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.unitcell td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.unitcell td:nth-of-type(3):before { content: "C";
          }
          .data_collection .holder > div > table.reflow.unitcell td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.unitcell td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.unitcell td:nth-of-type(4):before { content: "\3B1";
          }
          .data_collection .holder > div > table.reflow.unitcell td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.unitcell td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.unitcell td:nth-of-type(5):before { content: "\3B2";
          }
          .data_collection .holder > div > table.reflow.unitcell td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.unitcell td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.unitcell td:nth-of-type(6):before { content: "\3B3";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(1):before { content: "Prefix";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(2):before { content: "Sample";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(3):before { content: "Date";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(4):before { content: "No. Images";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(5):before { content: "\3A9 Oscillation";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(6):before { content: "Exposure Time";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(7):before { content: "Transmission";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(8):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(8):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(8):before { content: "Spacegroup";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(9):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(9):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(9):before { content: "Unit Cell";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(10):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(10):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(10):before { content: "Resolution";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(11):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(11):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(11):before { content: "Rmeas";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(12):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(12):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(12):before { content: "Completeness";
          }
          .data_collection .holder > div > table.reflow.summary td:nth-of-type(13):before, .data_collection .holder > div > div > table.reflow.summary td:nth-of-type(13):before, .data_collection .holder > div .ui-tabs-panel table.reflow.summary td:nth-of-type(13):before { content: "View / Download";
          }
          .data_collection .holder > div > table.reflow.xo td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.xo td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.xo td:nth-of-type(1):before { content: "Aligned Axes";
          }
          .data_collection .holder > div > table.reflow.xo td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.xo td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.xo td:nth-of-type(2):before { content: "Kappa";
          }
          .data_collection .holder > div > table.reflow.xo td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.xo td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.xo td:nth-of-type(3):before { content: "Phi";
          }
          .data_collection .holder > div > table.reflow.ehc td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.ehc td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.ehc td:nth-of-type(1):before { content: "Title";
          }
          .data_collection .holder > div > table.reflow.ehc td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.ehc td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.ehc td:nth-of-type(2):before { content: "Time";
          }
          .data_collection .holder > div > table.reflow.ehc td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.ehc td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.ehc td:nth-of-type(3):before { content: "By";
          }
          .data_collection .holder > div > table.reflow.ehc td:nth-of-type(4), .data_collection .holder > div > div > table.reflow.ehc td:nth-of-type(4), .data_collection .holder > div .ui-tabs-panel table.reflow.ehc td:nth-of-type(4) {
            padding-left: 5px
          }
          .data_collection .holder > div > table.reflow.ehc td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.ehc td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.ehc td:nth-of-type(4):before {
            width: 0;
          }
          .data_collection .holder > div > table.reflow.bc td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.bc td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bc td:nth-of-type(1):before { content: "Beam Centre";
          }
          .data_collection .holder > div > table.reflow.bc td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.bc td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bc td:nth-of-type(2):before { content: "X";
          }
          .data_collection .holder > div > table.reflow.bc td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.bc td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bc td:nth-of-type(3):before { content: "Y";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(1):before { content: "Processed";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(2):before { content: "Anom. scatterer";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(3):before { content: "Space group";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(4):before { content: "Num. scatterers";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(5):before { content: "Dataset type";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(6):before { content: "Compound";
          }
          .data_collection .holder > div > table.reflow.bepm_sets td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.bepm_sets td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_sets td:nth-of-type(7):before { content: "Sequence";
          }
          .data_collection .holder > div > table.reflow.bepm_stats td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.bepm_stats td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_stats td:nth-of-type(1):before { content: "Pipeline";
          }
          .data_collection .holder > div > table.reflow.bepm_stats td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.bepm_stats td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_stats td:nth-of-type(2):before { content: "Res / Frag / Max";
          }
          .data_collection .holder > div > table.reflow.bepm_stats td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.bepm_stats td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_stats td:nth-of-type(3):before { content: "Best MapCC (Res)";
          }
          .data_collection .holder > div > table.reflow.bepm_stats td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.bepm_stats td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.bepm_stats td:nth-of-type(4):before { content: "Files";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(1):before { content: "Type";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(2):before { content: "Resolution";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(3):before { content: "Space Group";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(4):before { content: "Mn<I/sig(I)>";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(5):before { content: "Rmerge Inner";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(6):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(6):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(6):before { content: "Rmerge Outer";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(7):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(7):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(7):before { content: "Completeness";
          }
          .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(8):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(8):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(8):before { content: "Cell";
          }
          .data_collection .holder > div > table.reflow.autoprocess td:nth-of-type(1):before, .data_collection .holder > div > div > table.reflow.autoprocess td:nth-of-type(1):before, .data_collection .holder > div .ui-tabs-panel table.reflow.autoprocess td:nth-of-type(1):before { content: "Processing Programs";
          }
          .data_collection .holder > div > table.reflow.autoprocess td:nth-of-type(2):before, .data_collection .holder > div > div > table.reflow.autoprocess td:nth-of-type(2):before, .data_collection .holder > div .ui-tabs-panel table.reflow.autoprocess td:nth-of-type(2):before { content: "Comments";
          }
          .data_collection .holder > div > table.reflow.autoprocess td:nth-of-type(3):before, .data_collection .holder > div > div > table.reflow.autoprocess td:nth-of-type(3):before, .data_collection .holder > div .ui-tabs-panel table.reflow.autoprocess td:nth-of-type(3):before { content: "Message";
          }
          .data_collection .holder > div > table.reflow.autoprocess td:nth-of-type(4):before, .data_collection .holder > div > div > table.reflow.autoprocess td:nth-of-type(4):before, .data_collection .holder > div .ui-tabs-panel table.reflow.autoprocess td:nth-of-type(4):before { content: "Start Time";
          }
          .data_collection .holder > div > table.reflow.autoprocess td:nth-of-type(5):before, .data_collection .holder > div > div > table.reflow.autoprocess td:nth-of-type(5):before, .data_collection .holder > div .ui-tabs-panel table.reflow.autoprocess td:nth-of-type(5):before { content: "End Time";
          }
      }

@media (max-width: 400px) {
          .data_collection .holder > div > table.reflow td, .data_collection .holder > div > div > table.reflow td, .data_collection .holder > div .ui-tabs-panel table.reflow td {
            padding-left: 50%;
          }
      }

.data_collection .holder > div .ui-widget-content {
        border-top: none;
      }

.data_collection .holder > div .ui-tabs.summary {
        border: 1px solid #aaaaaa;
      }

.data_collection .holder table tr {
        cursor: pointer
      }

.data_collection .holder table tr:hover {
        background: #fbfbfb;
      }

.data_collection .holder table tr th {
          font-weight: bold;
          background: #efefef;
          padding: 5px;
          text-align: left;
        }

.data_collection .holder table td {
        padding: 5px;
      }

.data_collection .holder table.rstats tr:first-child td {
      font-weight: bold;
      background: #efefef;
    }

.data_collection .holder table.bepm_stats td {
      padding: 5px;
      text-align: center;
    }

@media (max-width: 400px) {
      .data_collection .holder table.bepm_stats td,
                .data_collection .holder table.bepm_sets td {
        text-align: left;
      }
    }

.data_collection .holder table.align_center td {
      text-align: center;
    }

.data_collection .holder .plot_fastep {
      margin: 0 1%;
      width: 48%;
      height: 150px;
      float: right
    }

@media (max-width: 400px) {
      .data_collection .holder .plot_fastep {
        height: 100px;
        float: none
      }
    }

.data_collection .holder .plot_fastep .legend > table {
          width: auto;
        }

.data_collection .holder .plot_bigep {
      margin: 0 1%;
      height: 170px;
    }

.data_collection .holder .plot_bigep .legend > table {
          width: auto;
        }

.data_collection .holder .bigep-settings {
      padding: 0.5%;
    }

.data_collection .holder .bigep-settings td {
        text-align: center;
      }

.data_collection .holder .bigep-settings .bepm-seq {
        white-space: pre;
        font-family: Courier;
        font-size: 10px;
        text-align: left;
      }

.data_collection .holder .bigep-stats {
      padding: 0.5%;
    }

.data_collection .holder .bigep-models {
      padding: 0.5%
    }

@media (max-width: 400px) {
      .data_collection .holder .bigep-models {
        float: none;
        width: auto
      }
    }

.data_collection .holder .bigep-seq li span.label {
          width: 20%;
        }

.data_collection .holder .bigep-images figure {
      background: rgb(241, 241, 241);
      position: relative;
      margin: 0.5em
    }

.data_collection .holder .bigep-images figure.pending:before {
      color: #ccc;
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%);
      font-size: 20px;
      content: 'No Image';
    }

.data_collection .holder .bigep-images figure.loaded {
      border: 1px solid #ccc;
      background: #fff;
    }

@media (max-width: 400px) {
      .data_collection .holder .bigep-images figure {
        float: none;
        width: auto
      }
    }

.data_collection .holder .bigep-images img {
      width: 100%;
      height: auto;
    }

.data_collection .holder .plot_dimple, .data_collection .holder .plot_anode {
      width: 70%;
      float: right
    }

@media (max-width: 400px) {
      .data_collection .holder .plot_dimple, .data_collection .holder .plot_anode {
        height: 100px;
        float: none
      }
    }

.data_collection .holder .plot_dimple .legend > table, .data_collection .holder .plot_anode .legend > table {
          width: auto;
        }

.data_collection .holder .blobs {
      position: relative;
      background: rgb(241, 241, 241);
      float: right;
      padding-left: 10px;
      width: 30%
    }

.data_collection .holder .blobs:before {
      color: #ccc;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%);
      font-size: 24px;
      content: 'No Image';
    }

.data_collection .holder .blobs.pending:before {
      content: 'Loading'
    }

.data_collection .holder .blobs.loaded:before {
      display: none
    }

@media (max-width: 400px) {
      .data_collection .holder .blobs {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0
      }
    }

.data_collection .holder .blobs img {
      width: 100%;
      height: auto;
    }

.data_collection .holder #dimple a img {
      opacity: 1;
    }

.data_collection .holder #dimple a:hover img {
      opacity: 0.5;
    }

.data_collection .diffraction,
    .data_collection .snapshots,
    .data_collection .image,
    .data_collection .diviewer {
    float: right;
    background: #dadada;
    padding: 0;
    margin: 0.25%;
    overflow: hidden;
  }

.data_collection .image, .data_collection .diviewer {
    width: 40.5%;
    height: 300px
  }

.data_collection .image.map, .data_collection .diviewer.map {
    width: 30%;
    height: auto;
  }

.data_collection .image.image-third, .data_collection .diviewer.image-third {
    width: 32.4%
  }

@media (max-width: 800px) {
    .data_collection .image.image-third, .data_collection .diviewer.image-third {
      width: 49.5%
    }
  }

@media (max-width: 400px) {
    .data_collection .image.image-third, .data_collection .diviewer.image-third {
      width: auto;
      float: none;
      height: 150px
    }
  }

@media (max-width: 800px) {
    .data_collection .image, .data_collection .diviewer {
      width: 49.5%
    }
  }

@media (max-width: 400px) {
    .data_collection .image, .data_collection .diviewer {
      width: auto;
      float: none;
      height: 150px
    }
  }

.data_collection .image.mg, .data_collection .image.ov, .data_collection .diviewer.mg, .data_collection .diviewer.ov {
    width: auto;
    min-width: 22%;
  }

.data_collection .image.mg figcaption, .data_collection .image.ov figcaption, .data_collection .diviewer.mg figcaption, .data_collection .diviewer.ov figcaption {
      position: absolute;
      margin: 3px 0 0 4px;
    }

.data_collection .image.mg img, .data_collection .image.ov img, .data_collection .diviewer.mg img, .data_collection .diviewer.ov img {
      transition: opacity 0.2s ease-in-out;
      opacity: 0;
      width: auto;
      height: 100%
    }

.data_collection .image.mg img.show, .data_collection .image.ov img.show, .data_collection .diviewer.mg img.show, .data_collection .diviewer.ov img.show {
      opacity: 1;
    }

.data_collection .diffraction.spectrum-small {
    width: 34%;
  }

.data_collection .image {
    cursor: pointer;
  }

.data_collection .image .controls {
      position: absolute;
      z-index: 99;
    }

.data_collection .snapshots {
    width: 23%
  }

@media (max-width: 800px) {
    .data_collection .snapshots {
      width: 38.0%
    }
  }

@media (max-width: 400px) {
    .data_collection .snapshots {
      display: none
    }
  }

.data_collection .diffraction {
    width: 18%
  }

@media (max-width: 800px) {
    .data_collection .diffraction {
      width: 29.5%
    }
  }

@media (max-width: 400px) {
    .data_collection .diffraction {
      display: none
    }
  }

.data_collection .diffraction img,
    .data_collection .snapshots img {
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.25s ease-in-out
  }

.data_collection .diffraction img.show, .data_collection .snapshots img.show {
    opacity: 1;
  }

.data_collection .diffraction a:hover img.show, .data_collection .snapshots a:hover img.show {
    opacity: 0.5;
  }

.data_collection .rp .data_collection.selected {
    background: #cdcdcd;
  }

.data_collection .distl {
    transition: opacity 0.25s ease-in-out;
  }

.rp .data_collection .distl {
      width: 48%;
    }

.data_collection .distl {
    width: 23.5%;
    float: right;
    margin: 0.25%;
    padding: 0;
    border-radius: 5px;
    cursor: pointer;
    opacity: 1;
}

@media (max-width: 800px) {
    .data_collection .distl {
      width: 30%
    }
  }

@media (max-width: 400px) {
    .data_collection .distl {
      display: none
    }
  }

.data_collection .edge,
    .data_collection .mca {
    transition: opacity 0.25s ease-in-out;
    height: 160px;
    width: 50%;
    float: right
  }

@media (max-width: 800px) {
    .data_collection .edge,
    .data_collection .mca {
      width: 100%
    }
  }

.data_collection .elements {
    float: right;
    margin: 0.5% 1% 2% 0.5%
  }

@media (max-width: 800px) {
    .data_collection .elements {
      float: none
    }
  }

.data_collection .elements table tr td {
      font-size: 10px;
      padding: 4px;
      white-space: nowrap;
    }

.data_collection .elements.XS:before {
    content: 'XRF Spectrum'
  }

.data_collection .elements.XS {
    background-color: #d287eb;
  }

.data_collection .elements.XM:before {
    content: 'XRF Map'
  }

.data_collection .elements.XM {
    background-color: #d287eb;
  }

.data_collection .elements.ES:before {
    content: 'Energy Scan'
  }

.data_collection .elements.ES {
    background-color: #a087eb;
  }

.data_collection > ul {
  width: 34%;
  list-style: none;
}

@media (max-width: 800px) {
  .data_collection > ul {
    width: 100%;
  }
}

.data_collection > ul.single {
  width: 17%;
}

.data_collection > ul.single > li {
    width: 93%;
    width: calc(95.5% - 15px);
    padding: 2.5% 2%;
  }

@media (max-width: 800px) {
  .data_collection > ul.single {
    width: 100%;
  }
    .data_collection > ul.single > li {
      width: 43%;
      width: calc(47.5% - 15px);
      padding: 1.5% 1%;
    }
}

.data_collection > ul.half {
  width: 49%
}

@media (max-width: 800px) {
  .data_collection > ul.half {
    width: 100%
  }
}

.data_collection > ul > li {
    float: left;
    width: 43%;
    width: calc(47.5% - 15px);
    padding: 1.5% 1%;
    margin: 0.5%;
    background: rgb(230, 230, 230);
    margin-left: 15px;
    position: relative;
    transition: background .3s ease-out
  }

.data_collection > ul > li.active {
    box-shadow: 0 0 2px #82d180 inset;
  }

.data_collection > ul > li:hover {
    background: #ebebeb;
  }

.data_collection > ul > li:before {
    content: "";
    position: absolute;
    background: #dedede;
    padding: 0;
    top: 0;
    left: -15px;
    width: 10px;
    height: 100%;
  }

.data_collection > ul > li:after{
    position: absolute;
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;
  }

.data_collection > ul > li:hover:after{
    left: -.5em;
    border-left-color: #dedede;
  }

.data_collection > ul > li.comment {
    margin: 0.5%;
    width: 95%;
    width: calc(97.5% - 15px);
    margin-left: 15px;
  }

.data_collection > ul > li.sample {
    white-space: nowrap;
  }

.data_collection > ul > li.sample .wrap {
      overflow-x: hidden;
      text-overflow: ellipsis;
      display: block
    }

.data_collection > ul > li.sample .wrap:hover {
      overflow-x: visible;
    }

.data_collection > ul > li h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.data_collection > ul.full {
  width: 100%;
}

.data_collection > ul.full > li {
    margin: 0.5%;
    padding: 1%;
    width: 16%;
    width: calc(17.5% - 15px);
    margin-left: 15px
  }

@media (max-width: 800px) {
    .data_collection > ul.full > li {
      margin: 0.5%;
      padding: 1%;
      width: 45%;
      width: calc(47.5% - 15px);
      margin-left: 15px
    }
  }

.data_collection > ul.hover > li:hover {
    cursor: pointer;
  }

.data_collection > ul .ui-dialog-content {
    text-decoration: underline
  }

.data_collection > ul li {
  box-sizing: content-box;
}

.visit_users {
  position: absolute;
  background: #efefef;
  z-index: 100;
  padding: 5px;
  width: 350px;
  border-radius: 5px;
}

.visit_users .new {
    background-color: red;
  }

li:last-child .visit_users, li:nth-last-child(2) .visit_users {
    right: 2%;
  }

@media (max-width: 400px) {

.visit_users {
    right: auto;

    left: 1%;

    width: 280px
}

    li:nth-child(even) .visit_users {
      right: 1%;
      left: auto;
    }
  }

.sample_status {
  /* Default with tailwind preset is box-border, so reset to content-box to maintain legacy style */
  box-sizing: content-box;
  padding: 5px;
  border-radius: 6px 0 0 6px;
  background: #efefef;
  border: 1px solid #e2e2e2;
  position: fixed;
  right: -221px;
  top: 25%;
  z-index: 100;
  width: 235px;
  display: none;
  transition: right 0.5s ease-in-out 0.5s;
}

.sample_status.wide {
    width: 465px;
    right: -451px;
  }

.sample_status.in, .sample_status:hover {
    right: 0 !important;
  }

.sample_status.in .handle {
      background: #bdbdbd;
    }

.sample_status canvas {
    cursor: pointer;
  }

.sample_status .key_holder {
    position: absolute;
    padding: 0 5px 5px 5px;
  }

.sample_status .key_holder i {
      padding-top: 5px;
    }

.sample_status .key_holder:hover .key {
        display: block
      }

.sample_status .handle {
    cursor: pointer;
    float: left;
    width: 20px;
    height: 250px;
    background: #cdcdcd;
    border-radius: 6px 0 0 6px;
  }

.sample_status .handle .text {
      transform: translate(0, 230px) rotate(270deg);
      white-space: nowrap;
      display: block;
    }

.sample_status .handle .text .controls {
        display: inline-block;
        margin-left: 60px;
      }

.sample_status .handle .text .controls a {
          text-decoration: none;
        }

.sample_status .handle .clearf {
      visibility: hidden;
    }

.sample_status .form, .sample_status .ranking {
    padding: 0 5px;
    margin-left: 20px;
  }

.sample_status .form li span.label, .sample_status .ranking li span.label {
        width: 32%;
      }

.sample_status .form li span:not(.label), .sample_status .ranking li span:not(.label) {
        overflow-x: hidden;
        white-space: nowrap;
        width: 60%;
        display: inline-block;
        text-overflow: ellipsis;
      }

@media (max-width: 400px) {

.sample_status {
    display: none
}
  }

.key {
  background: #cdcdcd;
  border-radius: 6px;
  display: none;
  float: right;
  padding: 5px;
}

.key li:before {
    content: "";
    line-height: 1em;
    width: .5em;
    height: .5em;
    float: left;
    margin: .25em .25em 0;
    border-radius: 50%;
  }

.key li:nth-child(1):before {
    background-color: #ff6961;
  }

.key li:nth-child(2):before {
    background-color: #fdfd96;
  }

.key li:nth-child(3):before {
    background-color: #ffb347;
  }

.key li:nth-child(4):before {
    background-color: #87ceeb;
  }

.key li:nth-child(5):before {
    background-color: #77dd77;
  }

/*
.data_collection[type=data] {
    background-position: 50% 50%;
    background-size: cover;
    cursor: pointer;

    .diffraction {
        display: none;
    }
}*/

.fixedwidth {
  font-family: 'Courier';
}

#distl_full .distl {
  height: 250px;
}

.ui-tabs .ui-tabs-panel {
  padding: 8px !important;
}

.ui-tabs {
  padding: 2px !important;
}

[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.dragged td {
  background: #ededed;
}

h1.status {
  cursor: pointer;
}

div.status {
  display: none;
}

div.status:after,
div.status:before {
  display: table;
  content: ' ';
}

div.status:after {
  clear: both;
}

.oav,
.webcam {
  float: left;
  width: 49%;
  margin: 0.5%;
  padding: 0;
}

@media (max-width: 800px) {

.oav,
.webcam {
    width: 99%;
    margin: 0.5%;
    padding: 0
}
  }

.oav {
  display: block;
  margin: auto;
}

div.status.oavs {
  display: none;
}

.oav img,
.webcam img {
  width: 100%;
  float: none;
}

.pvs {
  padding: 0.2%;
}

.pvs .pv {
    display: inline-block;
    background: #dadada;
    border-radius: 5px;
    text-align: center;
    width: 11.1%;
    margin: 0.2%;
    padding: 0.5%;
  }

@media (max-width: 800px) {

.pvs .pv {
      width: 21%;
      margin: 1%;
      padding: 1%
  }
    }

@media (max-width: 400px) {

.pvs .pv {
      width: 44%;
      margin: 1.5%;
      padding: 1.5%
  }
    }

.pvs .pv.on {
      background: #82d180;
    }

.pvs .pv.off {
      background: #f26c4f;
    }

.streamed-pvs .pv.on {
      background: #82d180;
    }

.streamed-pvs .pv.off {
      background: #f26c4f;
    }

.log.gda ul {
  height: 250px;
  overflow-x: none;
}

.log.gda ul li {
  white-space: nowrap;
}

.image_controls {
  padding: 10px;
  margin-bottom: 10px;
}

@media (max-width: 400px) {

.image_controls .im_num {
      text-align: center
  }
    }

.image_controls .im_num input[name="num"] {
      width: 40px;
    }

.image_controls .im_col {
    width: 17%;
    float: right;
    padding: 0 1%;
  }

.image_controls .im_col.toggles {
      width: 28%;
    }

@media (max-width: 800px) {

.image_controls .im_col.toggles {
        width: 98%;

        padding: 2% 0 0 0
    }
      }

@media (max-width: 800px) {

.image_controls .im_col {
      padding: 0 2%;

      width: 23%
  }
    }

@media (max-width: 400px) {

.image_controls .im_col {
      float: left;

      width: 46%;

      margin-bottom: 5px
  }
    }

@media (max-width: 400px) {

.image_controls .im_size {
      width: 98%
  }
    }

.image_controls .zoom, .image_controls .brightness, .image_controls .contrast {
    width: 100%;
  }

.image_controls abbr {
    text-decoration: underline;
    cursor: help;
  }

@media (max-width: 400px) {
  .dc_params {
    display: none;
  }

  h1.no_mobile, button.no_mobile {
    display: none;
  }
}

.image_container {
  margin-bottom: 10px;
}

.embed .image_container {
    position: relative;
  }

@media (max-width: 400px) {

.image_container {
    height: 75%
}
  }

.image_container .embed_control {
    position: absolute;
    right: 0;
  }

.image_container .image {
    width: 100%;
    overflow: auto;
    background: #efefef;
  }

.image_container .image .img {
      display: none;
    }

.image_container .image .img:hover {
        cursor: pointer;
      }

.image_container .im_zoom {
    position: absolute;
    margin: 10px;
    border: 1px solid #e2e2e2;
    background: #ebebeb;
    box-shadow: 1px 1px 2px #dedede;
    border-radius: 2px;
    height: 100px;
  }

@media (max-width: 800px) {

.image_container .im_zoom {
      height: 50px
  }

      .image_container .im_zoom .im_zoomc {
        height: 50px;
        width: 50px;
      }
    }

.embed .image_container .im_zoom {
      height: 50px;
    }

.embed .image_container .im_zoom .im_zoomc {
        height: 50px;
        width: 50px;
      }

.image_container .im_profile {
    float: right;
  }

.image_container .yprofile {
    width: 50px;
    height: 100px;
    position: absolute;
    margin: 10px 0 0 215px;
  }

@media (max-width: 800px) {

.image_container .yprofile {
      width: 25px;

      height: 50px;

      margin-left: 60px
  }
    }

.embed .image_container .yprofile {
      width: 25px;
      height: 50px;
      margin-left: 60px;
    }

.image_container .xprofile {
    width: 200px;
    height: 50px;
    position: absolute;
    margin: 110px 0 0 10px;
  }

@media (max-width: 800px) {

.image_container .xprofile {
      width: 50px;

      height: 25px;

      margin-top: 60px
  }
    }

.embed .image_container .xprofile {
      width: 50px;
      height: 25px;
      margin-top: 60px;
    }

.image_container .im_cur {
    position: absolute;
    margin: 170px 0 0 10px;
  }

@media (max-width: 800px) {

.image_container .im_cur {
      margin: 90px 0 0 10px
  }
    }

.embed .image_container .im_cur {
      margin: 90px 0 0 10px;
    }

.image_container .im_cur p {
      margin: 0;
      padding: 0;
    }

.image_container .im_highlight {
    width: 40px;
    height: 20px;
    position: absolute;
    border: 1px solid blue;
  }

@media (max-width: 800px) {

.image_container .im_highlight {
      width: 20px;

      height: 20px
  }
    }

.embed .image_container .im_highlight {
      width: 20px;
      height: 20px;
    }

.image_container .im_progress {
    display: none;
    position: absolute;
    width: 250px;
    height: 20px;
  }

table.samples .img {
  width: 45%;
}

span.snapshots.sample img {
  width: 15%;
}

.seq {
  word-break: break-all;
}

.rd_plot {
  height: 200px;
}

textarea[name=pasted] {
  width: 100%;
  height: 250px;
}

.strategies > div {
    padding: 10px;
  }

.strategies > div table tr.stratrow {
      cursor: auto;
    }

@media (max-width: 800px) {
  span.snapshots.sample img {
    width: 48%;
  }

  table.samples .img {
    width: 100%;
  }
}

.motor {
  float: left;
  background: #cdcdcd;
  border-radius: 5px;
  width: 45%;
  margin: 0.5%;
  padding: 2%;
}

.motor .button {
    padding: 0 !important;
    width: 11%;
    background: #000000;
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid;
    text-align: center;
  }

.motor .button.active {
      background: #82d180;
    }

.motor .button.inactive {
      background: #f26c4f;
    }

.motor .button.minor {
      background: yellow;
    }

.motor .buttons {
    margin: 2% 0;
    position: absolute;
    background: #fff;
    width: 40%;
    padding: 1% 2% 1% 1%;
    white-space: nowrap;
    display: none;
    border-radius: 5px;
  }

.motor .buttons .button {
      margin: 0.5%;
      display: inline-block;
    }

.motor .main:hover ~ .buttons {
    display: block;
  }

.motor .value {
    float: right;
    padding: 2%;
    background: #bcbcbc;
  }

.motor .l {
    float: left;
  }

.motor .r {
    float: right;
  }

.motor h1 {
    background: #eeeeee;
    margin: 1% 0 2% 0;
    padding: 1% 1%;
  }

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

.motor .below .readback {
      color: green;
      display: inline-block;
      border: 1px solid #000000;
      border-radius: 2px;
      width: 67%;
    }

.ui-dialog-content ol {
    list-style: decimal;
    margin-left: 15px
  }

.ui-dialog-content ol ul {
    list-style: lower-roman;
    margin-left: 30px
  }

.ui-dialog-content li {
    /*padding: 0 0 1px 0;*/
  }

.ui-dialog-content h1 {
    font-weight: bold;
    margin-bottom: 5px;
  }

.ui-dialog-content p {
    margin-bottom: 5px;
  }

.ui-dialog-content .bold {
    font-weight: bold;
  }

.ui-dialog-content .ul {
    text-decoration: underline;
  }

#map_model {
  position: relative;
}

#map_model .controls {
    z-index: 9;
    top: 10px;
    left: 10px;
    position: fixed;
    margin: 5px;
  }

#map_model .controls div.peaks {
      height: 150px;
      overflow-y: auto;
    }

#map_model #viewer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

#map_model #hud {
    font-size: 15px;
    color: #ddd;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 8px;
    border-radius: 5px;
    z-index: 9;
    white-space: pre-line;
  }

#map_model #help {
    display: none;
    font-size: 16px;
    color: #eee;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: default;
    padding: 5px;
    border-radius: 5px;
    z-index: 9;
    white-space: pre-line;
  }

.fixed.xtalpreview {
    position: fixed;
    bottom: 5px;
    width: 80%;
  }

@media (max-width: 1280px) {

.fixed.xtalpreview {
      width: 96%
  }
    }

.fixed.xtalpreview {
    background: #ccc;
    border-radius: 5px;
    z-index: 99;
    padding: 10px;
}

.fixed.xtalpreview canvas {
      height: 340px;
    }

.fixed.content {
    margin-bottom: 220px;
  }

ul.messages li {
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
  }

ul.messages li h3 {
      cursor: pointer;
      transition: color 0.25s ease-in-out;
    }

ul.messages li h3:hover {
        color: #666;
      }

ul.messages li pre {
      font-family: monospace;
      border-top: 1px solid;
      margin-top: 5px;
      padding-top: 5px;
    }

ul.messages li p {
      font-size: 11px;
      margin-bottom: 0;
    }

ul.messages li.ERROR {
      border: 1px solid #ff0000;
      background: rgb(255, 204, 204);
    }

ul.messages li.WARNING {
      border: 1px solid #ffa500;
      background: rgb(255, 237, 204);
    }

ul.messages li.INFO {
      border: 1px solid #00ff00;
      background: rgb(204, 255, 204);
    }

.calendar > ul {
  list-style: none;
}

.calendar > ul.links li {
    display: block;
    height: 15px;
    text-align: center;
    cursor: pointer;
    transition: background .3s ease-out;
    width: 22.6%;
    margin: 0.2%;
    padding: 1%;
  }

.calendar > ul.links li:hover {
      background: #dfdfdf;
    }

.calendar > ul > li {
    float: left;
    display: block;
    background: #eeeeee;
    height: 100px;
    overflow: hidden;
    width: 11.885714285714286%;
    margin: 0.2%;
    padding: 1%;
  }

@media (max-width: 800px) {

.calendar > ul > li {

      height: auto;

      width: 95%;

      margin: 0.5%;

      padding: 2%
  }
    }

.calendar > ul > li .full {
      display: none;
    }

@media (max-width: 800px) {

.calendar > ul > li .full {
        display: inline
    }
      }

.calendar > ul > li.head {
      background: #cecece;
      height: 15px;
      font-weight: bold;
      text-align: center;
    }

@media (max-width: 800px) {

.calendar > ul > li.head {
        display: none
    }
      }

.calendar > ul > li.wend {
      background: #dfdfdf;
    }

.calendar > ul > li.noday {
      background: #f3f3f3;
    }

@media (max-width: 800px) {

.calendar > ul > li.noday {
        display: none
    }
      }

@media (max-width: 800px) {

.calendar > ul > li.no_event {
        display: none
    }
      }

.calendar > ul > li.today {
      background: #cecece;
    }

@media (min-width: 800px) {
      .calendar > ul > li:hover {
        position: relative;
        overflow: visible;
      }
        .calendar > ul > li:hover > ul {
          background: #dadada;
          border-radius: 3px;
          max-height: 500px;
        }
    }

@media (min-width: 800px) {

.calendar > ul > li > ul {
        overflow: hidden;

        transition: max-height 0.5s ease-in-out;

        max-height: 90px
    }
      }

.calendar > ul > li > ul {
      padding: 5px;
}

@media (max-width: 800px) {
        .calendar > ul > li > ul li .time {
          float: right;
          margin-left: 5px;
        }
          .calendar > ul > li > ul li .time:before {
            content: "Starts: ";
          }
      }

.calendar > ul > li > ul > li > ul {
        padding: 0 5px;
        list-style: none;
      }

.calendar > ul > li > ul > li > ul li .details {
          display:none;
          padding: 2%;
          background: #f3f3f3;
          z-index: 4;
        }

.calendar > ul > li > ul > li > ul li:hover .details {
          display: block;
        }

@media (max-width: 800px) {

.calendar > ul > li > ul > li > ul {
          border-bottom: 1px solid #cecece;

          margin-bottom: 5px;

          padding-bottom: 5px
      }

          .calendar > ul > li > ul > li > ul .short {
            display: none;
          }
            .calendar > ul > li > ul > li > ul li.past {
              color: rgb(153, 153, 153);
            }
              .calendar > ul > li > ul > li > ul li.past a {
                color: rgb(153, 153, 153);
              }
            .calendar > ul > li > ul > li > ul li .details {
              display: block;
              background: none;
              padding: 0;
              color: rgb(153, 153, 153);
            }
            .calendar > ul > li > ul > li > ul li .type {
              float: right;
            }
        }

@media (max-width: 800px) {

.calendar_header {
    display: none
}
  }

@media (max-width: 800px) {

.calendar_main {
    height: 350px;

    overflow-y: scroll
}
  }

.calendar ul.calendar_days {
  display: none;
  padding: 2px;
  border-bottom: 1px solid #dfdfdf;
  margin: 0.5%;
}

@media (max-width: 800px) {

.calendar ul.calendar_days {
    display: block;

    height: 55px;

    white-space: nowrap;

    overflow-x: auto;

    overflow-y: hidden
}
  }

.calendar ul.calendar_days li {
    width: 30px;
    height: 45px;
    float: none;
    display: inline-block;
    text-align: center;
  }

.calendar ul.calendar_days li .day {
      display: block;
    }

.calendar ul.calendar_days li .number {
      display: block;
      border-radius: 3px;
      padding: 4px;
    }

.calendar ul.calendar_days li.past {
      color: rgb(153, 153, 153);
    }

.calendar ul.calendar_days li.event .number {
        background: #dfdfdf;
      }

/* Few fixes to work with tailwind preset */

.calendar ul.links li {
  box-sizing: content-box;
}

.calendar ul li.head {
  box-sizing: content-box;
}

.calendar ul li {
  box-sizing: content-box;
}

.ul li {
  box-sizing: content-box;
}

div.form {
  padding: 10px;
}

div.form ul {
    list-style: none;
  }

div.form ul li.extra {
        display: none;
      }

div.form ul li.extra.show {
          display: block;
        }

div.form ul li span {
        /* Want consistent padding for form span elements */
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }

div.form label {
    float: left;
    display: block;
    font-size: 12px;
  }

div.form label span.small {
      display: block;
      font-size: 10px;
    }

div.form span.label {
    display: inline-block;
    font-weight: bold;
  }

div.form span.label, div.form label {
    width: 28%;
  }

@media (max-width: 800px) {

div.form span.label, div.form label {
      float: none;

      display: block
  }
    }

div.form label.secondary {
    width: auto;
    float: none;
    display: inline;
  }

div.form li.head {
    padding: 1% 0;
    font-weight: bold;
  }

div.form input, div.form textarea, div.form select {
    /* Tailwind trying to avoid this... */
    margin: 0 0 20px 5px;
  }

@media (max-width: 800px) {

div.form input, div.form textarea, div.form select {
      margin: 0 0 20px 0
  }
    }

div.form textarea {
    height: 200px;
  }

div.form textarea, div.form input[name=title], div.form input[name=TITLE], div.form input.full {
    width: 70%;
  }

@media (max-width: 800px) {

div.form textarea, div.form input[name=title], div.form input[name=TITLE], div.form input.full {
      width: 100%
  }
    }

div.form button.submit {
    width: 150px;
    height: 30px;
  }

div.form select[multiple=multiple] {
    width: 200px;
    vertical-align: top;
  }

@media (max-width: 800px) {

div.form select[multiple=multiple] {
      width: 60%
  }
    }

div.form .progress {
    width: 150px;
  }

/*
    textarea + label.ferror,
    select + label.ferror,
    input + label.ferror,
    span label.ferror {
        float: none;
        display: inline;
        padding: 0.5%;
        margin-left: 5px;
        border-radius: 5px;
        border: none;
        box-shadow: 0 0 4px red;
    }

    input[name=title] + label.ferror,
    textarea + label.ferror {
        margin-left: 29%;
        margin-bottom: 10px;
        display: block;
    }*/

div.form label.ferror {
    display: none !important;
  }

div.form span.ferror {
    margin-left: 15px;
    border: none;
    background: #ebebeb;
    border-radius: 5px;
    padding: 0.5%;
    position: relative;
  }

div.form span.ferror:before {
    position: absolute;
    border: .7em solid transparent;
    left: -1.3em;
    top: 50%;
    margin-top: -.7em;
    content: '';
    border-right-color: #ebebeb;
  }

/* Tailwind - why was this required? */

div.form .floated {
    width: 71.6%;
    margin: 1% 0;
    float: right;
  }

@media (max-width: 800px) {

div.form .floated {
      width: 100%;

      float: none;

      order: 1
  }
    }

div.form ul.visits li {
    clear: none;
  }

div.form .puck {
    width: 25%;
    float: right;
  }

@media (max-width: 800px) {

div.form .puck {
      width: 40%
  }
    }

@media (max-width: 400px) {

div.form .puck {
      width: 100%;

      float: none;

      order: 1
  }
    }

.ui-input-invalid,
.ferror,
table.form .ferror,
div.form .ferror {
  background: #f26c4f;
}

.fvalid,
table.form .fvalid,
div.form .fvalid {
}

.editable {
  border-radius: 4px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 800px) {

.editable {
    padding: 2% 1%;

    display: inline-block
}
  }

.editable:hover {
    cursor: pointer;
    background: #cdcdcd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAQAAAAOR/aSAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdDAQPNicPrLwkAAAAWElEQVQY063PsQ3AIAxE0R9WMoOEbRjB22QRMxNpgmRQTMWVpyf5DKdyrYUKRq7Nd+mHgM1tmkltFCCHl1W06w0q4SYVjMKz7nFoRz60JwN1gIj470JyMi8YZRwyixNLhAAAAABJRU5ErkJggg==) no-repeat right;
    padding-right: 2.5%;
  }

@media (max-width: 800px) {

.editable:hover {
      padding-right: 7%
  }
    }

/*
    span.ui-icon {
        display: none;
        height: 14px;
    }
    
    &:hover span.ui-icon {
        display: inline-block !important;
    }*/

.editable button {
    /* Tailwind adjustments */
    --bg-opacity: 1;
    background-color: #f4f4f4;
    background-color: rgba(244, 244, 244, var(--bg-opacity));
    margin: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 0.25rem;
  }

/* Override for unit cell (small embedded) tables */

table.cell td>span.editable {
  padding: 0;
}

.invalid {
  box-shadow: 0 0 8px #f26c4f;
}

.valid {
  box-shadow: 0 0 8px #82d180;
}

/* Tailwind - Removed these, tables will fit into their containers */

div.text {
  width: 68.2%;
  margin: 1% 0;
  float: right;
  background: #ebebeb;
  border-radius: 5px;
  padding-right: 2.5%;
  /* Want consistent padding for form span elements */
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 800px) {

div.text {
    width: 93%;

    float: none;

    order: 1
}
  }

div.text p {
    padding: 1% !important;
  }

div.text pre {
    background: #ffffff;
    padding: 1%;
    border-radius: 5px;
  }

div.text code {
    font-size: 10px;
    word-wrap: break-word;
  }

div.text ul {
    padding: 1% 2.5%;
  }

div.text ul li {
      list-style-type: circle;
    }

div.text h1 {
    text-decoration: underline;
    font-size: 14px;
    padding-bottom: 0.5%;
  }

div.text h2 {
    text-decoration: underline;
    font-size: 12px;
    padding-bottom: 0.5%;
  }

div.text.seq blockquote:before {
      content: '>';
      float: left;
      margin: 1%;
    }

.image img {
  width: 100%;
}

/*
button.editor {
    margin: 1% 0 0.5% 0;
}

.span {
    width: 99%;
}

.span2 {
    width: 64%;
}

.span3 {
    width: 35%;
}*/

table input[type=text] {
  width: 100%;
}

@media (max-width: 400px) {
  .puck_wrap {
    display: flex;
    flex-direction: column;
  }

  .puck {
    order: 1;
  }
}

/* 
Tailwind note:
Instead of reorder we can use tailwinds responsive classes
Design for mobile layout then at sm, md breakpoints use desktop layout 
*/

@media (max-width: 800px) {
  .reorder {
    display: flex;
    flex-direction: column;
  }

  /* 
    Tailwind - we may want to remove this.
    It sets a fixed font size for small screens.
    We can scale better with tailwind.
    */

  select, input, textarea {
    font-size: 16px !important;
  }
}

.ui-combobox button.ui-button-icon-only {
    height: 1.8em;
  }

/* Tailwind: Tweaks to keep the old styles */

input,
.form input,
.form optgroup,
.form textarea {
  font-family: inherit;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 0.25rem;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.form input:focus, .form textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --border-opacity: 1;
  border-color: #63b3ed;
  border-color: rgba(99, 179, 237, var(--border-opacity));
}

input[type="text"]:disabled, textarea:disabled {
  --bg-opacity: 1;
  background-color: #ededed;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
}

/* Some forms are forms, others are div.forms (todo make consistent) */

div.form > ul > li,
form > ul > li {
  display: flex;
  margin-bottom: 1rem;
}

form > ul > li > select {
  line-height: 1.5;
  height: 30px;
}

.errormessage {
  display: inline;
  font-size: 0.65rem;
}

.errormessage.ferror {
  --bg-opacity: 1;
  background-color: #f4f4f4;
  background-color: rgba(244, 244, 244, var(--bg-opacity));
  margin-left: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.c_holder {
  margin-bottom: 2%;
}

.c_holder > h1 {
    font-family: 'Droid Sans';
    font-size: 14px;
  }

.bl_puck {
  height: 55px;
  background: #afafaf;
  float: left;
  /* Fix to work with tailwind preset */
  box-sizing: content-box;
  width: 18.6%;
  margin: 0.2%;
  padding: 0.5%;
}

@media (max-width: 800px) {
  .bl_puck {
    width: 23.6%;
    margin: 0.2%;
    padding: 0.5%;
  }
}

@media (max-width: 400px) {
  .bl_puck {
    width: 48%;
    margin: 0.5%;
    padding: 0.5%;
  }
}

.bl_puck_drag {
  background: #dedede;
}

.shipment {
  padding: 0.5%;
  margin: 0.4% 0;
  background: #afafaf;
}

.shipment h1 {
    padding: 0.5%;
  }

.shipment .dewar {
    background: #dedede;
    padding: 0.2%;
    margin: 0.5% 0;
    display: none;
  }

.shipment .dewar .deactivate {
      display: none;
    }

.shipment .dewar.active {
      background: #82d180;
    }

.shipment .dewar.active .deactivate {
        display: inline;
      }

.unassigned_drag .shipment {
    background: #dedede;
  }

.shipment:hover {
    cursor: pointer;
  }

.container {
  height: 30px;
  overflow: auto;
  background: #ebebeb;
  float: left;
  border-radius: 5px;
  width: 23.6%;
  margin: 0.2%;
  padding: 0.5%;
}

.container.assigned {
    width: 92%;
    margin: 0;
    padding: 4% 4% 1% 4%;
  }

.container:hover {
    cursor: pointer;
  }

@media (max-width: 400px) {
  .container {
    width: 47%;
    margin: 0.5%;
    padding: 1%;
  }
}

.visits {
  list-style: none;
}

.visits li {
    float: left;
    border-radius: 5px;
    background: #dedede;
    width: 30.333333333333336%;
    margin: 0.5%;
    padding: 1%;
  }

.visits li.active {
      background: #82d180;
    }

@media (max-width: 800px) {
    .visits li {
      width: 94%;
      margin: 1% 0;
      padding: 3%;
    }
}

.cells .cell, .cells .stats, .cells .data {
    width: 20%;
  }

.cells .users {
    width: 30%;
  }

.cells .users, .cells .stats, .cells .cell {
    float: right;
  }

.cells .ulist .found {
    background: green;
  }

.cell_param input {
  width: 6%;
}

.pdbs,
.pdb_details_not_found,
.pdb_details {
  display: none
}

.pdb_details ul {
    width: 100%;
  }

.pdb_details ul li {
      width: 96%;
    }

#pdbs,
#pdbs2 {
  height: 200px;
}

textarea[name=pdb_list] {
  width: 100%;
  height: 100px;
}

@media (max-width: 800px) {
  .pdb, .cell, .opts {
    display: block;
    padding: 2px;
    vertical-align: middle;
  }

  .pdb input, .cell input, .opts input {
    width: 20%;
    vertical-align: middle;
  }

  .cell input {
    width: 26%
  }

  .pdb_details > ul li {
    float: none;
    width: 94%;
  }

  .cells .data,
    .cells .cell,
    .cells .stats,
    .cells .users {
    float: none !important;
    width: 100% !important;
  }

  .cells .data ul li,
    .cells .cell ul li,
    .cells .stats ul li {
    width: 50%;
    float: left;
  }

  .cells h3 {
    text-decoration: underline;
    margin: 3px 0;
  }
}

.dc {
  background: #efefef;
  display: inline-block;
  border-radius: 5px;
  width: 23%;
  margin: 0.5%;
  padding: 0.5%;
}

@media (max-width: 1024px) {

.dc {
    width: 30.333333333333336%;
    margin: 1%;
    padding: 0.5%
}
  }

@media (max-width: 800px) {

.dc {
    width: 47%;
    margin: 1%;
    padding: 0.5%
}
  }

@media (max-width: 400px) {

.dc {
    width: 97%;
    margin: 1%;
    padding: 0.5%
}
  }

.dc.selected {
    background: #dedede;
  }

.dc .distl {
    height: 100px;
  }

.dc .state {
    float: right;
  }

.dc .state ul {
      list-style: none;
      margin-left: -25px;
    }

.dc .state ul li {
        display: inline;
        font-size: 10px;
        padding-right: 2px;
      }

.dc img {
    float: right;
  }

.data_collection.cell input, .data_collection.options input {
    width: 65px;
  }

.filter ul li a {
  text-decoration: none;
}

.filter ul li.running, .filter ul li.running:after {
  background: #82d180;
}

span.run_state {
  float: right;
}

.autoproc {
  /*padding: 0 0 1% 0;*/
  display: none;
}

.dc_count {
  float: right;
}

.blended_wrap,
.table_wrap {
  /*height: 28%;*/
  overflow-y: auto;
}

.dend_wrap,
.blended_wrap {
  margin-bottom: 1%;
  /*padding: 0.5%;*/
  /*box-shadow: 2px 2px 15px #bfbfbf;*/
  /*border-radius: 6px;*/
}

.table_wrap {
  /*box-shadow: 2px 2px 15px #bfbfbf;*/
  /*border-radius: 6px;*/
  margin-bottom: 1%;
}

.dc_wrap {
  /*height: 60%;*/
  overflow-y: auto;
  /*box-shadow: 2px 2px 15px #bfbfbf;*/
  /*border-radius: 6px;*/
}

.data_collections.int {
  width: 99%;
}

.dend_wrap {
  padding: 0.5%;
}

.dendrogram {
  width: 96%;
  height: 100px;
}

#images iframe, #add_contact iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.dend_wrap .slider {
  width: 50%;
  display: inline-block;
}

.dend_wrap .controls {
  padding: 0.5%;
}

.yAxis .tickLabel.selected {
  font-weight: bold;
}

span.cells {
  cursor: pointer;
}

.inspect > .left {
    width: 29%;
  }

.inspect > .right {
    width: 69%;
  }

@media (max-width: 400px) {
    .inspect > .left, .inspect > .right {
      float: none;
      width: auto;
    }
  }

.image_large {
  position: relative;
  background: #ebebeb;
}

.image_large .score {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
  }

.image_large .COMMENTS {
    bottom: 10px;
    left: 5px;
    position: absolute;
    z-index: 2;
  }

.image_large .controls {
    right: 5px;
    bottom: 15px;
    position: absolute;
    width: 150px;
    z-index: 2;
  }

.image_large .objects {
    z-index: 2;
    top: 5px;
    right: 5px;
    position: absolute;
  }

.image_large .objects .table {
      margin: 0;
    }

.image_large .scorebybutton {
    display: none;
    z-index: 2;
  }

.image_large .help_pane {
    z-index: 2;
    border-radius: 5px;
    display: none;
    position: absolute;
    background: #000000;
    color: #e2e2e2;
    top: 35px;
    right: 5px;
    padding: 0.7%;
  }

.image_large .help_pane.enable {
      display: block;
    }

.image_large .help_pane ul.keys li .hkey {
          border-radius: 2px;
          box-shadow: 2px 2px 0px 1px #666;
          background: #eee;
          padding: 5px;
          display: inline-block;
          width: 20px;
          margin: 3px;
          margin-right: 8px;
          color: #000;
          text-align: center;
        }

@media (max-width: 400px) {
    .image_large .controls, .image_large .scoresel, .image_large .COMMENTS {
      display: none;
    }

    .image_large .scorebybutton {
      display: block;
      bottom: 5px;
      left: 5px;
      position: absolute;
    }
      .image_large .scorebybutton .current {
        font-weight: bold;
      }
  }

div.img_history {
  z-index: 2;
  position: absolute;
  bottom: 40px;
  width: 98%;
  padding: 5px;
  overflow-x: scroll;
  text-align: center;
}

div.img_history.embed {
    position: static;
    width: auto;
  }

div.img_history columns {
    padding: 0 25px;
  }

div.img_history div {
    white-space: nowrap;
  }

div.img_history figure {
    display: inline-block;
    padding: 0;
    margin: 0 2px;
    background: #cdcdcd;
    opacity: 0.65;
    height: 100px;
  }

div.img_history figure.selected {
      opacity: 1;
    }

div.img_history figure figcaption {
      background: #cdcdcd;
    }

div.img_history figure img {
      height: 100%;
      width: auto;
    }

div.img_history .nav {
    position: absolute;
    width: 99%;
    height: 100%;
    padding: 0;
    margin: 0;
  }

div.img_history .nav a {
      background: #cdcdcd;
      display: inline-block;
      font-size: 30px;
      height: 100%;
      width: 25px;
      text-decoration: none;
      opacity: 0.5;
    }

div.img_history .nav a:hover {
        opacity: 0.8;
      }

div.img_history .nav a i {
        display: block;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
      }

div.img_history .nav a.previous {
        float: left;
      }

div.img_history .nav a.next {
        float: right
      }

.add_image {
  display: none;
}

.add_image.enable {
    display: block;
  }

.add_image .dropimage {
    color: #cdcdcd;
    padding: 5%;
    border: 2px dashed #cdcdcd;
    margin: 2% 0;
    text-align: center;
    border-radius: 5px;
  }

.add_image .dropimage.active {
      color: #000000;
      background: #dedede;
      -webkit-text-decoration: italic;
              text-decoration: italic;
    }

input[name=gap] {
  width: 30px;
}

.plate-12-wide li {
  text-align: center;
  box-sizing: content-box;
  width: 7.933333333333334%;
  margin: 0.2%;
  padding: 2% 0%;
}

.plate-max-width {
  max-width: 700px;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI Accordion 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/*!
 * jQuery UI Button 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*!
 * jQuery UI Checkboxradio 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

/*!
 * jQuery UI Controlgroup 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*!
 * jQuery UI Draggable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */

.ui-draggable-handle {
  touch-action: none;
}

/*!
 * jQuery UI Menu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/*!
 * jQuery UI Progressbar 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,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");
  height: 100%;
  -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/*!
 * jQuery UI Resizable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*!
 * jQuery UI Selectable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*!
 * jQuery UI Selectmenu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

/*!
 * jQuery UI Sortable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */

.ui-sortable-handle {
  touch-action: none;
}

/*!
 * jQuery UI Slider 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*!
 * jQuery UI Spinner 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/*!
 * jQuery UI Tabs 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/*!
 * jQuery UI Tooltip 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
  font-size: 1em/*{fsDefault}*/;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}

.ui-widget-content {
  border: 1px solid #dddddd/*{borderColorContent}*/;
  background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
  color: #333333/*{fcContent}*/;
}

.ui-widget-content a {
  color: #333333/*{fcContent}*/;
}

.ui-widget-header {
  border: 1px solid #dddddd/*{borderColorHeader}*/;
  background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
  color: #333333/*{fcHeader}*/;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5/*{borderColorDefault}*/;
  background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
  font-weight: normal/*{fwDefault}*/;
  color: #454545/*{fcDefault}*/;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545/*{fcDefault}*/;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc/*{borderColorHover}*/;
  background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
  font-weight: normal/*{fwDefault}*/;
  color: #2b2b2b/*{fcHover}*/;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b/*{fcHover}*/;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff/*{borderColorActive}*/;
  background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
  font-weight: normal/*{fwDefault}*/;
  color: #ffffff/*{fcActive}*/;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff/*{borderColorActive}*/;
  background-color: #ffffff/*{fcActive}*/;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff/*{fcActive}*/;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e/*{borderColorHighlight}*/;
  background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
  color: #777620/*{fcHighlight}*/;
}

.ui-state-checked {
  border: 1px solid #dad55e/*{borderColorHighlight}*/;
  background: #fffa90/*{bgColorHighlight}*/;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620/*{fcHighlight}*/;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899/*{borderColorError}*/;
  background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
  color: #5f3f3f/*{fcError}*/;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f/*{fcError}*/;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f/*{fcError}*/;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAABDlBMVEVEREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREQf23IJAAAAWnRSTlMAGf8QMwQIUL+CmS8iVXFAZmAaEzLMDSE8FkJISyAeWiMnMVMshTSHgMNqyM/GOEUcvLi+fKu1pYyqqK0fsin9AZ5RJO8KBgIDj6JilEqgr23fnEdjP29/kWiyI5UtAAAM80lEQVR4Aezb3XLzOgiFYXh8//e8T8MwQeNJ8yXd5T2zF8RiCfm3jWVZvoGUf7x+X+6AfLnEUZRkCZYf7EBQAsgoEFVNilpJ2gFafgkmP9eBoM1R2cEwg0GM6WDqh5ryXur4hxIGPZFD9vTrDbIe8e2QY4FtCsF5DU0dMAygdsCn6EM8d/AQkBzsJUsw+XeuApHIGiz3RmhZlmVZluVP3Anmd92Igbojh4IAg1/z+4CkZqSQn3wjld2AFlC3kM/9St2AHB8eg/yn9ZOnEQ9yIge/Zj8bCMS/AjD3rCzi+X1ATn4W9YMdMJDe+T4gT0sw5F4FlmVZlmVZ/gTiFcBLv++zBQTmHWdxxr3jw/AD5gOcM6DKekhN17SCvmkcjfPx53oMcjg4xslAoYp127GDWoIq3jo+0PWyY5CBuYJz+hCibAM1gBoOxg4yWzS3MCd/e8Xm9HkA5yPcKu+4xmFqQdz7RRwbuoA754CjKl7EV+eDWJZlWZZl6SQZL8EPDwCiMGhADMxqcm8A0WCOqsB5AOpnJVmlETk9QItIs4H9KPPxiRgLKDjPINQPi2TVpg4iRwOS4/hbyOQAY/2aaM5HKP485Ii5g4Dw1GB9jzgPQFefOoyInt/1nt9l9AEPBaLq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)/*{iconsContent}*/;
}

.ui-widget-header .ui-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAABDlBMVEVEREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREQf23IJAAAAWnRSTlMAGf8QMwQIUL+CmS8iVXFAZmAaEzLMDSE8FkJISyAeWiMnMVMshTSHgMNqyM/GOEUcvLi+fKu1pYyqqK0fsin9AZ5RJO8KBgIDj6JilEqgr23fnEdjP29/kWiyI5UtAAAM80lEQVR4Aezb3XLzOgiFYXh8//e8T8MwQeNJ8yXd5T2zF8RiCfm3jWVZvoGUf7x+X+6AfLnEUZRkCZYf7EBQAsgoEFVNilpJ2gFafgkmP9eBoM1R2cEwg0GM6WDqh5ryXur4hxIGPZFD9vTrDbIe8e2QY4FtCsF5DU0dMAygdsCn6EM8d/AQkBzsJUsw+XeuApHIGiz3RmhZlmVZluVP3Anmd92Igbojh4IAg1/z+4CkZqSQn3wjld2AFlC3kM/9St2AHB8eg/yn9ZOnEQ9yIge/Zj8bCMS/AjD3rCzi+X1ATn4W9YMdMJDe+T4gT0sw5F4FlmVZlmVZ/gTiFcBLv++zBQTmHWdxxr3jw/AD5gOcM6DKekhN17SCvmkcjfPx53oMcjg4xslAoYp127GDWoIq3jo+0PWyY5CBuYJz+hCibAM1gBoOxg4yWzS3MCd/e8Xm9HkA5yPcKu+4xmFqQdz7RRwbuoA754CjKl7EV+eDWJZlWZZl6SQZL8EPDwCiMGhADMxqcm8A0WCOqsB5AOpnJVmlETk9QItIs4H9KPPxiRgLKDjPINQPi2TVpg4iRwOS4/hbyOQAY/2aaM5HKP485Ii5g4Dw1GB9jzgPQFefOoyInt/1nt9l9AEPBaLq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)/*{iconsHeader}*/;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(data:image/png;base64,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)/*{iconsHover}*/;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAABDlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////uKVtWAAAAWnRSTlMAGf8QMwQIUL+CmS8iVXFAZmAaEzLMDSE8FkJISyAeWiMnMVMshTSHgMNqyM/GOEUcvLi+fKu1pYyqqK0fsin9AZ5RJO8KBgIDj6JilEqgr23fnEdjP29/kWiyI5UtAAAM80lEQVR4Aezb3XLzOgiFYXh8//e8T8MwQeNJ8yXd5T2zF8RiCfm3jWVZvoGUf7x+X+6AfLnEUZRkCZYf7EBQAsgoEFVNilpJ2gFafgkmP9eBoM1R2cEwg0GM6WDqh5ryXur4hxIGPZFD9vTrDbIe8e2QY4FtCsF5DU0dMAygdsCn6EM8d/AQkBzsJUsw+XeuApHIGiz3RmhZlmVZluVP3Anmd92Igbojh4IAg1/z+4CkZqSQn3wjld2AFlC3kM/9St2AHB8eg/yn9ZOnEQ9yIge/Zj8bCMS/AjD3rCzi+X1ATn4W9YMdMJDe+T4gT0sw5F4FlmVZlmVZ/gTiFcBLv++zBQTmHWdxxr3jw/AD5gOcM6DKekhN17SCvmkcjfPx53oMcjg4xslAoYp127GDWoIq3jo+0PWyY5CBuYJz+hCibAM1gBoOxg4yWzS3MCd/e8Xm9HkA5yPcKu+4xmFqQdz7RRwbuoA754CjKl7EV+eDWJZlWZZl6SQZL8EPDwCiMGhADMxqcm8A0WCOqsB5AOpnJVmlETk9QItIs4H9KPPxiRgLKDjPINQPi2TVpg4iRwOS4/hbyOQAY/2aaM5HKP485Ii5g4Dw1GB9jzgPQFefOoyInt/1nt9l9AEPBaLq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)/*{iconsActive}*/;
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAABDlBMVEV3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diB3diBVLkeJAAAAWnRSTlMAGf8QMwQIUL+CmS8iVXFAZmAaEzLMDSE8FkJISyAeWiMnMVMshTSHgMNqyM/GOEUcvLi+fKu1pYyqqK0fsin9AZ5RJO8KBgIDj6JilEqgr23fnEdjP29/kWiyI5UtAAAM80lEQVR4Aezb3XLzOgiFYXh8//e8T8MwQeNJ8yXd5T2zF8RiCfm3jWVZvoGUf7x+X+6AfLnEUZRkCZYf7EBQAsgoEFVNilpJ2gFafgkmP9eBoM1R2cEwg0GM6WDqh5ryXur4hxIGPZFD9vTrDbIe8e2QY4FtCsF5DU0dMAygdsCn6EM8d/AQkBzsJUsw+XeuApHIGiz3RmhZlmVZluVP3Anmd92Igbojh4IAg1/z+4CkZqSQn3wjld2AFlC3kM/9St2AHB8eg/yn9ZOnEQ9yIge/Zj8bCMS/AjD3rCzi+X1ATn4W9YMdMJDe+T4gT0sw5F4FlmVZlmVZ/gTiFcBLv++zBQTmHWdxxr3jw/AD5gOcM6DKekhN17SCvmkcjfPx53oMcjg4xslAoYp127GDWoIq3jo+0PWyY5CBuYJz+hCibAM1gBoOxg4yWzS3MCd/e8Xm9HkA5yPcKu+4xmFqQdz7RRwbuoA754CjKl7EV+eDWJZlWZZl6SQZL8EPDwCiMGhADMxqcm8A0WCOqsB5AOpnJVmlETk9QItIs4H9KPPxiRgLKDjPINQPi2TVpg4iRwOS4/hbyOQAY/2aaM5HKP485Ii5g4Dw1GB9jzgPQFefOoyInt/1nt9l9AEPBaLq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)/*{iconsHighlight}*/;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAABDlBMVEXMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADMAADP1XLPAAAAWnRSTlMAGf8QMwQIUL+CmS8iVXFAZmAaEzLMDSE8FkJISyAeWiMnMVMshTSHgMNqyM/GOEUcvLi+fKu1pYyqqK0fsin9AZ5RJO8KBgIDj6JilEqgr23fnEdjP29/kWiyI5UtAAAM80lEQVR4Aezb3XLzOgiFYXh8//e8T8MwQeNJ8yXd5T2zF8RiCfm3jWVZvoGUf7x+X+6AfLnEUZRkCZYf7EBQAsgoEFVNilpJ2gFafgkmP9eBoM1R2cEwg0GM6WDqh5ryXur4hxIGPZFD9vTrDbIe8e2QY4FtCsF5DU0dMAygdsCn6EM8d/AQkBzsJUsw+XeuApHIGiz3RmhZlmVZluVP3Anmd92Igbojh4IAg1/z+4CkZqSQn3wjld2AFlC3kM/9St2AHB8eg/yn9ZOnEQ9yIge/Zj8bCMS/AjD3rCzi+X1ATn4W9YMdMJDe+T4gT0sw5F4FlmVZlmVZ/gTiFcBLv++zBQTmHWdxxr3jw/AD5gOcM6DKekhN17SCvmkcjfPx53oMcjg4xslAoYp127GDWoIq3jo+0PWyY5CBuYJz+hCibAM1gBoOxg4yWzS3MCd/e8Xm9HkA5yPcKu+4xmFqQdz7RRwbuoA754CjKl7EV+eDWJZlWZZl6SQZL8EPDwCiMGhADMxqcm8A0WCOqsB5AOpnJVmlETk9QItIs4H9KPPxiRgLKDjPINQPi2TVpg4iRwOS4/hbyOQAY/2aaM5HKP485Ii5g4Dw1GB9jzgPQFefOoyInt/1nt9l9AEPBaLq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)/*{iconsError}*/;
}

.ui-button .ui-icon {
  background-image: url(data:image/png;base64,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)/*{iconsDefault}*/;
}

/* positioning */

/* Three classes needed to override `.ui-button:hover .ui-icon` */

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n { background-position: 0 0;
}

.ui-icon-caret-1-ne { background-position: -16px 0;
}

.ui-icon-caret-1-e { background-position: -32px 0;
}

.ui-icon-caret-1-se { background-position: -48px 0;
}

.ui-icon-caret-1-s { background-position: -65px 0;
}

.ui-icon-caret-1-sw { background-position: -80px 0;
}

.ui-icon-caret-1-w { background-position: -96px 0;
}

.ui-icon-caret-1-nw { background-position: -112px 0;
}

.ui-icon-caret-2-n-s { background-position: -128px 0;
}

.ui-icon-caret-2-e-w { background-position: -144px 0;
}

.ui-icon-triangle-1-n { background-position: 0 -16px;
}

.ui-icon-triangle-1-ne { background-position: -16px -16px;
}

.ui-icon-triangle-1-e { background-position: -32px -16px;
}

.ui-icon-triangle-1-se { background-position: -48px -16px;
}

.ui-icon-triangle-1-s { background-position: -65px -16px;
}

.ui-icon-triangle-1-sw { background-position: -80px -16px;
}

.ui-icon-triangle-1-w { background-position: -96px -16px;
}

.ui-icon-triangle-1-nw { background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s { background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w { background-position: -144px -16px;
}

.ui-icon-arrow-1-n { background-position: 0 -32px;
}

.ui-icon-arrow-1-ne { background-position: -16px -32px;
}

.ui-icon-arrow-1-e { background-position: -32px -32px;
}

.ui-icon-arrow-1-se { background-position: -48px -32px;
}

.ui-icon-arrow-1-s { background-position: -65px -32px;
}

.ui-icon-arrow-1-sw { background-position: -80px -32px;
}

.ui-icon-arrow-1-w { background-position: -96px -32px;
}

.ui-icon-arrow-1-nw { background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s { background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w { background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw { background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n { background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e { background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s { background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w { background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n { background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne { background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e { background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se { background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s { background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw { background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w { background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw { background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w { background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n { background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e { background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s { background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px;
}

.ui-icon-arrow-4 { background-position: 0 -80px;
}

.ui-icon-arrow-4-diag { background-position: -16px -80px;
}

.ui-icon-extlink { background-position: -32px -80px;
}

.ui-icon-newwin { background-position: -48px -80px;
}

.ui-icon-refresh { background-position: -64px -80px;
}

.ui-icon-shuffle { background-position: -80px -80px;
}

.ui-icon-transfer-e-w { background-position: -96px -80px;
}

.ui-icon-transferthick-e-w { background-position: -112px -80px;
}

.ui-icon-folder-collapsed { background-position: 0 -96px;
}

.ui-icon-folder-open { background-position: -16px -96px;
}

.ui-icon-document { background-position: -32px -96px;
}

.ui-icon-document-b { background-position: -48px -96px;
}

.ui-icon-note { background-position: -64px -96px;
}

.ui-icon-mail-closed { background-position: -80px -96px;
}

.ui-icon-mail-open { background-position: -96px -96px;
}

.ui-icon-suitcase { background-position: -112px -96px;
}

.ui-icon-comment { background-position: -128px -96px;
}

.ui-icon-person { background-position: -144px -96px;
}

.ui-icon-print { background-position: -160px -96px;
}

.ui-icon-trash { background-position: -176px -96px;
}

.ui-icon-locked { background-position: -192px -96px;
}

.ui-icon-unlocked { background-position: -208px -96px;
}

.ui-icon-bookmark { background-position: -224px -96px;
}

.ui-icon-tag { background-position: -240px -96px;
}

.ui-icon-home { background-position: 0 -112px;
}

.ui-icon-flag { background-position: -16px -112px;
}

.ui-icon-calendar { background-position: -32px -112px;
}

.ui-icon-cart { background-position: -48px -112px;
}

.ui-icon-pencil { background-position: -64px -112px;
}

.ui-icon-clock { background-position: -80px -112px;
}

.ui-icon-disk { background-position: -96px -112px;
}

.ui-icon-calculator { background-position: -112px -112px;
}

.ui-icon-zoomin { background-position: -128px -112px;
}

.ui-icon-zoomout { background-position: -144px -112px;
}

.ui-icon-search { background-position: -160px -112px;
}

.ui-icon-wrench { background-position: -176px -112px;
}

.ui-icon-gear { background-position: -192px -112px;
}

.ui-icon-heart { background-position: -208px -112px;
}

.ui-icon-star { background-position: -224px -112px;
}

.ui-icon-link { background-position: -240px -112px;
}

.ui-icon-cancel { background-position: 0 -128px;
}

.ui-icon-plus { background-position: -16px -128px;
}

.ui-icon-plusthick { background-position: -32px -128px;
}

.ui-icon-minus { background-position: -48px -128px;
}

.ui-icon-minusthick { background-position: -64px -128px;
}

.ui-icon-close { background-position: -80px -128px;
}

.ui-icon-closethick { background-position: -96px -128px;
}

.ui-icon-key { background-position: -112px -128px;
}

.ui-icon-lightbulb { background-position: -128px -128px;
}

.ui-icon-scissors { background-position: -144px -128px;
}

.ui-icon-clipboard { background-position: -160px -128px;
}

.ui-icon-copy { background-position: -176px -128px;
}

.ui-icon-contact { background-position: -192px -128px;
}

.ui-icon-image { background-position: -208px -128px;
}

.ui-icon-video { background-position: -224px -128px;
}

.ui-icon-script { background-position: -240px -128px;
}

.ui-icon-alert { background-position: 0 -144px;
}

.ui-icon-info { background-position: -16px -144px;
}

.ui-icon-notice { background-position: -32px -144px;
}

.ui-icon-help { background-position: -48px -144px;
}

.ui-icon-check { background-position: -64px -144px;
}

.ui-icon-bullet { background-position: -80px -144px;
}

.ui-icon-radio-on { background-position: -96px -144px;
}

.ui-icon-radio-off { background-position: -112px -144px;
}

.ui-icon-pin-w { background-position: -128px -144px;
}

.ui-icon-pin-s { background-position: -144px -144px;
}

.ui-icon-play { background-position: 0 -160px;
}

.ui-icon-pause { background-position: -16px -160px;
}

.ui-icon-seek-next { background-position: -32px -160px;
}

.ui-icon-seek-prev { background-position: -48px -160px;
}

.ui-icon-seek-end { background-position: -64px -160px;
}

.ui-icon-seek-start { background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px;
}

.ui-icon-stop { background-position: -96px -160px;
}

.ui-icon-eject { background-position: -112px -160px;
}

.ui-icon-volume-off { background-position: -128px -160px;
}

.ui-icon-volume-on { background-position: -144px -160px;
}

.ui-icon-power { background-position: 0 -176px;
}

.ui-icon-signal-diag { background-position: -16px -176px;
}

.ui-icon-signal { background-position: -32px -176px;
}

.ui-icon-battery-0 { background-position: -48px -176px;
}

.ui-icon-battery-1 { background-position: -64px -176px;
}

.ui-icon-battery-2 { background-position: -80px -176px;
}

.ui-icon-battery-3 { background-position: -96px -176px;
}

.ui-icon-circle-plus { background-position: 0 -192px;
}

.ui-icon-circle-minus { background-position: -16px -192px;
}

.ui-icon-circle-close { background-position: -32px -192px;
}

.ui-icon-circle-triangle-e { background-position: -48px -192px;
}

.ui-icon-circle-triangle-s { background-position: -64px -192px;
}

.ui-icon-circle-triangle-w { background-position: -80px -192px;
}

.ui-icon-circle-triangle-n { background-position: -96px -192px;
}

.ui-icon-circle-arrow-e { background-position: -112px -192px;
}

.ui-icon-circle-arrow-s { background-position: -128px -192px;
}

.ui-icon-circle-arrow-w { background-position: -144px -192px;
}

.ui-icon-circle-arrow-n { background-position: -160px -192px;
}

.ui-icon-circle-zoomin { background-position: -176px -192px;
}

.ui-icon-circle-zoomout { background-position: -192px -192px;
}

.ui-icon-circle-check { background-position: -208px -192px;
}

.ui-icon-circlesmall-plus { background-position: 0 -208px;
}

.ui-icon-circlesmall-minus { background-position: -16px -208px;
}

.ui-icon-circlesmall-close { background-position: -32px -208px;
}

.ui-icon-squaresmall-plus { background-position: -48px -208px;
}

.ui-icon-squaresmall-minus { background-position: -64px -208px;
}

.ui-icon-squaresmall-close { background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical { background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical { background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal { background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se { background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px/*{cornerRadius}*/;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px/*{cornerRadius}*/;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px/*{cornerRadius}*/;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
  opacity: .3/*{opacityOverlay}*/;
  -ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px;
}

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

.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd { margin: 0 10px 10px 40%;
}

.ui-timepicker-div td { font-size: 90%;
}

.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide{ display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa;
}

.ui-timepicker-rtl{ direction: rtl;
}

.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt{ float: right; clear: right;
}

.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px;
}

/* Shortened version style */

.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px;
}

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

.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none;
}

/* Comobobox */

.ui-combobox {
  position: relative;
  display: inline-block;
  margin: 0;
}

.ui-combobox-input {
  cursor: pointer;
  width: 100%;
  line-height: 1.2rem; /* Made slightly larger to avoid discrepency with sample table inputs */
  padding-left: 0.2rem;
}

.ui-combobox-input:focus {
  cursor: inherit;
}

/* Triangle is the drop down indicator */

.ui-combobox .ui-icon-triangle-1-s {
  top: 0;
  right: 0;
  left: auto;
  margin-top: 6px;
  position: absolute;
}

.ui-autocomplete li.ui-menu-item {
  width: 100%;
  padding: 0.2rem;
  text-align: center;
}

.ui-autocomplete li.ui-menu-item:hover {
  background: #dedede;
  font-weight: normal;
  border: 1px solid #cdcdcd;
}

/* Override default jquery-ui active state (normally bright blue) */

.ui-autocomplete li.ui-menu-item a.ui-state-active {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
  .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
  .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
  .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */

  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    transform-origin: 0;
  }

  .mfp-arrow-right {
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.ui-dialog .ui-dialog-content { padding: 0.5em;
}

.ui-autocomplete-loading {
  background: url(data:image/gif;base64,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) no-repeat right center
}

/* Auto Complete */

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}

.tw-divide-y > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px * var(--divide-y-reverse));
}

.tw-divide-x > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(1px * var(--divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-gray-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--divide-opacity));
}

.tw-bg-transparent {
  background-color: transparent;
}

.tw-bg-white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.tw-bg-gray-200 {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.tw-bg-gray-300 {
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.tw-bg-gray-400 {
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.tw-bg-gray-500 {
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.tw-bg-gray-600 {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.tw-bg-red-200 {
  --bg-opacity: 1;
  background-color: #fed7d7;
  background-color: rgba(254, 215, 215, var(--bg-opacity));
}

.tw-bg-red-500 {
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

.tw-bg-red-700 {
  --bg-opacity: 1;
  background-color: #c53030;
  background-color: rgba(197, 48, 48, var(--bg-opacity));
}

.tw-bg-yellow-200 {
  --bg-opacity: 1;
  background-color: #fefcbf;
  background-color: rgba(254, 252, 191, var(--bg-opacity));
}

.tw-bg-yellow-300 {
  --bg-opacity: 1;
  background-color: #faf089;
  background-color: rgba(250, 240, 137, var(--bg-opacity));
}

.tw-bg-green-200 {
  --bg-opacity: 1;
  background-color: #c6f6d5;
  background-color: rgba(198, 246, 213, var(--bg-opacity));
}

.tw-bg-green-500 {
  --bg-opacity: 1;
  background-color: #48bb78;
  background-color: rgba(72, 187, 120, var(--bg-opacity));
}

.tw-bg-blue-200 {
  --bg-opacity: 1;
  background-color: #bee3f8;
  background-color: rgba(190, 227, 248, var(--bg-opacity));
}

.tw-bg-blue-500 {
  --bg-opacity: 1;
  background-color: #4299e1;
  background-color: rgba(66, 153, 225, var(--bg-opacity));
}

.tw-bg-pink-500 {
  --bg-opacity: 1;
  background-color: #ed64a6;
  background-color: rgba(237, 100, 166, var(--bg-opacity));
}

.tw-bg-sidebar-grad-end {
  --bg-opacity: 1;
  background-color: rgb(240,240,240);
  background-color: rgba(240, 240, 240, var(--bg-opacity));
}

.tw-bg-sidebar-mobile-background {
  --bg-opacity: 1;
  background-color: rgb(92,92,92);
  background-color: rgba(92, 92, 92, var(--bg-opacity));
}

.tw-bg-header-background {
  --bg-opacity: 1;
  background-color: #2c2c2c;
  background-color: rgba(44, 44, 44, var(--bg-opacity));
}

.tw-bg-header-bc-color {
  --bg-opacity: 1;
  background-color: #dbdbdb;
  background-color: rgba(219, 219, 219, var(--bg-opacity));
}

.tw-bg-content-background {
  --bg-opacity: 1;
  background-color: #f4f4f4;
  background-color: rgba(244, 244, 244, var(--bg-opacity));
}

.tw-bg-content-header-color {
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.tw-bg-content-search-background {
  --bg-opacity: 1;
  background-color: #cdcdcd;
  background-color: rgba(205, 205, 205, var(--bg-opacity));
}

.tw-bg-content-highlight {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.tw-bg-content-page-background {
  --bg-opacity: 1;
  background-color: #ededed;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
}

.tw-bg-content-page-selected-background {
  --bg-opacity: 1;
  background-color: #cdcdcd;
  background-color: rgba(205, 205, 205, var(--bg-opacity));
}

.tw-bg-content-sub-header-background {
  --bg-opacity: 1;
  background-color: #afafaf;
  background-color: rgba(175, 175, 175, var(--bg-opacity));
}

.tw-bg-content-sub-header-hover-background {
  --bg-opacity: 1;
  background-color: #cdcdcd;
  background-color: rgba(205, 205, 205, var(--bg-opacity));
}

.tw-bg-content-filter-background {
  --bg-opacity: 1;
  background-color: #dfdfdf;
  background-color: rgba(223, 223, 223, var(--bg-opacity));
}

.tw-bg-content-filter-current-background {
  --bg-opacity: 1;
  background-color: #efefef;
  background-color: rgba(239, 239, 239, var(--bg-opacity));
}

.tw-bg-content-active {
  --bg-opacity: 1;
  background-color: #82d180;
  background-color: rgba(130, 209, 128, var(--bg-opacity));
}

.tw-bg-content-inactive {
  --bg-opacity: 1;
  background-color: #f26c4f;
  background-color: rgba(242, 108, 79, var(--bg-opacity));
}

.tw-bg-content-minor {
  --bg-opacity: 1;
  background-color: yellow;
  background-color: rgba(255, 255, 0, var(--bg-opacity));
}

.tw-bg-content-light-background {
  --bg-opacity: 1;
  background-color: #ebebeb;
  background-color: rgba(235, 235, 235, var(--bg-opacity));
}

.tw-bg-content-dark-background {
  --bg-opacity: 1;
  background-color: #dedede;
  background-color: rgba(222, 222, 222, var(--bg-opacity));
}

.tw-bg-content-cal-header-background {
  --bg-opacity: 1;
  background-color: #cecece;
  background-color: rgba(206, 206, 206, var(--bg-opacity));
}

.tw-bg-content-cal-background {
  --bg-opacity: 1;
  background-color: #eeeeee;
  background-color: rgba(238, 238, 238, var(--bg-opacity));
}

.tw-bg-content-cal-hl1-background {
  --bg-opacity: 1;
  background-color: #dfdfdf;
  background-color: rgba(223, 223, 223, var(--bg-opacity));
}

.tw-bg-content-help-background {
  --bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.tw-bg-table-header-background {
  --bg-opacity: 1;
  background-color: #474747;
  background-color: rgba(71, 71, 71, var(--bg-opacity));
}

.tw-bg-table-body-background {
  --bg-opacity: 1;
  background-color: #f1f1f1;
  background-color: rgba(241, 241, 241, var(--bg-opacity));
}

.tw-bg-table-body-background-odd {
  --bg-opacity: 1;
  background-color: #ebebeb;
  background-color: rgba(235, 235, 235, var(--bg-opacity));
}

.tw-bg-motor-value-background {
  --bg-opacity: 1;
  background-color: #bcbcbc;
  background-color: rgba(188, 188, 188, var(--bg-opacity));
}

.tw-bg-modal-header-background {
  --bg-opacity: 1;
  background-color: #e9e9e9;
  background-color: rgba(233, 233, 233, var(--bg-opacity));
}

.tw-bg-auto-integrated {
  --bg-opacity: 1;
  background-color: #77dd77;
  background-color: rgba(119, 221, 119, var(--bg-opacity));
}

.tw-bg-data-collected {
  --bg-opacity: 1;
  background-color: #87ceeb;
  background-color: rgba(135, 206, 235, var(--bg-opacity));
}

.tw-bg-auto-indexed {
  --bg-opacity: 1;
  background-color: #ffb347;
  background-color: rgba(255, 179, 71, var(--bg-opacity));
}

.tw-bg-screened {
  --bg-opacity: 1;
  background-color: #fdfd96;
  background-color: rgba(253, 253, 150, var(--bg-opacity));
}

.tw-bg-grid-scanned {
  --bg-opacity: 1;
  background-color: #fdfd96;
  background-color: rgba(253, 253, 150, var(--bg-opacity));
}

.tw-bg-loaded-by-robot {
  --bg-opacity: 1;
  background-color: #ff6961;
  background-color: rgba(255, 105, 97, var(--bg-opacity));
}

.tw-bg-dark-amber {
  --bg-opacity: 1;
  background-color: #d9bf98;
  background-color: rgba(217, 191, 152, var(--bg-opacity));
}

.tw-bg-sample-group-added-light {
  --bg-opacity: 1;
  background-color: #f4e7Ba;
  background-color: rgba(244, 231, 186, var(--bg-opacity));
}

.tw-bg-sample-group-added-dark {
  --bg-opacity: 1;
  background-color: #e6daae;
  background-color: rgba(230, 218, 174, var(--bg-opacity));
}

.tw-bg-info-color-lighter {
  --bg-opacity: 1;
  background-color: #ccffcc;
  background-color: rgba(204, 255, 204, var(--bg-opacity));
}

.tw-bg-alert-color-lighter {
  --bg-opacity: 1;
  background-color: #ffb733;
  background-color: rgba(255, 183, 51, var(--bg-opacity));
}

.tw-bg-warning-color-lighter {
  --bg-opacity: 1;
  background-color: #ff4d4d;
  background-color: rgba(255, 77, 77, var(--bg-opacity));
}

.hover\:tw-bg-gray-100:hover {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.hover\:tw-bg-gray-200:hover {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.hover\:tw-bg-sidebar-hover-background:hover {
  --bg-opacity: 1;
  background-color: #f9f9f9;
  background-color: rgba(249, 249, 249, var(--bg-opacity));
}

.hover\:tw-bg-table-row-hover-background:hover {
  --bg-opacity: 1;
  background-color: #dedede;
  background-color: rgba(222, 222, 222, var(--bg-opacity));
}

.tw-border-black {
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.tw-border-gray-400 {
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.tw-border-gray-500 {
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.tw-border-red-500 {
  --border-opacity: 1;
  border-color: #f56565;
  border-color: rgba(245, 101, 101, var(--border-opacity));
}

.tw-border-yellow-500 {
  --border-opacity: 1;
  border-color: #ecc94b;
  border-color: rgba(236, 201, 75, var(--border-opacity));
}

.tw-border-green-500 {
  --border-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, var(--border-opacity));
}

.tw-border-blue-500 {
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

.tw-border-content-border {
  --border-opacity: 1;
  border-color: #e2e2e2;
  border-color: rgba(226, 226, 226, var(--border-opacity));
}

.tw-border-content-dark-background {
  --border-opacity: 1;
  border-color: #dedede;
  border-color: rgba(222, 222, 222, var(--border-opacity));
}

.tw-border-content-cal-hl1-background {
  --border-opacity: 1;
  border-color: #dfdfdf;
  border-color: rgba(223, 223, 223, var(--border-opacity));
}

.tw-border-table-header-color {
  --border-opacity: 1;
  border-color: #f1f1f1;
  border-color: rgba(241, 241, 241, var(--border-opacity));
}

.tw-border-table-header-background {
  --border-opacity: 1;
  border-color: #474747;
  border-color: rgba(71, 71, 71, var(--border-opacity));
}

.tw-border-info-color {
  --border-opacity: 1;
  border-color: #00ff00;
  border-color: rgba(0, 255, 0, var(--border-opacity));
}

.tw-border-alert-color {
  --border-opacity: 1;
  border-color: #ffa500;
  border-color: rgba(255, 165, 0, var(--border-opacity));
}

.tw-border-warning-color {
  --border-opacity: 1;
  border-color: #ff0000;
  border-color: rgba(255, 0, 0, var(--border-opacity));
}

.focus\:tw-border-blue-500:focus {
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

.tw-rounded-sm {
  border-radius: 0.125rem;
}

.tw-rounded {
  border-radius: 0.25rem;
}

.tw-rounded-md {
  border-radius: 0.375rem;
}

.tw-rounded-full {
  border-radius: 9999px;
}

.tw-border-2 {
  border-width: 2px;
}

.tw-border {
  border-width: 1px;
}

.tw-border-l-2 {
  border-left-width: 2px;
}

.tw-border-t {
  border-top-width: 1px;
}

.tw-border-r {
  border-right-width: 1px;
}

.tw-border-b {
  border-bottom-width: 1px;
}

.tw-border-l {
  border-left-width: 1px;
}

.tw-cursor-pointer {
  cursor: pointer;
}

.tw-block {
  display: block;
}

.tw-inline-block {
  display: inline-block;
}

.tw-inline {
  display: inline;
}

.tw-flex {
  display: flex;
}

.tw-table {
  display: table;
}

.tw-table-cell {
  display: table-cell;
}

.tw-hidden {
  display: none;
}

.tw-flex-row {
  flex-direction: row;
}

.tw-flex-row-reverse {
  flex-direction: row-reverse;
}

.tw-flex-col {
  flex-direction: column;
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-items-end {
  align-items: flex-end;
}

.tw-items-center {
  align-items: center;
}

.tw-items-stretch {
  align-items: stretch;
}

.tw-justify-end {
  justify-content: flex-end;
}

.tw-justify-center {
  justify-content: center;
}

.tw-justify-between {
  justify-content: space-between;
}

.tw-flex-1 {
  flex: 1 1 0%;
}

.tw-flex-grow {
  flex-grow: 1;
}

.tw-clear-both {
  clear: both;
}

.tw-font-mono {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.tw-font-page-header {
  font-family: Maven Pro;
}

.tw-font-icon {
  font-family: FontAwesome;
}

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

.tw-font-medium {
  font-weight: 500;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-h-0 {
  height: 0;
}

.tw-h-1 {
  height: 0.25rem;
}

.tw-h-3 {
  height: 0.75rem;
}

.tw-h-6 {
  height: 1.5rem;
}

.tw-h-8 {
  height: 2rem;
}

.tw-h-10 {
  height: 2.5rem;
}

.tw-h-12 {
  height: 3rem;
}

.tw-h-32 {
  height: 8rem;
}

.tw-h-40 {
  height: 10rem;
}

.tw-h-64 {
  height: 16rem;
}

.tw-h-auto {
  height: auto;
}

.tw-h-full {
  height: 100%;
}

.hover\:tw-h-auto:hover {
  height: auto;
}

.tw-text-xs {
  font-size: 0.75rem;
}

.tw-text-sm {
  font-size: 0.875rem;
}

.tw-text-base {
  font-size: 1rem;
}

.tw-text-lg {
  font-size: 1.125rem;
}

.tw-text-xl {
  font-size: 1.25rem;
}

.tw-text-2xl {
  font-size: 1.5rem;
}

.tw-text-xxs {
  font-size: 0.65rem;
}

.tw-leading-tight {
  line-height: 1.25;
}

.tw-m-1 {
  margin: 0.25rem;
}

.tw-m-2 {
  margin: 0.5rem;
}

.tw-m-4 {
  margin: 1rem;
}

.tw-m-auto {
  margin: auto;
}

.tw-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.tw-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.tw-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.tw-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tw-my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-my-1\/2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.tw-mx-1\/2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.tw-mt-1 {
  margin-top: 0.25rem;
}

.tw-mr-1 {
  margin-right: 0.25rem;
}

.tw-mb-1 {
  margin-bottom: 0.25rem;
}

.tw-ml-1 {
  margin-left: 0.25rem;
}

.tw-mt-2 {
  margin-top: 0.5rem;
}

.tw-mr-2 {
  margin-right: 0.5rem;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

.tw-ml-2 {
  margin-left: 0.5rem;
}

.tw-mt-3 {
  margin-top: 0.75rem;
}

.tw-mr-3 {
  margin-right: 0.75rem;
}

.tw-mb-3 {
  margin-bottom: 0.75rem;
}

.tw-ml-3 {
  margin-left: 0.75rem;
}

.tw-mt-4 {
  margin-top: 1rem;
}

.tw-mb-4 {
  margin-bottom: 1rem;
}

.tw-mt-5 {
  margin-top: 1.25rem;
}

.tw-mb-5 {
  margin-bottom: 1.25rem;
}

.tw-mt-8 {
  margin-top: 2rem;
}

.tw-mt-10 {
  margin-top: 2.5rem;
}

.tw-mt-12 {
  margin-top: 3rem;
}

.tw-mr-px {
  margin-right: 1px;
}

.tw-ml-px {
  margin-left: 1px;
}

.tw-max-w-xs {
  max-width: 20rem;
}

.tw-min-h-screen {
  min-height: 100vh;
}

.focus\:tw-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-overflow-x-auto {
  overflow-x: auto;
}

.tw-overflow-x-scroll {
  overflow-x: scroll;
}

.tw-overflow-y-scroll {
  overflow-y: scroll;
}

.tw-scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.hover\:tw-overflow-visible:hover {
  overflow: visible;
}

.tw-p-1 {
  padding: 0.25rem;
}

.tw-p-2 {
  padding: 0.5rem;
}

.tw-p-3 {
  padding: 0.75rem;
}

.tw-p-4 {
  padding: 1rem;
}

.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tw-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.tw-pb-1 {
  padding-bottom: 0.25rem;
}

.tw-pt-2 {
  padding-top: 0.5rem;
}

.tw-pr-2 {
  padding-right: 0.5rem;
}

.tw-pb-2 {
  padding-bottom: 0.5rem;
}

.tw-pl-2 {
  padding-left: 0.5rem;
}

.tw-pl-4 {
  padding-left: 1rem;
}

.tw-fixed {
  position: fixed;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.hover\:tw-relative:hover {
  position: relative;
}

.tw-top-0 {
  top: 0;
}

.tw-right-0 {
  right: 0;
}

.tw-bottom-0 {
  bottom: 0;
}

.tw-left-0 {
  left: 0;
}

.tw-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus\:tw-shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

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

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

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

.tw-text-black {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.tw-text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.tw-text-gray-700 {
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.tw-text-gray-900 {
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.tw-text-red-500 {
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--text-opacity));
}

.tw-text-red-600 {
  --text-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--text-opacity));
}

.tw-text-red-800 {
  --text-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--text-opacity));
}

.tw-text-orange-600 {
  --text-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--text-opacity));
}

.tw-text-green-600 {
  --text-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--text-opacity));
}

.tw-text-link-color {
  --text-opacity: 1;
  color: #666666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.tw-text-header-color {
  --text-opacity: 1;
  color: #aaaaaa;
  color: rgba(170, 170, 170, var(--text-opacity));
}

.tw-text-content-page-color {
  --text-opacity: 1;
  color: #666666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.tw-text-content-inactive {
  --text-opacity: 1;
  color: #f26c4f;
  color: rgba(242, 108, 79, var(--text-opacity));
}

.tw-text-content-cal-past-date {
  --text-opacity: 1;
  color: rgb(153, 153, 153);
  color: rgba(153, 153, 153, var(--text-opacity));
}

.tw-text-content-help-color {
  --text-opacity: 1;
  color: #e2e2e2;
  color: rgba(226, 226, 226, var(--text-opacity));
}

.tw-text-table-header-color {
  --text-opacity: 1;
  color: #f1f1f1;
  color: rgba(241, 241, 241, var(--text-opacity));
}

.tw-text-motor-readback-text {
  --text-opacity: 1;
  color: #71a56c;
  color: rgba(113, 165, 108, var(--text-opacity));
}

.hover\:tw-text-header-hover-color:hover {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.tw-underline {
  text-decoration: underline;
}

.tw-no-underline {
  text-decoration: none;
}

.tw-align-top {
  vertical-align: top;
}

.tw-align-bottom {
  vertical-align: bottom;
}

.tw-invisible {
  visibility: hidden;
}

.tw-w-8 {
  width: 2rem;
}

.tw-w-12 {
  width: 3rem;
}

.tw-w-16 {
  width: 4rem;
}

.tw-w-20 {
  width: 5rem;
}

.tw-w-24 {
  width: 6rem;
}

.tw-w-32 {
  width: 8rem;
}

.tw-w-40 {
  width: 10rem;
}

.tw-w-48 {
  width: 12rem;
}

.tw-w-56 {
  width: 14rem;
}

.tw-w-64 {
  width: 16rem;
}

.tw-w-1\/2 {
  width: 50%;
}

.tw-w-1\/3 {
  width: 33.333333%;
}

.tw-w-2\/3 {
  width: 66.666667%;
}

.tw-w-1\/4 {
  width: 25%;
}

.tw-w-2\/4 {
  width: 50%;
}

.tw-w-1\/5 {
  width: 20%;
}

.tw-w-3\/5 {
  width: 60%;
}

.tw-w-4\/5 {
  width: 80%;
}

.tw-w-2\/12 {
  width: 16.666667%;
}

.tw-w-3\/12 {
  width: 25%;
}

.tw-w-4\/12 {
  width: 33.333333%;
}

.tw-w-5\/12 {
  width: 41.666667%;
}

.tw-w-6\/12 {
  width: 50%;
}

.tw-w-11\/12 {
  width: 91.666667%;
}

.tw-w-full {
  width: 100%;
}

.tw-w-1\/7 {
  width: 14.2857143%;
}

.tw-z-10 {
  z-index: 10;
}

.tw-z-50 {
  z-index: 50;
}

.tw-z-9999 {
  z-index: 9999;
}

.tw-transition-all {
  transition-property: all;
}

.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tw-duration-300 {
  transition-duration: 300ms;
}

.tw-delay-150 {
  transition-delay: 150ms;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@media (min-width: 640px) {
  .sm\:tw-bg-transparent {
    background-color: transparent;
  }

  .sm\:tw-block {
    display: block;
  }

  .sm\:tw-flex {
    display: flex;
  }

  .sm\:tw-hidden {
    display: none;
  }

  .sm\:tw-flex-row {
    flex-direction: row;
  }

  .sm\:tw-flex-col {
    flex-direction: column;
  }

  .sm\:tw-mr-2 {
    margin-right: 0.5rem;
  }

  .sm\:tw-ml-2 {
    margin-left: 0.5rem;
  }

  .sm\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm\:tw-p-1 {
    padding: 0.25rem;
  }

  .sm\:tw-w-1\/2 {
    width: 50%;
  }

  .sm\:tw-w-1\/3 {
    width: 33.333333%;
  }

  .sm\:tw-w-1\/6 {
    width: 16.666667%;
  }

  .sm\:tw-w-1\/7 {
    width: 14.2857143%;
  }
}

@media (min-width: 800px) {
  .md\:tw-block {
    display: block;
  }

  .md\:tw-flex {
    display: flex;
  }

  .md\:tw-hidden {
    display: none;
  }

  .md\:tw-flex-row {
    flex-direction: row;
  }

  .md\:tw-text-2xl {
    font-size: 1.5rem;
  }

  .md\:tw-text-4xl {
    font-size: 2.25rem;
  }

  .md\:tw-m-4 {
    margin: 1rem;
  }

  .md\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:tw-ml-2 {
    margin-left: 0.5rem;
  }

  .md\:tw-text-right {
    text-align: right;
  }

  .md\:tw-w-1\/2 {
    width: 50%;
  }

  .md\:tw-w-1\/3 {
    width: 33.333333%;
  }

  .md\:tw-w-2\/3 {
    width: 66.666667%;
  }

  .md\:tw-w-5\/12 {
    width: 41.666667%;
  }

  .md\:tw-w-full {
    width: 100%;
  }

  .md\:tw-w-1\/7 {
    width: 14.2857143%;
  }
}

@media (min-width: 1024px) {
  .lg\:tw-inline {
    display: inline;
  }

  .lg\:tw-hidden {
    display: none;
  }

  .lg\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:tw-w-3\/4 {
    width: 75%;
  }

  .lg\:tw-w-11\/12 {
    width: 91.666667%;
  }
}

@media (min-width: 1280px) {
  .xl\:tw-inline {
    display: inline;
  }

  .xl\:tw-w-3\/4 {
    width: 75%;
  }
}

@media (min-width: 400px) {
}

@media (min-width: 1536px) {
  .\32xl\:tw-w-1\/2 {
    width: 50%;
  }
}

/* Default style (for small screens has no logo) */
#vue-header[data-v-87a48c4c] {
  /* background-image: none; */
  background-image: none;
}

/* The screen directive means any screen over medium size uses the following css */
@media (min-width: 800px) {
#vue-header[data-v-87a48c4c] {
    /* background-image: url('~images/site_logo_small.png');
    background-repeat: no-repeat;
    background-position: center; */
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center;
}
}

#footer[data-v-c0dcdce6] {
  margin-top: 70px;
  background: #000 url(/assets/css/images/ispyb_gs_medium.png) center center no-repeat;
  height: 200px;
  background-position: 50% 60%
}
@media (max-width: 1024px) {
#footer[data-v-c0dcdce6] {
    clear: both
}
}
#footer .bottom_bar[data-v-c0dcdce6] {
  border-top: 1px solid #bbb;
  font-size: 12px;
  font-family: "Maven Pro";
  display: block;
  padding: 0.5%;
  color: #222;
  background: #eee;
  transition: 0.3s ease-in-out;
}
#footer .bottom_bar a[data-v-c0dcdce6] {
  text-decoration: none;
}
#footer .bottom-bar .powered_by[data-v-c0dcdce6] {
  float: left;
  width: 50%;
}
#footer .bottom-bar .site[data-v-c0dcdce6] {
  margin-left: 50%;
  text-align: right;
}


.clickaway[data-v-4b73ec05] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.navbar-item[data-v-2c517048] {
  padding-top: 1rem;
  padding-bottom: 1rem;
  --bg-opacity: 1;
  background-color: rgb(240,240,240);
  background-color: rgba(240, 240, 240, var(--bg-opacity));
  width: 12rem;
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
  text-align: center;
  font-size: 0.75rem;
}
.navbar-item[data-v-2c517048]:hover {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

/* These adjustments make sure the border for the drop down menu fits directly under the nav bar item */
.navbar-menu[data-v-2c517048] {
  position: absolute;
  margin-left: -1px;
  margin-top: 1rem;
  width: 101%;
}

#breadcrumbs[data-v-34ee00ce] {
  /* background: #474747;
    color: #dbdbdb;
    font-size: 10px;
    list-style-type: none;
    padding: 5px 5px;
    clear: both */
  --bg-opacity: 1;
  background-color: #474747;
  background-color: rgba(71, 71, 71, var(--bg-opacity));
  --text-opacity: 1;
  color: #dbdbdb;
  color: rgba(219, 219, 219, var(--text-opacity));
  padding: 0.25rem;
  font-size: 0.65rem;
  list-style-type: none;
  clear: both
}
#breadcrumbs li[data-v-34ee00ce] {
  /* display: inline;
    padding: 2px */
  display: inline;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
#breadcrumbs li a[data-v-34ee00ce] {
  /* color: #dbdbdb;
    text-decoration: none */
  --text-opacity: 1;
  color: #dbdbdb;
  color: rgba(219, 219, 219, var(--text-opacity));
  text-decoration: none;
}
#breadcrumbs li a[data-v-34ee00ce]:hover {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}
#breadcrumbs li[data-v-34ee00ce]:before {
  content: '\00BB  '
}

.notification ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.notify-enter-active, .notify-leave-active {
  transition: opacity 0.5s;
}
.notify-enter, .notify-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

/* 
* Unlike the actual header component we don't need to worry about hiding the logo for mobile
* There are no menu buttons to get in the way 
*/
#vue-header[data-v-047ef234] {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: center;
}

.calendar-nav-button {
  height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  --bg-opacity: 1;
  background-color: #eeeeee;
  background-color: rgba(238, 238, 238, var(--bg-opacity));
  cursor: pointer
}
.mobile-calendar-view {
  height: 500px;
}
.calendar-day-header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: 3rem;
  width: 14.2857143%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --bg-opacity: 1;
  background-color: #dfdfdf;
  background-color: rgba(223, 223, 223, var(--bg-opacity));
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.small-modal[data-v-9e9edfce] {
  width: 300px;
}
.default-modal[data-v-9e9edfce] {
  width: 500px;
}
.large-modal[data-v-9e9edfce] {
  width: 800px;
}
.x-large-modal[data-v-9e9edfce] {
  width: 1140px;
}

.motor-button[data-v-93963d56] {
  padding: 0.25rem;
  border-radius: 0.125rem;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
  text-align: center
}

.motor-view {
  width: calc(50% - 10px);
}