/* 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;
    }
body.cursor-loading,
body.cursor-loading * {
  cursor: wait !important;
}
.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;
        }
.aic {
    align-items: center;
}
.gap2 {
    gap: 2px;
}
.toggle-input {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: 40px;
    height: 22px;
    background: #ccc;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    transition: background 0.3s;
    outline: none;
}
.toggle-input::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 1px;
    left: 1px;
    background: white;
    transition: transform 0.3s;
}
.toggle-input:checked {
    background: #4CAF50;
}
.toggle-input:checked::before {
    transform: translateX(18px);
}
.flat-button {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: content-box;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}
.flat-button:disabled, .flat-button.disabled {
        opacity: 0.5;
        cursor: auto;
    }
.flat-button.primary {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.flat-button.primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.flat-button.primary:hover, .flat-button.primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.flat-button.secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 224 / var(--tw-bg-opacity, 1));
}
.flat-button.secondary {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.flat-button.secondary:hover, .flat-button.secondary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(113 128 150 / var(--tw-bg-opacity, 1));
}
.flat-button.secondary:hover, .flat-button.secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.flat-button.success {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.flat-button.success {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.flat-button.success:hover, .flat-button.success:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.flat-button.info {
        /* Cyan would be usual for info, but Tailwind has no such thing */
    }
.flat-button.info {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.flat-button.info {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.flat-button.info:hover, .flat-button.info:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1));
}
.flat-button.warning {
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.flat-button.warning {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.flat-button.warning:hover, .flat-button.warning:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.flat-button.danger {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.flat-button.danger {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.flat-button.danger:hover, .flat-button.danger:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.btn-group {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  border-width: 1px;
  border-radius: 0.25rem;
}
.header-row {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-left: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: baseline;
    border-bottom: 1px solid grey;
}
.header-row h1 {
        padding: 0 !important
    }
.header-row h1 {
  flex-grow: 1;
}
.header-row h1.no-grow {
  flex-grow: 0;
}
.header-row .xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.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;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    /* Turn on debugging... */
    /* @apply tw-border-4 tw-border-orange-400; */
}
.table table td input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/* Having overriden table input styles, make sure we show error state */
.table table td input.ferror {
  --tw-bg-opacity: 1;
  background-color: rgb(242 108 79 / var(--tw-bg-opacity, 1));
}
/* 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: "Resolution I/sig(I)=2"; }
            .reflow.procsummary td:nth-of-type(4):before { content: "Space Group"; }
            .reflow.procsummary td:nth-of-type(5):before { content: "Mn<I/sig(I)>"; }
            .reflow.procsummary td:nth-of-type(6):before { content: "Rmeas Inner"; }
            .reflow.procsummary td:nth-of-type(7):before { content: "Rmeas Outer"; }
            .reflow.procsummary td:nth-of-type(8):before { content: "Completeness"; }
            .reflow.procsummary td:nth-of-type(9):before { content: "Cell"; }
            .reflow.procsummary td:nth-of-type(10):before { content: "Message"; }
            .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 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 46 77 / var(--tw-bg-opacity, 1));
  background-image: url(data:image/png;base64,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);
  background-position: top;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
    
    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;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    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;
            margin-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 .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: "Resolution I/sig(I)=2"; }
            .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: "Space Group"; }
            .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: "Mn<I/sig(I)>"; }
            .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: "Rmeas Inner"; }
            .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: "Rmeas Outer"; }
            .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: "Completeness"; }
            .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(9):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(9):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(9):before { content: "Cell"; }
            .data_collection .holder > div > table.reflow.procsummary td:nth-of-type(10):before, .data_collection .holder > div > div > table.reflow.procsummary td:nth-of-type(10):before, .data_collection .holder > div .ui-tabs-panel table.reflow.procsummary td:nth-of-type(10):before { content: "Message"; }
            .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.highlight {
                    background-color: #f7f7f7;
                }
.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.data_collection_group {
        background: #e6eef8;
        border: 1px solid #c9c9c9;

        /* The "Stack" Effect */
        box-shadow:
            4px 4px 0 0 #e6eef8,  
            4px 4px 0 1px #c9c9c9, 
            8px 8px 0 0 #e6eef8,  
            8px 8px 0 1px #c9c9c9;
    }
/* Layer 2 Border */
.data_collection.data_collection_group > ul > li {
            background: #dbe5f1
        }
.data_collection.data_collection_group > ul > li:before {
                background: #cad4e0;
            }
.data_collection.data_collection_group > h1 .button {
            border-color: #c9d3df;
            background: linear-gradient(#eef1f5, #d8dee6)
        }
.data_collection.data_collection_group > h1 .button:hover {
                background: linear-gradient(#d8dee6, #eef1f5);
            }
.data_collection {


    /* Postcss - not working here - move to separate declaration below */
}
.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 */
            }
div.form ul li span {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
div.form ul li span {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
div.form ul li span.novertpad {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
div.form ul li span.novertpad {
  padding-top: 0px;
  padding-bottom: 0px;
}
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 */
    }
.editable button {
  margin: 0.25rem;
}
.editable button {
  border-radius: 0.25rem;
}
.editable button {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.editable button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.editable button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
/* Override for unit cell (small embedded) tables */
table.cell td>span.editable {
  padding: 0px;
}
.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;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 224 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.form input:focus, .form textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
input[type="text"]:disabled, textarea:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}
/* Some forms are forms, others are div.forms (todo make consistent) */
div.form > ul > li,
form > ul > li {
  margin-bottom: 1rem;
  display: flex;
}
li.align-top {
  align-items: flex-start;
}
form > ul > li > select {
    line-height: 1.5;
    height: 30px;    
}
.errormessage {
  display: inline;
  font-size: 0.65rem;
}
.errormessage.ferror {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
  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%;
        }
}
.proteinelements {
    list-style: none;
}
.proteinelements li {
        float: left;
        border-radius: 5px;
        background: #dedede;
        width: 7%;
        margin: 0.5%;
        padding: 1%;
    }
.proteinelements li.active {
            background: #82d180;
        }
.proteinelements li.empty-message {
        width: 30.333333333333336%;
        margin: 0.5%;
        padding: 1%;
    }
.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/1nt9l9AEPBaLqCXnHAIwvJLSAs8ywCoie3pfAcIiYlkCSd5YAotKPbziJ6QU0mGYwCql/oTcbkIf3AWlegtGQ8xzNcnSMazgOmA2oAL/0RmRZlmVZFvFO0nxh1jMQPwhixhD+KknfQ471F9fcnjLT92q9YAb9VYBse0otqn4qFlOAsk8NYjKkhb+O6kArkYwoOodbbSEMMyY6ouaq6W80IOlFKTqYO0AUjLro0VqFY7AftCD1ESo6eD7jJgN6hhBTfjeg63jbpUAGGRVyeofZChJDAN2fgyFdf+OVFtnkvPP0aqh/WC+DQ3uf87Usy7Isy+V/dB2m32vqm7xWv4xPM39nokzxaAC44ubdXn5rB4Ty99iIy+XBII9Jl7g8bHP8lwPA91Sve1D0yxVqfISHyi4Rarpnn6PTdxkAYDCotHczoE+xkl/3JX0JfHsHtHhQDXrWAUCohgsZv+Uc0Ka3J7vC1c8BPb6v/++/CqAEUOMvMJhateTX3Qeccb3wGaLwXzvnwaa20YXRlzMTiVjrFWIDqTgxaZveeyW99/r//8gHLPfR6D4eHtnhw2V1th5U75urkRSLvRvJ1z8wMDAwMBABonpzX7HmPh2JEhiX2sP9ACgLV2BfidFPjmaZ+lVBpTaB6Fd/ApzIuxfj6g63gJXEaV2XbLFAoPRXSUzIXsw2kS1Np16I3jsrdHuT7HVRURRURfbfCg0ZZl0xYHKjLdoL1HUdLnCBjDsBJAlQbMB1gAUAmq4R7Nw6gEwAFBdgAVCcnT1AGsBsNhPKAgIv+QBOOgES1rDFAhlZIO0OdgOfb8h1ACXJDwkbA8wR3T2eAzBvAzh78OShTgAPP/ywyHSgc/eCC8DqfyQNAOgEMAr4iDYgg4c3ZDtgWiJRTtm5FCFK5gQgQLq6DbSHwKOPpofATEVRaCaDuPm4lQCs/quPPZIPYOReEKPRaDoaIYPFYpEfA5hOSyinaQBSGkAEYhLANYBr1+yFs4tB8MyVA/kAkA9ALoDH1SqT5ipQ5wLwG+SJLcjg+vXrUGQ7IE7LchrbAC48H8D1C9CWUcWDVbWkGnUCiEI7eHL7IQMofACFC4BOB0ys/kwALvCntriWK4pcB8TplkjGKYGSzjFZVdhZoGJHle0AC6D/IQDd7UEtHwCxuz13HcD9ysCV/qdB2x8moBailS9h0HfQa9LN+xdcAJZArcMRY7Ml6pbB6u8HALp1Tqg1MDAwMHBpePpp7SVAUB6QQPuJRO14BoBnTEsgvceecMHE3Z6d9HDjWVBKXWsPc5irS9M0af0xEszGBXBelcnNzgQmV9j71GYEkvqVJACTDZC/n6eqql5ugNSY1AQIWAYBJppAkPEcPOfqB5pFWz+0CeCfDse7eH79cUpav0piMr8gWzB6QS/qJSGDSqjquLo+L+aJq4Gmye0gwKT1CfiOU0kTaMyIAJFcAP52GL187ZVXH7tWJvVTKqpvAK/x+vrjjbRAoHL+VOqFispf+2Ia2BJuvL2nTZNxYMxpQxO05UpkS7ySC0ACKXFOeZOnSesnqncAektv653CXNeTDjBX6q4DGjrX+jUgAfWNt/cuW96VsVi4eweIEaQeAVgHPP7E+sPVb4C/Hw+EEFp/j/fXHx+Yj0iOcfMHnNt0O37XPJEJINDtCN3o3mnPKE9RagHUuQAiO1z9bnsugMQ/fPvh8cMffbzzKTtOerjVL8MdAuZOn3uu9U3vM94XgBxIIUgoA1j96VkQnkkDkHKHBPCUjD4uV7/Y0UkkyHjlk4k0+eQVC4DThrBneeSY4AdROrO5+v11gP/f3t5hJKOPN77+5DRohLTC+qrWXK3lOihHpbuQulYv7BrodjIwMDAwUEItowa4Ls+nMgT6f1IBVNoDoFsmsJK0IsjQObQJPMJnn33+OR8nu3O6qX+LpOVjvPwyjy0zz1uU7Cid+xfK3L8rVIzL8otOAvBfAmioVNGYAiut/NX4AnO+3PCVqViVVGrczY27O0UG7heCgb1OjBEhmwF1brYYSyu+4GABAA1gugK2X90GaAP4+ptPP/3ma1NRirqBRrkAOo+MoEgUtAHolPRtLECcTCAJ4NXpmnSDK1ZlNgCMXLlG55CiUppAWn+gG8CnG05M9S0whsY9QIE53eUpgGQGQoBSizYAbQNIWqVaLquqSgJYsVKJrygXQEZBylxur1z9kXQMeJ+TNXwro647yzPfH8AZcAZn5uEcKFkEbrz/kVdfnb665Fw7+IKVND5cAL4DvgPguW79jYxqtWUhc9cwhDCfzzsBdI75xZoP159081llx4DlcnMAIKPii7IcUx16DEjrX7UJEKEOSlgCLGSwOuU8SQBJZ8mwF+kG8NRTu0/XINkxoIzL5ZIl2dPg4c8Cz+k5wJRaXVaTybutUYs6tAnQ+WG/nogbnwZZGJkxgHIDS5QHDnod8Jyk5wi2rigHQBIHfBEU4FOb+v3LI9EJ4GSNvVBEYiQWutnrgDuHsx9+OEu0OQ2SwqfBjzn+ycnDMDAwMFCWifz4E8BPP+ry8DP8LOMXdvyiy8KjAI/af38ACeBHGTNmSvgVqOWodShmAMyO2QAhYC3wWxvAb33+9pVRU2fuheyFvDOLm7r9+o/YABLWAiTkrwQD+Pqh3v/gZuK/F7+bZx8FPeoIEALWAgD4fZgw8fWPZdRWf6YcQRMakMHvkn7vzDC7jQHU7KjzAVh/G/BiSKZZ/dkAQqdlKCQV5oALIDKbzYg6Em3B+QA8kNQPVv+BOuC4g2ANEAJWww9tAD/4DsivwKYfZAwwPQ5+0HsFg1eyg6CpG/8OdRaQ0NGYscOa7g/TP5QfA5D81HvnDwz++S3At38Of2FxYGBgYGDgKNR4PSaM6x7vkDgkV674+vF6TACLwAdg8YR0hnocNt/o5jcxZ3IxU/72toZaXUdeqXUswCLwASTxYDtUw7Y8P0MSgE3PBdBVMO8qxw0AJtkAYCwBO5XGgJ8hCcCmG2Qrzivinu0AUs8r9+4Y4MmPAffmWYAtd8ZZYLgOGBgYGBgYoNElJvwl/v4wSAZwHi5R/YzF3zVBRlV/C5UcZP7+QX+/Q1nxj/hbrJQQxvgE8D/jTfsdSeBF6e9aL7YtAKuFxhdu0BZSzItivv5g5/P2eXZzul5QYH7HETnXhnOidlQNLAKnmQCmG0bTkRU4YjTavIBNZ8ra0+lMsel3ZgdI1gHtuLCiW74pH19AvGm/MxnTSGoYywCVLEoXwD07CFbw4vmLUKUBiLqmWz66V6l+Bn6udBkZGBgYGLD3B/R1/xBVf/frO47n8e8P6Of+Mbr+7td3BO/Bjxj82MPdg5Q35359x/D9+PcHmEPqfwj0x85/ABAAP5iDd2Wm2/rd9uSdvdNnklLHO6CN98E/HE2LufTHHxLQc36bnnek/HTT1P1PpNT//fff1AFpCX0DsF/IOH9If7gdFvn5kS8oM78PoO/+CNjny239BwygkZpcAJmfuYL6uw+ofwcsdVE/hzsEmiazQz0dnOcDbKfu75C8w1JLegZgg5ryg5oNghvPDVJ4V2Z6ZpCUd/LTzfIOS/MeHPM05td3BO/B8S5k/PqO43mOfSnr13csHxgYGBgYGNgDFxzc7xooNtDf78EA2B8ABamD9gcgdHcFABTk3QeEJPY5GjpgGAMYzgKXloGBgYGBgYERultAaC9E4s3XP9Ldwkij/xzAiEz9l6IDXL3md2cHMLKPTAAY3XpR1+/dMSAa3fpHvn5Gl6MDrH4y9V+CDsjWf1nOApn6L+F1gNV/F48BB4BR+zUwcIfzP/8S/ZOlvFfuAAAAAElFTkSuQmCC)/*{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;
}
/* purgecss start ignore */
/* 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,R0lGODlhEAAQANUAAAAAABYWFhkZGSUlJSsrKzIyMjw8PENDQ0xMTFRUVFpaWmRkZGpqam9wb3Bwb3V1dX19fYWFhYuLi5SUlJubm6Ojo6ysrLKysru7u8C/wMLCwsvLy9PT0//a2tvb2+Xl5ezs7PLy8vjy+P7+/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkKACQALAAAAAAQABAAAAZzQJJwSFIshBzikKIQAgAkzUYpXBgipAF0o6EKEQjNczMlYaaUxJHCoAg9mCin/EgoKlTMWSmBUJNDFRASbl4XGmcVEX1eZhcXZUh/XUQcenlklBscXRiAlkJSSRtxJFwYF2aUVFIkh6agVFyupWRegLZUQQAh+QQJCgAkACwAAAAAEAAQAAAGeUCScEhaQIQR4rDCEAIAJIVBKXwkJiQCgTRAUIUKhQaggByEmA1JQ8FWIBThIrLRcNQky6SCoWLSShYVVBxEGxYYGl8kFxppG4kXixgXF3hChUocioaJfht1QhubJBiZHH1roySQoo6Snl8aao2sqF+hF6mgX5m8VEEAIfkECQoAJAAsAAAAABAAEAAABndAknBIekCEE+IQUxESACTGQSmkVC6kg4FkSFCrkw2AEUEIF0nORkPSVDBCxWRSKJjbGw6HqjAciWtUEHBCGxYXhFQXGhgbGxgaWF8XlBtEe0ocbICQVI2BJHlsGJgchBp5oYRrGFidX6gki6GmX4GIhZZUmI5fQQAh+QQJCgAkACwAAAAAEAAQAAAGd0CScEiqVIQU4pCjEUYgpEdCKdRwOCSJhJRYUIUYjedBkSiEiyRn01xjSZAKBWE4kzSbNZWBiCjZVBRNQhsWFxhfJAADAAobYReJAJNeS1R6RI+DRBgbgCR5TRhvHIh3eaCmbBiRYYl4JBdNeaZ/TYeEG19vnl9BACH5BAkKACQALAAAAAAQABAAAAZ5QJJwSMJchBrikJMkUSakCkWJ5HCi0wmUWtR4JhZLRfgYczbJ8zWKqSgSDOTmTG0otkM0ldIkbSwXGFwkAAQACxsYGkdcCwMAEERrRAkRSol9QxAGBAlCc0kYaxyiJAgGUImfGkZdgxobJBdJc4JUeoGfsVRrG7tKQQAh+QQJCgAkACwAAAAAEAAQAAAGeUCScEjabIQa4pCTJGEspMtFieRwSJrppUIVYjSeiwaDEVLKnE0yfcUyJxQKcpOmViZTopqKOQo3FhdlXQAHBA8bX3lUDAYAEERtRAkRSolNRBQIBgx/TE5tEQpyCQcTRYNqUhoHBV1YR2IkEAULXXuCQginVG1GXUEAIfkECQoAJAAsAAAAABAAEAAABnpAknBI2myEHOKQoxFiLCTNURnlJDWXYpNKwmg8F8wmWSVxNs0z2crBMIXSMxVNHqKpHI/dEuaSHhIRFRteWVwUEhAVRHVDEBJKhFtEFQoJD0JjTRh6JBQMFCQLCaGEmRsAABoICH5SJAADJBEGC1x3qUIKoXhCCwpcQQAh+QQJCgAkACwAAAAAEAAQAAAGfECScEjabIQc4pCjEWIsJM1RGeUkNZdik0rCaDwXzCZZJXE2zTPZysEwhdIzFU0eoqkcj90S5pIuGmIbXllcWBZTSFQVUESDGFQYFRQVQmMZHBEGQhQQlRMUTYNCBhAKABoKCn4IAyQEBCQSCBBcBqsAAEIMlVQRQhALXEEAIfkECQoAJAAsAAAAABAAEAAABnlAknBI2myEHOKQoxFiLCTNURnlJDWXYpNKwmg8F8wmWSVxNs0z2crBMIXSMxVNHqKpHI/dEuaSLhpiG15ZXBgXFlNdEFRSShAGCXhnWwgFBRQUkl0VTXEkEwtCCBEMABsTE34JBiQGB12ZXAcMJAAFQhQYXKokpVxBACH5BAkKACQALAAAAAAQABAAAAZ5QJJwSNpshBzikKMRYiwkzVEZ5SQ1l2KTSsJoPBfMJlklcTbNM9nKwTCF0jMVTV5uiRzPcAEAJLgkFxpiCgADAIAYFxZTURRUUkoRCAxUVmhCCgYIFBUQSGNRoRQLmRIUDx6DgAt/EhJmb1QJDyQQEXB1RI8kFRVcQQAh+QQJCgAkACwAAAAAEAAQAAAGe0CScEjabIQc4pCjEWIsJM1RGeUkNZdik0rCaDwXzCZZJU0MCJJnjLRimMIEoSChbjTkYcRA5XiGCwABClwkFxpiCgACAIUYFxZTURRUUkoTCg59HHdCDAkKFRgVSGxSSRUPQhUWWB6IhRMThk1WW0oUUBYYQnhcW0ZcQQAh+QQJCgAkACwAAAAAEAAQAAAGeECScEjabIQc4nCCEGIsJM1RSVoUINFLUUMVFgyYC2aTjCYnhwSJksCSOHAMh0tiGBAU6kZTHkbUShweQxAABgxdJBcaYw8EBwCJYRZTRRhUUkoXExVUcHtCFBQTclMcZFGoGJ1vG2EejImZi29zXaAWl2ZdZUZdQQA7) no-repeat right center
}
/* Auto Complete */
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* purgecss end ignore */
.tw-invisible {
  visibility: hidden;
}
.tw-fixed {
  position: fixed;
}
.tw-absolute {
  position: absolute;
}
.tw-relative {
  position: relative;
}
.tw-bottom-0 {
  bottom: 0px;
}
.tw-left-0 {
  left: 0px;
}
.tw-right-0 {
  right: 0px;
}
.tw-top-0 {
  top: 0px;
}
.tw-z-10 {
  z-index: 10;
}
.tw-z-50 {
  z-index: 50;
}
.tw-z-9999 {
  z-index: 9999;
}
.tw-clear-both {
  clear: both;
}
.tw-m-1 {
  margin: 0.25rem;
}
.tw-m-2 {
  margin: 0.5rem;
}
.tw-m-4 {
  margin: 1rem;
}
.tw-m-auto {
  margin: auto;
}
.tw-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.tw-mx-1\/2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.tw-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.tw-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tw-my-1\/2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.tw-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tw-my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tw-mb-1 {
  margin-bottom: 0.25rem;
}
.tw-mb-2 {
  margin-bottom: 0.5rem;
}
.tw-mb-3 {
  margin-bottom: 0.75rem;
}
.tw-mb-4 {
  margin-bottom: 1rem;
}
.tw-mb-5 {
  margin-bottom: 1.25rem;
}
.tw-ml-1 {
  margin-left: 0.25rem;
}
.tw-ml-2 {
  margin-left: 0.5rem;
}
.tw-ml-3 {
  margin-left: 0.75rem;
}
.tw-ml-px {
  margin-left: 1px;
}
.tw-mr-1 {
  margin-right: 0.25rem;
}
.tw-mr-2 {
  margin-right: 0.5rem;
}
.tw-mr-3 {
  margin-right: 0.75rem;
}
.tw-mr-px {
  margin-right: 1px;
}
.tw-mt-1 {
  margin-top: 0.25rem;
}
.tw-mt-10 {
  margin-top: 2.5rem;
}
.tw-mt-12 {
  margin-top: 3rem;
}
.tw-mt-2 {
  margin-top: 0.5rem;
}
.tw-mt-3 {
  margin-top: 0.75rem;
}
.tw-mt-4 {
  margin-top: 1rem;
}
.tw-mt-5 {
  margin-top: 1.25rem;
}
.tw-mt-8 {
  margin-top: 2rem;
}
.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-h-0 {
  height: 0px;
}
.tw-h-1 {
  height: 0.25rem;
}
.tw-h-10 {
  height: 2.5rem;
}
.tw-h-12 {
  height: 3rem;
}
.tw-h-3 {
  height: 0.75rem;
}
.tw-h-32 {
  height: 8rem;
}
.tw-h-40 {
  height: 10rem;
}
.tw-h-6 {
  height: 1.5rem;
}
.tw-h-64 {
  height: 16rem;
}
.tw-h-8 {
  height: 2rem;
}
.tw-h-auto {
  height: auto;
}
.tw-h-full {
  height: 100%;
}
.tw-min-h-screen {
  min-height: 100vh;
}
.tw-w-1\/2 {
  width: 50%;
}
.tw-w-1\/3 {
  width: 33.333333%;
}
.tw-w-1\/4 {
  width: 25%;
}
.tw-w-1\/5 {
  width: 20%;
}
.tw-w-1\/7 {
  width: 14.2857143%;
}
.tw-w-11\/12 {
  width: 91.666667%;
}
.tw-w-12 {
  width: 3rem;
}
.tw-w-16 {
  width: 4rem;
}
.tw-w-2\/12 {
  width: 16.666667%;
}
.tw-w-2\/3 {
  width: 66.666667%;
}
.tw-w-2\/4 {
  width: 50%;
}
.tw-w-20 {
  width: 5rem;
}
.tw-w-24 {
  width: 6rem;
}
.tw-w-3\/12 {
  width: 25%;
}
.tw-w-3\/5 {
  width: 60%;
}
.tw-w-32 {
  width: 8rem;
}
.tw-w-4\/12 {
  width: 33.333333%;
}
.tw-w-4\/5 {
  width: 80%;
}
.tw-w-40 {
  width: 10rem;
}
.tw-w-44 {
  width: 11rem;
}
.tw-w-48 {
  width: 12rem;
}
.tw-w-5\/12 {
  width: 41.666667%;
}
.tw-w-56 {
  width: 14rem;
}
.tw-w-6\/12 {
  width: 50%;
}
.tw-w-64 {
  width: 16rem;
}
.tw-w-8 {
  width: 2rem;
}
.tw-w-full {
  width: 100%;
}
.tw-max-w-xs {
  max-width: 20rem;
}
.tw-flex-1 {
  flex: 1 1 0%;
}
.tw-grow {
  flex-grow: 1;
}
.tw-cursor-pointer {
  cursor: pointer;
}
.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-divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.tw-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.tw-divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(203 213 224 / var(--tw-divide-opacity, 1));
}
.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-rounded {
  border-radius: 0.25rem;
}
.tw-rounded-full {
  border-radius: 9999px;
}
.tw-rounded-md {
  border-radius: 0.375rem;
}
.tw-rounded-sm {
  border-radius: 0.125rem;
}
.tw-border {
  border-width: 1px;
}
.tw-border-2 {
  border-width: 2px;
}
.tw-border-b {
  border-bottom-width: 1px;
}
.tw-border-l {
  border-left-width: 1px;
}
.tw-border-l-2 {
  border-left-width: 2px;
}
.tw-border-r {
  border-right-width: 1px;
}
.tw-border-t {
  border-top-width: 1px;
}
.tw-border-alert-color {
  --tw-border-opacity: 1;
  border-color: rgb(255 165 0 / var(--tw-border-opacity, 1));
}
.tw-border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.tw-border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.tw-border-content-border {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}
.tw-border-content-cal-hl1-background {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity, 1));
}
.tw-border-content-dark-background {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity, 1));
}
.tw-border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 224 / var(--tw-border-opacity, 1));
}
.tw-border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity, 1));
}
.tw-border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.tw-border-info-color {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 0 / var(--tw-border-opacity, 1));
}
.tw-border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.tw-border-table-header-background {
  --tw-border-opacity: 1;
  border-color: rgb(71 71 71 / var(--tw-border-opacity, 1));
}
.tw-border-table-header-color {
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
}
.tw-border-warning-color {
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity, 1));
}
.tw-border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.tw-bg-alert-color-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(255 183 51 / var(--tw-bg-opacity, 1));
}
.tw-bg-auto-indexed {
  --tw-bg-opacity: 1;
  background-color: rgb(255 179 71 / var(--tw-bg-opacity, 1));
}
.tw-bg-auto-integrated {
  --tw-bg-opacity: 1;
  background-color: rgb(119 221 119 / var(--tw-bg-opacity, 1));
}
.tw-bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-active {
  --tw-bg-opacity: 1;
  background-color: rgb(130 209 128 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-background {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-cal-background {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-cal-header-background {
  --tw-bg-opacity: 1;
  background-color: rgb(206 206 206 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-cal-hl1-background {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-dark-background {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-filter-background {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-filter-current-background {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-header-color {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-help-background {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-inactive {
  --tw-bg-opacity: 1;
  background-color: rgb(242 108 79 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-light-background {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-minor {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 0 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-page-background {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-page-selected-background {
  --tw-bg-opacity: 1;
  background-color: rgb(205 205 205 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-search-background {
  --tw-bg-opacity: 1;
  background-color: rgb(205 205 205 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-sub-header-background {
  --tw-bg-opacity: 1;
  background-color: rgb(175 175 175 / var(--tw-bg-opacity, 1));
}
.tw-bg-content-sub-header-hover-background {
  --tw-bg-opacity: 1;
  background-color: rgb(205 205 205 / var(--tw-bg-opacity, 1));
}
.tw-bg-dark-amber {
  --tw-bg-opacity: 1;
  background-color: rgb(217 191 152 / var(--tw-bg-opacity, 1));
}
.tw-bg-data-collected {
  --tw-bg-opacity: 1;
  background-color: rgb(135 206 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(160 174 192 / var(--tw-bg-opacity, 1));
}
.tw-bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.tw-bg-grid-scanned {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 150 / var(--tw-bg-opacity, 1));
}
.tw-bg-header-background {
  --tw-bg-opacity: 1;
  background-color: rgb(17 46 77 / var(--tw-bg-opacity, 1));
}
.tw-bg-header-bc-color {
  --tw-bg-opacity: 1;
  background-color: rgb(219 219 219 / var(--tw-bg-opacity, 1));
}
.tw-bg-info-color-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(204 255 204 / var(--tw-bg-opacity, 1));
}
.tw-bg-loaded-by-robot {
  --tw-bg-opacity: 1;
  background-color: rgb(255 105 97 / var(--tw-bg-opacity, 1));
}
.tw-bg-modal-header-background {
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233 / var(--tw-bg-opacity, 1));
}
.tw-bg-motor-value-background {
  --tw-bg-opacity: 1;
  background-color: rgb(188 188 188 / var(--tw-bg-opacity, 1));
}
.tw-bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.tw-bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.tw-bg-sample-group-added-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(230 218 174 / var(--tw-bg-opacity, 1));
}
.tw-bg-sample-group-added-light {
  --tw-bg-opacity: 1;
  background-color: rgb(244 231 186 / var(--tw-bg-opacity, 1));
}
.tw-bg-screened {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 150 / var(--tw-bg-opacity, 1));
}
.tw-bg-sidebar-grad-end {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.tw-bg-sidebar-mobile-background {
  --tw-bg-opacity: 1;
  background-color: rgb(92 92 92 / var(--tw-bg-opacity, 1));
}
.tw-bg-table-body-background {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
}
.tw-bg-table-body-background-odd {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-table-header-background {
  --tw-bg-opacity: 1;
  background-color: rgb(71 71 71 / var(--tw-bg-opacity, 1));
}
.tw-bg-transparent {
  background-color: transparent;
}
.tw-bg-warning-color-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(255 77 77 / var(--tw-bg-opacity, 1));
}
.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.tw-p-1 {
  padding: 0.25rem;
}
.tw-p-2 {
  padding: 0.5rem;
}
.tw-p-3 {
  padding: 0.75rem;
}
.tw-p-4 {
  padding: 1rem;
}
.tw-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.tw-pb-1 {
  padding-bottom: 0.25rem;
}
.tw-pb-2 {
  padding-bottom: 0.5rem;
}
.tw-pl-2 {
  padding-left: 0.5rem;
}
.tw-pl-4 {
  padding-left: 1rem;
}
.tw-pr-2 {
  padding-right: 0.5rem;
}
.tw-pt-2 {
  padding-top: 0.5rem;
}
.tw-text-left {
  text-align: left;
}
.tw-text-center {
  text-align: center;
}
.tw-text-right {
  text-align: right;
}
.tw-align-top {
  vertical-align: top;
}
.tw-align-bottom {
  vertical-align: bottom;
}
.tw-font-icon {
  font-family: FontAwesome;
}
.tw-font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.tw-font-page-header {
  font-family: Maven Pro;
}
.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.tw-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.tw-text-xxs {
  font-size: 0.65rem;
}
.tw-font-bold {
  font-weight: 700;
}
.tw-font-medium {
  font-weight: 500;
}
.tw-font-normal {
  font-weight: 400;
}
.tw-leading-tight {
  line-height: 1.25;
}
.tw-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-content-cal-past-date {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.tw-text-content-help-color {
  --tw-text-opacity: 1;
  color: rgb(226 226 226 / var(--tw-text-opacity, 1));
}
.tw-text-content-inactive {
  --tw-text-opacity: 1;
  color: rgb(242 108 79 / var(--tw-text-opacity, 1));
}
.tw-text-content-page-color {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.tw-text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity, 1));
}
.tw-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.tw-text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.tw-text-header-color {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.tw-text-link-color {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.tw-text-motor-readback-text {
  --tw-text-opacity: 1;
  color: rgb(113 165 108 / var(--tw-text-opacity, 1));
}
.tw-text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.tw-text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.tw-text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.tw-text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.tw-text-table-header-color {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity, 1));
}
.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-underline {
  text-decoration-line: underline;
}
.tw-no-underline {
  text-decoration-line: none;
}
.tw-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-delay-150 {
  transition-delay: 150ms;
}
.tw-duration-300 {
  transition-duration: 300ms;
}
.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:tw-relative:hover {
  position: relative;
}
.hover\:tw-h-auto:hover {
  height: auto;
}
.hover\:tw-overflow-visible:hover {
  overflow: visible;
}
.hover\:tw-bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:tw-bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 247 / var(--tw-bg-opacity, 1));
}
.hover\:tw-bg-sidebar-hover-background:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.hover\:tw-bg-table-row-hover-background:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(222 222 222 / var(--tw-bg-opacity, 1));
}
.hover\:tw-text-header-hover-color:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:tw-border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:tw-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:tw-ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
@media (min-width: 640px) {
  .sm\:tw-ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:tw-mr-2 {
    margin-right: 0.5rem;
  }
  .sm\:tw-block {
    display: block;
  }
  .sm\:tw-flex {
    display: flex;
  }
  .sm\:tw-hidden {
    display: none;
  }
  .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%;
  }
  .sm\:tw-flex-row {
    flex-direction: row;
  }
  .sm\:tw-flex-col {
    flex-direction: column;
  }
  .sm\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }
  .sm\:tw-bg-transparent {
    background-color: transparent;
  }
  .sm\:tw-p-1 {
    padding: 0.25rem;
  }
}
@media (min-width: 800px) {
  .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-block {
    display: block;
  }
  .md\:tw-flex {
    display: flex;
  }
  .md\:tw-hidden {
    display: none;
  }
  .md\:tw-w-1\/2 {
    width: 50%;
  }
  .md\:tw-w-1\/3 {
    width: 33.333333%;
  }
  .md\:tw-w-1\/7 {
    width: 14.2857143%;
  }
  .md\:tw-w-2\/3 {
    width: 66.666667%;
  }
  .md\:tw-w-5\/12 {
    width: 41.666667%;
  }
  .md\:tw-w-full {
    width: 100%;
  }
  .md\:tw-flex-row {
    flex-direction: row;
  }
  .md\:tw-text-right {
    text-align: right;
  }
  .md\:tw-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .lg\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:tw-inline {
    display: inline;
  }
  .lg\:tw-hidden {
    display: none;
  }
  .lg\:tw-w-11\/12 {
    width: 91.666667%;
  }
  .lg\:tw-w-3\/4 {
    width: 75%;
  }
}
@media (min-width: 1280px) {
  .xl\:tw-inline {
    display: inline;
  }
  .xl\:tw-w-3\/4 {
    width: 75%;
  }
}
@media (min-width: 1536px) {
  .\32xl\:tw-w-1\/2 {
    width: 50%;
  }
}


/* Default style (for small screens has no logo) */
#vue-header[data-v-71b6fb80] {
  /* 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-71b6fb80] {
    /* background-image: url('~images/site_logo_small.png');
    background-repeat: no-repeat;
    background-position: center; */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAAiCAYAAAA58AXqAAAABmJLR0QA/wAAAAAzJ3zzAAAACXBIWXMAAB7CAAAewgFu0HU+AAAAB3RJTUUH3gEJFSsPWKowpgAABxhJREFUaN7tmWuMXVUVx3/rzp3OA9tSC22nFssKFHkISUFsSxPkA8ZAxFSTEoyfiKWSGkBLQ6Xio34wadKYQDSRxBj7BQmGgDFGYgjSxBgGAkMJLTZA14CPUtopHVqm87j3Lj+4dt053NcM0aCeldzcs/fZZ5+9/3ut/3ocKKWUUkoppZRS/u0is33A3RcCFwNXAQosiFtTwF+Bl4ERETkc40VEvIR6juC7uwA9wCbgk0BvdnsKqBT6AN4Afiki5u4VEWmUcM8N/JXADqARz6TnGsCRAH9J1u/xqwCPicgTJdTvl0oXwF8dwCcwiwdWA/4W/Z4dagWoA19091tjrp4S8i7Ad/eKuw8F1XgLK/GgnbdaTJPAXuvunxeRegl5B/DDSTYyjW9HT9PA0Q7vqQE3ufuqTgsyMym20+9/DfxqU0cg4u5+cxMn2kymgL908R4HNrr7LsBbOWBVdTO7DrgA2K+qz/w3AhvKci7wBeCUqj7cFfju3g9cmWl9M+1PPuA4cKKT64jnV4ZjfrvD+LURxvYDz5jZxnjPU+mAPuzghxKtAK6Oroe75fwlwKJCZNMqWjohIifbjGlk0Q/AZ0WkHuFrO5oCqJvZZcD1oUELugkSPkTSyJSva4d7cQbuK8Af20xyqo22E854b7aYT3fi+cIcB4A/AU+o6jjQaOYXsutKs/mL/e3myH1NpzV2GCOz5vyghySXAE8Cu4FtoZXVjEqOxLgJYDADuQIMA78FfpCB2Zv8SlpwmOgS4ELgzUzzE8XsaWLSnwAWA++p6r60cVVtmNky4PwYflBV3wHczFYFD88Az5tZmiutYTGwCqir6nM5qHG/LxRzMMLog6o6nu7HmF7gU7GH2qyTLHe/G7ioAOT9Ec/fA5yTHcIOERlz9+8AKzLa+JWIPO3uP473VLO5tovIiWxTXwaui8OZBvpinpGwmm9Ee3tQ4t3Rngy/MBl9y2J96fl6hLsvBKjzC/7r28BYrGlLZO+NjBF+lg7BzL6ZMcK7WVllr6o+FGOuAjYXxtSAHlW9fdZJVjbmDuAk8L0ApBoaPBb3kwWcBHYG8LeHplfbOKUbAvhjwHZVvbMQPdUzoMcz4Her6l2xyX5gHXBpAD8R1rY91nUl8BHgPmBrlpd8NSxrawC/L6z7/ri/ycyWm9lQBvxP4tB2RfszZjZkZh/NgP8hcG842epsk6x3W1jJd0WkJiIPAT8HDmf3DwEHRGSbiLzt7muB1S1C2ROjo6OVMNF10f1ogJbC12YyD9gPvKSqr0Zf+l8QVkNY6FuqehI4mNhDVY+q6gSQKGW+mS3KKGpPUM6BoEyA24DTmcK8FJp8KFvXIPCVuP6Dqr4RSjM+F84/FLxVlCF33yAij4vIMDCcqpYi8mT4Btx9BXBrwYTTYZ8GmDdvXmVqaurs4O1p4O8ZR3qLyKFfVR8IE18EXB50QpOaU6ONok1kz2jgcCzeP2NmPcCzwJo41KUtopgkC4GhuH7ZzKqqWjOzxlzAf62Nf7jB3Z8GToUVeF6SiE1ubmNZwwC1Wi29vxqaXuumCGhm5wB3BiBHg44WtAvpOvi6viYHJkGfqUTS12G+vqyUMv2BMtzQwtPAQGxuLDTjePxOZ1xcDA3rwGPAx8MxL47/hTHmKXevjo6OFmtAA10kagPAzmg/oKr7zWxzOOG5SqK4s2IdKS85K/M5M12szbN5fM6hpojMuPu3RGRyVvXpsAJ3f1FERppEUT1AQ0Q84u6J7JBX8s+PMe1qSNfG9Zuqun8WQUM7Gc3APg94PcLVlJm+lwUTrWQ8lBRgvaqOdGOJ7Qprk+5+m7tvcvcN7n6tu1/h7svTmDbzznf3S9z9Gne/0d1vcfd7gLMzmvJImv4c7Y3AajNb2oRjk2YlKlgReQHAx7K9pHGNrATRaMLTZ/pU9Thg0d4CXGhm64Brou8XXdS4GsDv4vpyM/tcrG8N//oGMqvCWgX4TWbmZ2o07v790AYvlqFjodsimckP95EsLD1Tn1HVn5rZjtD8rxWc9K/DkUlo5t6o+ywDdppZPQNmL7A+5RQph8j22Nuk1N0ba9hlZvdG1LM1A2uPqh6KGk076VfV4UjubgS+BGzI9vFI10lWAdArgK9nWvW6iOxOnwabfaN19+tDk2dig78XkUebfU7MIgONzdeBsUQrEY6mpO6dGHsRsDymOB7hH2Y2GL5lMrJazGx+JFeToeWY2UDUrqZV9ZiZVYJqVkWiOA3sU9VTMb4nrNFV9XCWHC4LgI8CtSxLvjTC4jHgFVWdmjMpuvtSd/+Ruz/o7v3xoWXQ3dcnCnL3IXe/IHvmjhi/pvxs8gEkwK64+3nRXh3APpiN2RJ9N7v7QDq0LvzD/610FSmISCN+Ke2fCY494u7nZrHuSPiCWtDRkTwKKqWUUkoppZRSSvmPyz8AOp553o4JaYgAAAAASUVORK5CYII=);
    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: 0px;
    left: 0px
}


.navbar-item[data-v-0247342d] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
    width: 12rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(26 32 44 / var(--tw-text-opacity, 1));
}
.navbar-item[data-v-0247342d]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
}
/* These adjustments make sure the border for the drop down menu fits directly under the nav bar item */
.navbar-menu[data-v-0247342d] {
    position: absolute;
    margin-left: -1px;
    margin-top: 1rem;
    width: 101%;
}


#breadcrumbs[data-v-1d9e4f44] {
    --tw-bg-opacity: 1;
    background-color: rgb(17 46 77 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(219 219 219 / var(--tw-text-opacity, 1));
    padding: 0.25rem;
    font-size: 0.65rem;
    list-style-type: none;
    clear: both;
}
#breadcrumbs li[data-v-1d9e4f44] {
    /* display: inline;
    padding: 2px */
    display: inline;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
#breadcrumbs li a[data-v-1d9e4f44] {
    /* color: #dbdbdb;
    text-decoration: none */
    --tw-text-opacity: 1;
    color: rgb(219 219 219 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
}
#breadcrumbs li a[data-v-1d9e4f44]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#breadcrumbs li[data-v-1d9e4f44]:before {
    content: '\00BB  '
}


.notification ul {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.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 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  display: flex;
  height: 3rem;
  width: 25%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.mobile-calendar-view {
  height: 500px;
}
.calendar-day-header {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  display: flex;
  height: 3rem;
  width: 14.2857143%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 700;
}


.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] {
    border-radius: 0.125rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    padding: 0.25rem;
    text-align: center
}


.motor-view {
  width: calc(50% - 10px);
}