/* normalize */
/*! 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 */
  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;
}
/* imports */
/* global */
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
}
/* align */
.oc-align-items-baseline {
  align-items: baseline;
}
.oc-align-items-center {
  align-items: center;
}
.oc-align-items-start {
  align-items: start;
}
.oc-align-self-start {
  align-self: start;
}
/* background */
.oc-background-position-center {
  background-position: 50%;
}
/* border */
/* border-spacing */
/* border-radius */
/* bottom */
/* color */
/* cursor */
.oc-cursor-pointer {
  cursor: pointer;
}
.oc-cursor-auto {
  cursor: auto;
}
/* display */
.oc-display-block {
  display: block;
}
.oc-display-grid {
  display: grid;
}
.oc-display-flex {
  display: flex;
}
.oc-display-inherit {
  display: inherit;
}
.oc-display-inline-block {
  display: inline-block;
}
.oc-display-inline-flex {
  display: inline-flex;
}
.oc-display-inline-grid {
  display: inline-grid;
}
.oc-display-none {
  display: none;
}
/* flex */
.oc-flex-direction-vertical {
  flex-direction: column;
}
.oc-flex-direction-horizontal {
  flex-direction: row;
}
/* font */
.oc-font-weight-bold {
  font-weight: bold;
}
.oc-font-weight-normal {
  font-weight: normal;
}
/* h */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/* height */
/* justify */
.oc-justify-content-center {
  justify-content: center;
}
.oc-justify-content-flex-end {
  justify-content: flex-end;
}
.oc-justify-content-space-between {
  justify-content: space-between;
}
/* left */
/* margin */
/* outline */
/* overflow */
.oc-overflow-auto {
  overflow: auto;
}
.oc-overflow-hidden {
  overflow: hidden;
}
/* padding */
/* position */
.oc-position-absolute {
  position: absolute;
}
.oc-position-fixed {
  position: fixed;
}
.oc-position-relative {
  position: relative;
}
/* resize */
.oc-resize-none {
  resize: none;
}
/* right */
/* text-align */
.oc-text-align-left {
  text-align: left;
}
.oc-text-align-center {
  text-align: center;
}
.oc-text-align-justify {
  text-align: justify;
}
.oc-text-align-right {
  text-align: right;
}
/* text-decoration */
/* text-overflow */
.oc-text-overflow-ellipsis {
  text-overflow: ellipsis;
}
/* top */
/* vertical-align */
.oc-vertical-align-middle {
  vertical-align: middle;
}
/* whitespace */
.oc-whitespace-normal {
  white-space: normal;
}
.oc-whitespace-nowrap {
  white-space: nowrap;
}
/* width */
.oc-width-full {
  width: 100%;
}
.oc-blocker {
  align-items: center;
  display: flex;
  justify-content: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: auto;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.oc-button {
  background-color: #E5E5E5;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  white-space: nowrap;
}
.oc-button.oc-button-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.oc-button.oc-button-icon.oc-icon-alert {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWFsZXJ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE5IC0zNzMpIj4NCiAgICA8ZyBpZD0iZXhjbGFtYXRpb24tdHJpYW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMCAzNzQuMDAzKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTMiIGRhdGEtbmFtZT0iUGZhZCA1MTMiIGQ9Ik0xNC44ODEsMy45YS4yNzQuMjc0LDAsMCwwLS4xLjEwN0wxLjkyNSwyNS44ODNhLjMzLjMzLDAsMCwwLDAsLjM0My4yODguMjg4LDAsMCwwLC4xLjExMi4yMDkuMjA5LDAsMCwwLC4xMjQuMDMySDI3Ljg1NGEuMjI1LjIyNSwwLDAsMCwuMTI0LS4wMzIuMzA2LjMwNiwwLDAsMCwuMS0uMTEyLjMzLjMzLDAsMCwwLS4wMDYtLjM0M0wxNS4yMjIsNC4wMTFhLjI3NC4yNzQsMCwwLDAtLjEtLjEwNy4yNTUuMjU1LDAsMCwwLS4yNCwwWm0xLjk1Ny0uODQ0YTIuMTE4LDIuMTE4LDAsMCwwLTMuNjc0LDBMLjMwOSwyNC45MzNhMi4xODgsMi4xODgsMCwwLDAsMS44MzcsMy4zMTNIMjcuODU0YTIuMTg3LDIuMTg3LDAsMCwwLDEuODM3LTMuMzEzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTQiIGRhdGEtbmFtZT0iUGZhZCA1MTQiIGQ9Ik0xNCwyMy4xMjJBMS44NzUsMS44NzUsMCwxLDEsMTUuODc5LDI1LDEuODc1LDEuODc1LDAsMCwxLDE0LDIzLjEyMlptLjE4NC0xMS4yNTdhMS43LDEuNywwLDEsMSwzLjM3NCwwbC0uNjU2LDYuNTc0YTEuMDM1LDEuMDM1LDAsMCwxLTIuMDYyLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44NzggLTAuNTAxKSIvPg0KICAgIDwvZz4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUwMiIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTAyIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxOSAzNzMpIiBmaWxsPSJub25lIi8+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-arrow-top-right-border {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDIxSDIwLjRDMjAuNzMxNCAyMSAyMSAyMC43MzE0IDIxIDIwLjRWMy42QzIxIDMuMjY4NjMgMjAuNzMxNCAzIDIwLjQgM0gzLjZDMy4yNjg2MyAzIDMgMy4yNjg2MyAzIDMuNlYxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zLjUgMjAuNUwxMiAxMk0xMiAxMlYxNk0xMiAxMkg4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
}
.oc-button.oc-button-icon.oc-icon-arrow-bar-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWFycm93LWJhci1sZWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEgLTQ4MikiPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNDkzIiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE0OTMiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEgNDgyKSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwKSIvPg0KICAgIDxnIGlkPSJhcnJvdy1iYXItbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuMDAyIDQ4MikiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTAwIiBkYXRhLW5hbWU9IlBmYWQgNTAwIiBkPSJNMTEuNzA4LDkuMjkyYTEsMSwwLDAsMC0xLjQxNiwwbC02LDZhMSwxLDAsMCwwLDAsMS40MTZsNiw2YTEsMSwwLDEsMCwxLjQxNi0xLjQxNkw2LjQxNCwxNmw1LjI5NC01LjI5MmExLDEsMCwwLDAsMC0xLjQxNloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTAxIiBkYXRhLW5hbWU9IlBmYWQgNTAxIiBkPSJNMjAsMTZhMSwxLDAsMCwwLTEtMUg2YTEsMSwwLDAsMCwwLDJIMTlBMSwxLDAsMCwwLDIwLDE2Wm01LDEyYTEsMSwwLDAsMS0xLTFWNWExLDEsMCwwLDEsMiwwVjI3QTEsMSwwLDAsMSwyNSwyOFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-arrows-move {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWFycm93cy1tb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEzIC05MzYpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUxMiIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTEyIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxMyA5MzYpIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9ImFycm93cy1tb3ZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTMuMDAyIDkzNi4wMDIpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUzMSIgZGF0YS1uYW1lPSJQZmFkIDUzMSIgZD0iTTEzLDE2YTEsMSwwLDAsMC0xLTFIM2ExLDEsMCwwLDAsMCwyaDlBMSwxLDAsMCwwLDEzLDE2WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MzIiIGRhdGEtbmFtZT0iUGZhZCA1MzIiIGQ9Ik03LjcwOCwxMS4yOTJhMSwxLDAsMCwwLTEuNDE2LDBsLTQsNGExLDEsMCwwLDAsMCwxLjQxNmw0LDRhMSwxLDAsMCwwLDEuNDE2LTEuNDE2TDQuNDE0LDE2bDMuMjk0LTMuMjkyYTEsMSwwLDAsMCwwLTEuNDE2Wk0xOSwxNmExLDEsMCwwLDEsMS0xaDlhMSwxLDAsMCwxLDAsMkgyMEExLDEsMCwwLDEsMTksMTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUzMyIgZGF0YS1uYW1lPSJQZmFkIDUzMyIgZD0iTTI0LjI5MiwxMS4yOTJhMSwxLDAsMCwxLDEuNDE2LDBsNCw0YTEsMSwwLDAsMSwwLDEuNDE2bC00LDRhMSwxLDAsMCwxLTEuNDE2LTEuNDE2TDI3LjU4NiwxNmwtMy4yOTQtMy4yOTJhMSwxLDAsMCwxLDAtMS40MTZaTTE2LDE5YTEsMSwwLDAsMC0xLDF2OWExLDEsMCwwLDAsMiwwVjIwQTEsMSwwLDAsMCwxNiwxOVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTM0IiBkYXRhLW5hbWU9IlBmYWQgNTM0IiBkPSJNMTEuMjkyLDI0LjI5MmExLDEsMCwwLDAsMCwxLjQxNmw0LDRhMSwxLDAsMCwwLDEuNDE2LDBsNC00YTEsMSwwLDAsMC0xLjQxNi0xLjQxNkwxNiwyNy41ODZsLTMuMjkyLTMuMjk0YTEsMSwwLDAsMC0xLjQxNiwwWk0xNiwxM2ExLDEsMCwwLDEtMS0xVjNhMSwxLDAsMCwxLDIsMHY5QTEsMSwwLDAsMSwxNiwxM1oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTM1IiBkYXRhLW5hbWU9IlBmYWQgNTM1IiBkPSJNMTEuMjkyLDcuNzA4YTEsMSwwLDAsMSwwLTEuNDE2bDQtNGExLDEsMCwwLDEsMS40MTYsMGw0LDRhMSwxLDAsMCwxLTEuNDE2LDEuNDE2TDE2LDQuNDE0LDEyLjcwOCw3LjcwOGExLDEsMCwwLDEtMS40MTYsMFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-bars-three {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGlkPSJpYy1iYXJzLXRocmVlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzMgLTEyMSkiPgogICAgICAgIDxwYXRoIGQ9Im0gMzYuOTcyMjQ0LDEyOC44Mzg1MiBoIDIzLjgzOTM2IGMgMC41NTQsMCAxLDAuNDQ2IDEsMSB2IDAuNDQ0OTEgYyAwLDAuNTU0IC0wLjQ0NiwxIC0xLDEgaCAtMjMuODM5MzYgYyAtMC41NTQsMCAtMSwtMC40NDYgLTEsLTEgdiAtMC40NDQ5MSBjIDAsLTAuNTU0IDAuNDQ2LC0xIDEsLTEgeiIKICAgICAgICAgICAgICBpZD0iUGZhZF8xIi8+CiAgICAgICAgPHBhdGggZD0ibSAzNi45NzIyNDQsMTM1Ljc0MTc5IGggMjMuODM5MzYgYyAwLjU1NCwwIDEsMC40NDYgMSwxIHYgMC40NDQ5MSBjIDAsMC41NTQgLTAuNDQ2LDEgLTEsMSBoIC0yMy44MzkzNiBjIC0wLjU1NCwwIC0xLC0wLjQ0NiAtMSwtMSB2IC0wLjQ0NDkxIGMgMCwtMC41NTQgMC40NDYsLTEgMSwtMSB6IgogICAgICAgICAgICAgIGlkPSJQZmFkXzIiLz4KICAgICAgICA8cGF0aCBkPSJtIDM2Ljk3MjI0NCwxNDIuNjQ1MDcgaCAyMy44MzkzNiBjIDAuNTU0LDAgMSwwLjQ0NiAxLDEgdiAwLjQ0NDkxIGMgMCwwLjU1NCAtMC40NDYsMSAtMSwxIGggLTIzLjgzOTM2IGMgLTAuNTU0LDAgLTEsLTAuNDQ2IC0xLC0xIHYgLTAuNDQ0OTEgYyAwLC0wLjU1NCAwLjQ0NiwtMSAxLC0xIHoiCiAgICAgICAgICAgICAgaWQ9IlBmYWRfMyIvPgogICAgPC9nPgo8L3N2Zz4K");
}
.oc-button.oc-button-icon.oc-icon-calendar {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNhbGVuZGFyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzEwIC03OTcpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUwNyIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTA3IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxMCA3OTcpIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9ImNhbGVuZGFyLWV2ZW50IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTEgNzk4KSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MjMiIGRhdGEtbmFtZT0iUGZhZCA1MjMiIGQ9Ik0xLjg3NSw3LjYyNXYxOC43NUExLjg3NSwxLjg3NSwwLDAsMCwzLjc1LDI4LjI1aDIyLjVhMS44NzUsMS44NzUsMCwwLDAsMS44NzUtMS44NzVWNy42MjVaTTMuNzUsMkEzLjc1LDMuNzUsMCwwLDAsMCw1Ljc1VjI2LjM3NWEzLjc1LDMuNzUsMCwwLDAsMy43NSwzLjc1aDIyLjVBMy43NSwzLjc1LDAsMCwwLDMwLDI2LjM3NVY1Ljc1QTMuNzUsMy43NSwwLDAsMCwyNi4yNSwyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4xMjUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUyNCIgZGF0YS1uYW1lPSJQZmFkIDUyNCIgZD0iTTYuOTM3LDBhLjkzOC45MzgsMCwwLDEsLjkzOC45Mzh2LjkzOEEuOTM4LjkzOCwwLDAsMSw2LDEuODc1Vi45MzhBLjkzOC45MzgsMCwwLDEsNi45MzcsMFpNMjMuODEzLDBhLjkzOC45MzgsMCwwLDEsLjkzOC45Mzh2LjkzOGEuOTM4LjkzOCwwLDAsMS0xLjg3NSwwVi45MzhBLjkzNy45MzcsMCwwLDEsMjMuODEzLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4zNzUpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUyNSIgZGF0YS1uYW1lPSJQZmFkIDUyNSIgZD0iTTIyLjkzNywxMmgxLjg3NWEuOTM4LjkzOCwwLDAsMSwuOTM4LjkzOHYxLjg3NWEuOTM3LjkzNywwLDAsMS0uOTM3LjkzOEgyMi45MzdBLjkzOC45MzgsMCwwLDEsMjIsMTQuODEyVjEyLjkzN0EuOTM4LjkzOCwwLDAsMSwyMi45MzcsMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS4zNzUgLTAuNzUpIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
.oc-button.oc-button-icon.oc-icon-chat {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoYXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMCAtOTAwKSI+DQogICAgPGcgaWQ9ImNoYXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxIDkwMCkiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTEwIiBkYXRhLW5hbWU9IlBmYWQgNTEwIiBkPSJNNS4wMjEsMjIuNDI2YTEuODc1LDEuODc1LDAsMCwxLC41MzgsMS41LDIwLjU2OSwyMC41NjksMCwwLDEtLjc0NiwzLjc1QTIyLjE0MiwyMi4xNDIsMCwwLDAsOS43NTIsMjZhMS44NzUsMS44NzUsMCwwLDEsMS4zMzEtLjEzOSwxNS4xMTIsMTUuMTEyLDAsMCwwLDMuOTE3LjUxYzcuNDkyLDAsMTMuMTI1LTUuMjYzLDEzLjEyNS0xMS4yNVMyMi40OTMsMy44NzUsMTUsMy44NzUsMS44NzUsOS4xNCwxLjg3NSwxNS4xMjVBMTAuMywxMC4zLDAsMCwwLDUuMDIxLDIyLjQyNlpNNC4xLDI5Ljc0OHEtLjY2Ni4xMzItMS4zMzcuMjQyYS40ODcuNDg3LDAsMCwxLS41MTItLjY3OXEuMjUtLjU4OS40NTctMS4xOTRsLjAwNi0uMDE5YTE5LjU4NSwxOS41ODUsMCwwLDAsLjk4Mi00LjM0OEExMi4xNzksMTIuMTc5LDAsMCwxLDAsMTUuMTI1QzAsNy44NzYsNi43MTYsMiwxNSwyUzMwLDcuODc2LDMwLDE1LjEyNSwyMy4yODQsMjguMjUsMTUsMjguMjVhMTYuOTg3LDE2Ljk4NywwLDAsMS00LjQtLjU3NEEyNS42MjksMjUuNjI5LDAsMCwxLDQuMSwyOS43NDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgPC9nPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNTAwIiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE1MDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAgOTAwKSIgZmlsbD0ibm9uZSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
.oc-button.oc-button-icon.oc-icon-chat-alt {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoYXQtYWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIwIC0yNTEpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUyOCIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTI4IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyMCAyNTEpIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9ImNoYXQtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyMSAyNTMpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzU3OCIgZGF0YS1uYW1lPSJQZmFkIDU3OCIgZD0iTTMuNzUsMS44NzVoMjIuNUExLjg3NSwxLjg3NSwwLDAsMSwyOC4xMjUsMy43NVYyNS40NzRsLTMuNzUtMy43NWEzLjc1LDMuNzUsMCwwLDAtMi42NTEtMS4xSDMuNzVBMS44NzUsMS44NzUsMCwwLDEsMS44NzUsMTguNzV2LTE1QTEuODc1LDEuODc1LDAsMCwxLDMuNzUsMS44NzVaTTI2LjI1LDBBMy43NSwzLjc1LDAsMCwxLDMwLDMuNzVWMjcuNzM3YS45MzguOTM4LDAsMCwxLTEuNi42NjJMMjMuMDUsMjMuMDVhMS44NzUsMS44NzUsMCwwLDAtMS4zMjYtLjU0OUgzLjc1QTMuNzUsMy43NSwwLDAsMSwwLDE4Ljc1MXYtMTVBMy43NSwzLjc1LDAsMCwxLDMuNzUsMFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-checkbox-empty {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZWNrYm94LWVtcHR5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjk5IC04NjkpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUwOSIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTA5IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5OSA4NjkpIiBmaWxsPSJub25lIi8+DQogICAgPHBhdGggaWQ9ImNoZWNrYm94IiBkPSJNMywyQTEsMSwwLDAsMCwyLDNWMjNhMSwxLDAsMCwwLDEsMUgyM2ExLDEsMCwwLDAsMS0xVjNhMSwxLDAsMCwwLTEtMUgzTTMsMEgyM2EzLDMsMCwwLDEsMywzVjIzYTMsMywwLDAsMS0zLDNIM2EzLDMsMCwwLDEtMy0zVjNBMywzLDAsMCwxLDMsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwMSA4NzIpIi8+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-checkbox-filled {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZWNrYm94LWZpbGxlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNSAtODY2KSI+DQogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzE1MTAiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTUxMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTUgODY2KSIgZmlsbD0ibm9uZSIvPg0KICAgIDxnIGlkPSJjaGVjay1ib3giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNCA4NjYpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUyNiIgZGF0YS1uYW1lPSJQZmFkIDUyNiIgZD0iTTMwLjcwOCw1LjI5MmExLDEsMCwwLDEsMCwxLjQxNmwtMTQsMTRhMSwxLDAsMCwxLTEuNDE2LDBsLTYtNmExLDEsMCwwLDEsMS40MTYtMS40MTZMMTYsMTguNTg2LDI5LjI5Miw1LjI5MmExLDEsMCwwLDEsMS40MTYsMFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTI3IiBkYXRhLW5hbWU9IlBmYWQgNTI3IiBkPSJNMywyNmEzLDMsMCwwLDAsMywzSDI2YTMsMywwLDAsMCwzLTNWMTZhMSwxLDAsMCwwLTIsMFYyNmExLDEsMCwwLDEtMSwxSDZhMSwxLDAsMCwxLTEtMVY2QTEsMSwwLDAsMSw2LDVIMjJhMSwxLDAsMCwwLDAtMkg2QTMsMywwLDAsMCwzLDZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-chevron-double-down {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG91YmxlLWRvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTUgLTU3MSkiPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNTA0IiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE1MDQiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE1IDU3MSkiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0iY2hldnJvbi1kb3VibGUtZG93biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE1LjAwMiA1NzEuMDAyKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTUiIGRhdGEtbmFtZT0iUGZhZCA1MTUiIGQ9Ik0zLjI5MiwxMy4yOTJhMSwxLDAsMCwxLDEuNDE2LDBMMTYsMjQuNTg2LDI3LjI5MiwxMy4yOTJhMSwxLDAsMSwxLDEuNDE2LDEuNDE2bC0xMiwxMmExLDEsMCwwLDEtMS40MTYsMGwtMTItMTJhMSwxLDAsMCwxLDAtMS40MTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUxNiIgZGF0YS1uYW1lPSJQZmFkIDUxNiIgZD0iTTMuMjkyLDUuMjkyYTEsMSwwLDAsMSwxLjQxNiwwTDE2LDE2LjU4NiwyNy4yOTIsNS4yOTJhMSwxLDAsMSwxLDEuNDE2LDEuNDE2bC0xMiwxMmExLDEsMCwwLDEtMS40MTYsMGwtMTItMTJhMSwxLDAsMCwxLDAtMS40MTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-chevron-double-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG91YmxlLWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjQgLTYzMykiPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNTA1IiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE1MDUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI0IDYzMykiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0iY2hldnJvbi1kb3VibGUtbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI2LjAwMiA2MzMuMDAyKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTkiIGRhdGEtbmFtZT0iUGZhZCA1MTkiIGQ9Ik0xNi43MDgsMy4yOTJhMSwxLDAsMCwxLDAsMS40MTZMNS40MTQsMTYsMTYuNzA4LDI3LjI5MmExLDEsMCwxLDEtMS40MTYsMS40MTZsLTEyLTEyYTEsMSwwLDAsMSwwLTEuNDE2bDEyLTEyYTEsMSwwLDAsMSwxLjQxNiwwWiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MjAiIGRhdGEtbmFtZT0iUGZhZCA1MjAiIGQ9Ik0yNC43MDgsMy4yOTJhMSwxLDAsMCwxLDAsMS40MTZMMTMuNDE0LDE2LDI0LjcwOCwyNy4yOTJhMSwxLDAsMSwxLTEuNDE2LDEuNDE2bC0xMi0xMmExLDEsMCwwLDEsMC0xLjQxNmwxMi0xMmExLDEsMCwwLDEsMS40MTYsMFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-chevron-double-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG91YmxlLXJpZ2h0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzA1IC03MTApIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUwNiIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTA2IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwNSA3MTApIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9ImNoZXZyb24tZG91YmxlLXJpZ2h0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMDMuMDAyIDcxMC4wMDIpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUyMSIgZGF0YS1uYW1lPSJQZmFkIDUyMSIgZD0iTTcuMjkyLDMuMjkyYTEsMSwwLDAsMSwxLjQxNiwwbDEyLDEyYTEsMSwwLDAsMSwwLDEuNDE2bC0xMiwxMmExLDEsMCwxLDEtMS40MTYtMS40MTZMMTguNTg2LDE2LDcuMjkyLDQuNzA4YTEsMSwwLDAsMSwwLTEuNDE2WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MjIiIGRhdGEtbmFtZT0iUGZhZCA1MjIiIGQ9Ik0xNS4yOTIsMy4yOTJhMSwxLDAsMCwxLDEuNDE2LDBsMTIsMTJhMSwxLDAsMCwxLDAsMS40MTZsLTEyLDEyYTEsMSwwLDEsMS0xLjQxNi0xLjQxNkwyNi41ODYsMTYsMTUuMjkyLDQuNzA4YTEsMSwwLDAsMSwwLTEuNDE2WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
.oc-button.oc-button-icon.oc-icon-chevron-double-up {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG91YmxlLXRvcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMiAtNTE4KSI+DQogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzE1MDMiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTUwMyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjIgNTE4KSIgZmlsbD0ibm9uZSIvPg0KICAgIDxnIGlkPSJjaGV2cm9uLWRvdWJsZS11cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIyLjAwMSA1MTguMDAyKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTciIGRhdGEtbmFtZT0iUGZhZCA1MTciIGQ9Ik0xNS4yOTIsNS4yOTJhMSwxLDAsMCwxLDEuNDE2LDBsMTIsMTJhMSwxLDAsMSwxLTEuNDE2LDEuNDE2TDE2LDcuNDE0LDQuNzA4LDE4LjcwOGExLDEsMCwxLDEtMS40MTYtMS40MTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUxOCIgZGF0YS1uYW1lPSJQZmFkIDUxOCIgZD0iTTE1LjI5MiwxMy4yOTJhMSwxLDAsMCwxLDEuNDE2LDBsMTIsMTJhMSwxLDAsMSwxLTEuNDE2LDEuNDE2TDE2LDE1LjQxNCw0LjcwOCwyNi43MDhhMSwxLDAsMSwxLTEuNDE2LTEuNDE2WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
.oc-button.oc-button-icon.oc-icon-chevron-down {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG93biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxIC01NDQpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTQ5NCIgZGF0YS1uYW1lPSJSZWNodGVjayAxNDk0IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxIDU0NCkiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0iY2hldnJvbi1kb3duIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMS4wMDIgNTQ0LjAwMikiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTAyIiBkYXRhLW5hbWU9IlBmYWQgNTAyIiBkPSJNMy4yOTIsOS4yOTJhMSwxLDAsMCwxLDEuNDE2LDBMMTYsMjAuNTg2LDI3LjI5Miw5LjI5MmExLDEsMCwwLDEsMS40MTYsMS40MTZsLTEyLDEyYTEsMSwwLDAsMS0xLjQxNiwwbC0xMi0xMmExLDEsMCwwLDEsMC0xLjQxNloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-chevron-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5MiAtNTg5KSI+DQogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzE0OTUiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTQ5NSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTIgNTg5KSIgZmlsbD0ibm9uZSIvPg0KICAgIDxnIGlkPSJjaGV2cm9uLWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5Mi4wMDIgNTg5LjAwMikiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTA1IiBkYXRhLW5hbWU9IlBmYWQgNTA1IiBkPSJNMjIuNzA4LDMuMjkyYTEsMSwwLDAsMSwwLDEuNDE2TDExLjQxNCwxNiwyMi43MDgsMjcuMjkyYTEsMSwwLDEsMS0xLjQxNiwxLjQxNmwtMTItMTJhMSwxLDAsMCwxLDAtMS40MTZsMTItMTJhMSwxLDAsMCwxLDEuNDE2LDBaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-chevron-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NDggLTQ2NSkiPg0KICAgIDxnIGlkPSJjaGV2cm9uLXJpZ2h0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NDguMDAyIDQ2NS4wMDIpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUwNCIgZGF0YS1uYW1lPSJQZmFkIDUwNCIgZD0iTTkuMjkyLDMuMjkyYTEsMSwwLDAsMSwxLjQxNiwwbDEyLDEyYTEsMSwwLDAsMSwwLDEuNDE2bC0xMiwxMmExLDEsMCwxLDEtMS40MTYtMS40MTZMMjAuNTg2LDE2LDkuMjkyLDQuNzA4YTEsMSwwLDAsMSwwLTEuNDE2WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgPC9nPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNDk2IiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE0OTYiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQ4IDQ2NSkiIGZpbGw9Im5vbmUiLz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-chevron-up {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tdG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDcwIC0zMjQpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTQ5NyIgZGF0YS1uYW1lPSJSZWNodGVjayAxNDk3IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3MCAzMjQpIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9ImNoZXZyb24tdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3MC4wMDEgMzI0LjAwMikiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTAzIiBkYXRhLW5hbWU9IlBmYWQgNTAzIiBkPSJNMTUuMjkyLDkuMjkyYTEsMSwwLDAsMSwxLjQxNiwwbDEyLDEyYTEsMSwwLDEsMS0xLjQxNiwxLjQxNkwxNiwxMS40MTQsNC43MDgsMjIuNzA4YTEsMSwwLDEsMS0xLjQxNi0xLjQxNloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-circle-blue {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiCiAgICAgdmlld0JveD0iMCAwIDMyIDMyLjAwMDAwMSIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSI+CiAgICA8ZGVmcyBpZD0iZGVmczQiLz4KICAgIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij4KICAgICAgICA8cmRmOlJERj4KICAgICAgICAgICAgPGNjOldvcmsgcmRmOmFib3V0PSIiPgogICAgICAgICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgICAgICAgICA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+CiAgICAgICAgICAgICAgICA8ZGM6dGl0bGUvPgogICAgICAgICAgICA8L2NjOldvcms+CiAgICAgICAgPC9yZGY6UkRGPgogICAgPC9tZXRhZGF0YT4KICAgIDxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiPgogICAgICAgIDxjaXJjbGUgc3R5bGU9ImZpbGw6Izc4NzhmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2MwYzBjMDtzdHJva2Utd2lkdGg6MC45Njk2OTc7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MC41Mzk5OTk5NjtzdHJva2Utb3BhY2l0eToxIgogICAgICAgICAgICAgICAgaWQ9InBhdGg0MTM2IiBjeD0iMTYiIGN5PSIxMDM2LjM2MjIiIHI9IjE1LjUxNTE1MiIvPgogICAgPC9nPgo8L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-circle-green {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmcyIgogICAgIHZpZXdCb3g9IjAgMCAzMiAzMi4wMDAwMDEiIGhlaWdodD0iMzIiIHdpZHRoPSIzMiI+CiAgICA8ZGVmcyBpZD0iZGVmczQiLz4KICAgIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij4KICAgICAgICA8cmRmOlJERj4KICAgICAgICAgICAgPGNjOldvcmsgcmRmOmFib3V0PSIiPgogICAgICAgICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgICAgICAgICA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+CiAgICAgICAgICAgICAgICA8ZGM6dGl0bGUvPgogICAgICAgICAgICA8L2NjOldvcms+CiAgICAgICAgPC9yZGY6UkRGPgogICAgPC9tZXRhZGF0YT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiIGlkPSJsYXllcjEiPgogICAgICAgIDxjaXJjbGUgcj0iMTUuNTE1MTUyIiBjeT0iMTAzNi4zNjIyIiBjeD0iMTYiIGlkPSJwYXRoNDEzNiIKICAgICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiM3OWFjMzU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNjMGMwYzA7c3Ryb2tlLXdpZHRoOjAuOTY5Njk3O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjU7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjAuNTM5OTk5OTY7c3Ryb2tlLW9wYWNpdHk6MSIvPgogICAgPC9nPgo8L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-circle-lightgrey {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDMyIDMyLjAwMDAwMSIKICAgaGVpZ2h0PSIzMiIKICAgd2lkdGg9IjMyIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8Y2lyY2xlCiAgICAgICByPSIxNS41MTUxNTIiCiAgICAgICBjeT0iMTAzNi4zNjIyIgogICAgICAgY3g9IjE2IgogICAgICAgaWQ9InBhdGg0MTM2IgogICAgICAgc3R5bGU9ImZpbGw6I2M4YzhjODtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2MwYzBjMDtzdHJva2Utd2lkdGg6MC45Njk2OTc7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MC41Mzk5OTk5NjtzdHJva2Utb3BhY2l0eToxIiAvPgogIDwvZz4KPC9zdmc+Cg==");
}
.oc-button.oc-button-icon.oc-icon-circle-orange {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyLjAwMDAwMSIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSI+CiAgICA8ZGVmcyBpZD0iZGVmczQiLz4KICAgIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij4KICAgICAgICA8cmRmOlJERj4KICAgICAgICAgICAgPGNjOldvcmsgcmRmOmFib3V0PSIiPgogICAgICAgICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgICAgICAgICA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+CiAgICAgICAgICAgICAgICA8ZGM6dGl0bGUvPgogICAgICAgICAgICA8L2NjOldvcms+CiAgICAgICAgPC9yZGY6UkRGPgogICAgPC9tZXRhZGF0YT4KICAgIDxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiPgogICAgICAgIDxjaXJjbGUgc3R5bGU9ImZpbGw6I2ZmYTUwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2MwYzBjMDtzdHJva2Utd2lkdGg6MC45Njk2OTc7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MC41Mzk5OTk5NjtzdHJva2Utb3BhY2l0eToxIgogICAgICAgICAgICAgICAgaWQ9InBhdGg0MTM2IiBjeD0iMTYiIGN5PSIxMDM2LjM2MjIiIHI9IjE1LjUxNTE1MiIvPgogICAgPC9nPgo8L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-circle-purple {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDMyIDMyLjAwMDAwMSIKICAgaGVpZ2h0PSIzMiIKICAgd2lkdGg9IjMyIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8Y2lyY2xlCiAgICAgICByPSIxNS41MTUxNTIiCiAgICAgICBjeT0iMTAzNi4zNjIyIgogICAgICAgY3g9IjE2IgogICAgICAgaWQ9InBhdGg0MTM2IgogICAgICAgc3R5bGU9ImZpbGw6I2M4MDBjODtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2MwYzBjMDtzdHJva2Utd2lkdGg6MC45Njk2OTc7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MC41Mzk5OTk5NjtzdHJva2Utb3BhY2l0eToxIiAvPgogIDwvZz4KPC9zdmc+Cg==");
}
.oc-button.oc-button-icon.oc-icon-circle-red {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHZpZXdCb3g9IjAgMCAzMiAzMi4wMDAwMDEiIGhlaWdodD0iMzIiIHdpZHRoPSIzMiI+CiAgICA8ZGVmcyBpZD0iZGVmczQiLz4KICAgIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij4KICAgICAgICA8cmRmOlJERj4KICAgICAgICAgICAgPGNjOldvcmsgcmRmOmFib3V0PSIiPgogICAgICAgICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgICAgICAgICA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+CiAgICAgICAgICAgICAgICA8ZGM6dGl0bGUvPgogICAgICAgICAgICA8L2NjOldvcms+CiAgICAgICAgPC9yZGY6UkRGPgogICAgPC9tZXRhZGF0YT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiIGlkPSJsYXllcjEiPgogICAgICAgIDxjaXJjbGUgcj0iMTUuNTE1MTUyIiBjeT0iMTAzNi4zNjIyIiBjeD0iMTYiIGlkPSJwYXRoNDEzNiIKICAgICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZjAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNjMGMwYzA7c3Ryb2tlLXdpZHRoOjAuOTY5Njk3O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjU7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjAuNTM5OTk5OTY7c3Ryb2tlLW9wYWNpdHk6MSIvPgogICAgPC9nPgo8L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-circle-yellow {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHZpZXdCb3g9IjAgMCAzMiAzMi4wMDAwMDEiIGhlaWdodD0iMzIiIHdpZHRoPSIzMiI+CiAgICA8ZGVmcyBpZD0iZGVmczQiLz4KICAgIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij4KICAgICAgICA8cmRmOlJERj4KICAgICAgICAgICAgPGNjOldvcmsgcmRmOmFib3V0PSIiPgogICAgICAgICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgICAgICAgICA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+CiAgICAgICAgICAgICAgICA8ZGM6dGl0bGUvPgogICAgICAgICAgICA8L2NjOldvcms+CiAgICAgICAgPC9yZGY6UkRGPgogICAgPC9tZXRhZGF0YT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjAuMzYyMikiIGlkPSJsYXllcjEiPgogICAgICAgIDxjaXJjbGUgcj0iMTUuNTE1MTUyIiBjeT0iMTAzNi4zNjIyIiBjeD0iMTYiIGlkPSJwYXRoNDEzNiIKICAgICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmMGYwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNjMGMwYzA7c3Ryb2tlLXdpZHRoOjAuOTY5Njk3O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjU7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjAuNTM5OTk5OTY7c3Ryb2tlLW9wYWNpdHk6MSIvPgogICAgPC9nPgo8L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjYyIC0yMzcpIj4NCiAgICA8ZyBpZD0ieCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYyLjAwMiAyMzcuMDAyKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81NDAiIGRhdGEtbmFtZT0iUGZhZCA1NDAiIGQ9Ik0yMy43MDgsOC4yOTJhMSwxLDAsMCwxLDAsMS40MTZsLTE0LDE0YTEsMSwwLDEsMS0xLjQxNi0xLjQxNmwxNC0xNGExLDEsMCwwLDEsMS40MTYsMFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTQxIiBkYXRhLW5hbWU9IlBmYWQgNTQxIiBkPSJNOC4yOTIsOC4yOTJhMSwxLDAsMCwwLDAsMS40MTZsMTQsMTRhMSwxLDAsMSwwLDEuNDE2LTEuNDE2bC0xNC0xNGExLDEsMCwwLDAtMS40MTYsMFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KICAgIDwvZz4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2tfMTUxNCIgZGF0YS1uYW1lPSJSZWNodGVjayAxNTE0IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY2MiAyMzcpIiBmaWxsPSJub25lIi8+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-document-two {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgICAgICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgICAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgICAgICAgdmlld0JveD0iMCAwIDUwIDUwIgogICAgICAgIHZlcnNpb249IjEuMSIKICAgICAgICBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiCiAgICAgICAgaWQ9IkxheWVyXzEiPjxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTIxIj48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPgogICAgPGRlZnMKICAgICAgICAgICAgaWQ9ImRlZnMxOSIvPgogICAgPGcKICAgICAgICAgICAgaWQ9IkxheWVyXzFfMV8iPjxwYXRoCiAgICAgICBkPSJNNSw3djQyaDM0di02aDZWMUgxMXY2SDV6IE0zNyw0N0g3VjloNGgxOXY3aDd2MjdWNDd6IE0zMiwxMC40MTRMMzUuNTg2LDE0SDMyVjEwLjQxNHogTTEzLDNoMzB2MzhoLTRWMTQuNTg2TDMxLjQxNCw3SDEzICAgVjN6IgogICAgICAgaWQ9Im15LWljb24iIC8+CiAgICAgICAgPHJlY3QKICAgICAgICAgICAgICAgIGlkPSJyZWN0MyIKICAgICAgICAgICAgICAgIHk9IjIwIgogICAgICAgICAgICAgICAgeD0iMTEiCiAgICAgICAgICAgICAgICB3aWR0aD0iMjIiCiAgICAgICAgICAgICAgICBoZWlnaHQ9IjIiLz4KICAgICAgICA8cmVjdAogICAgICAgICAgICAgICAgaWQ9InJlY3Q1IgogICAgICAgICAgICAgICAgeT0iMjYiCiAgICAgICAgICAgICAgICB4PSIxMSIKICAgICAgICAgICAgICAgIHdpZHRoPSIyMiIKICAgICAgICAgICAgICAgIGhlaWdodD0iMiIvPgogICAgICAgIDxyZWN0CiAgICAgICAgICAgICAgICBpZD0icmVjdDciCiAgICAgICAgICAgICAgICB5PSIzMiIKICAgICAgICAgICAgICAgIHg9IjExIgogICAgICAgICAgICAgICAgd2lkdGg9IjIyIgogICAgICAgICAgICAgICAgaGVpZ2h0PSIyIi8+CiAgICAgICAgPHJlY3QKICAgICAgICAgICAgICAgIGlkPSJyZWN0OSIKICAgICAgICAgICAgICAgIHk9IjQwIgogICAgICAgICAgICAgICAgeD0iMTEiCiAgICAgICAgICAgICAgICB3aWR0aD0iOSIKICAgICAgICAgICAgICAgIGhlaWdodD0iMiIvPgogICAgICAgIDxyZWN0CiAgICAgICAgICAgICAgICBpZD0icmVjdDExIgogICAgICAgICAgICAgICAgeT0iNDAiCiAgICAgICAgICAgICAgICB4PSIyNCIKICAgICAgICAgICAgICAgIHdpZHRoPSI5IgogICAgICAgICAgICAgICAgaGVpZ2h0PSIyIi8+CiAgICAgICAgPHJlY3QKICAgICAgICAgICAgICAgIGlkPSJyZWN0MTMiCiAgICAgICAgICAgICAgICB5PSIxNCIKICAgICAgICAgICAgICAgIHg9IjE4IgogICAgICAgICAgICAgICAgd2lkdGg9IjgiCiAgICAgICAgICAgICAgICBoZWlnaHQ9IjIiLz48L2c+PC9zdmc+");
}
.oc-button.oc-button-icon.oc-icon-eye-strikethrough {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIKICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXllLW9mZiI+CiAgICA8cGF0aCBkPSJNMTcuOTQgMTcuOTRBMTAuMDcgMTAuMDcgMCAwIDEgMTIgMjBjLTcgMC0xMS04LTExLThhMTguNDUgMTguNDUgMCAwIDEgNS4wNi01Ljk0TTkuOSA0LjI0QTkuMTIgOS4xMiAwIDAgMSAxMiA0YzcgMCAxMSA4IDExIDhhMTguNSAxOC41IDAgMCAxLTIuMTYgMy4xOW0tNi43Mi0xLjA3YTMgMyAwIDEgMS00LjI0LTQuMjQiLz4KICAgIDxsaW5lIHgxPSIxIiB5MT0iMSIgeDI9IjIzIiB5Mj0iMjMiLz4KPC9zdmc+");
}
.oc-button.oc-button-icon.oc-icon-gear {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4IiB3aWR0aD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMjBDMTcuMzEzNyAyMCAyMCAxNy4zMTM3IDIwIDE0QzIwIDEwLjY4NjMgMTcuMzEzNyA4IDE0IDhDMTAuNjg2MyA4IDggMTAuNjg2MyA4IDE0QzggMTcuMzEzNyAxMC42ODYzIDIwIDE0IDIwWk0xOCAxNEMxOCAxNi4yMDkxIDE2LjIwOTEgMTggMTQgMThDMTEuNzkwOSAxOCAxMCAxNi4yMDkxIDEwIDE0QzEwIDExLjc5MDkgMTEuNzkwOSAxMCAxNCAxMEMxNi4yMDkxIDEwIDE4IDExLjc5MDkgMTggMTRaIiBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMi45OTk2VjE0Ljk5OTZDMCAxNi41NDc4IDEuMTcyNjEgMTcuODIyIDIuNjc4MDkgMTcuOTgyNkMyLjgwNTg4IDE4LjM0NTkgMi45NTA2MiAxOC43MDExIDMuMTExMzMgMTkuMDQ3M0MyLjEyNDg0IDIwLjIyNiAyLjE4NTM2IDIxLjk4NCAzLjI5MjkxIDIzLjA5MTZMNC43MDcxMiAyNC41MDU4QzUuNzg5NDYgMjUuNTg4MSA3LjQ5MzA1IDI1LjY3MDYgOC42NzAwMyAyNC43NTMxQzkuMTA0NCAyNC45Njg4IDkuNTUzODMgMjUuMTU5IDEwLjAxNjMgMjUuMzIxOEMxMC4xNzY5IDI2LjgyNzMgMTEuNDUxMSAyOCAxMi45OTkzIDI4SDE0Ljk5OTNDMTYuNTQ3MSAyOCAxNy44MjExIDI2LjgyNzkgMTcuOTgyMSAyNS4zMjI4QzE4LjQwMjQgMjUuMTc1IDE4LjgxMTkgMjUuMDA0NiAxOS4yMDkxIDI0LjgxMjlDMjAuMzgyMyAyNS42NjY0IDIyLjAzNDQgMjUuNTY0IDIzLjA5MjYgMjQuNTA1OEwyNC41MDY4IDIzLjA5MTZDMjUuNTY1IDIyLjAzMzQgMjUuNjY3NCAyMC4zODEzIDI0LjgxNCAxOS4yMDgxQzI1LjAwNTQgMTguODExMyAyNS4xNzU3IDE4LjQwMjMgMjUuMzIzNCAxNy45ODI0QzI2LjgyODIgMTcuODIxMSAyOCAxNi41NDcyIDI4IDE0Ljk5OTZWMTIuOTk5NkMyOCAxMS40NTIgMjYuODI4MiAxMC4xNzgyIDI1LjMyMzQgMTAuMDE2OUMyNS4xNjA1IDkuNTUzNzUgMjQuOTcwMSA5LjEwMzc0IDI0Ljc1NDEgOC42Njg4M0MyNS42NzA4IDcuNDkxODkgMjUuNTg4MiA1Ljc4ODg4IDI0LjUwNjEgNC43MDY4MUwyMy4wOTE5IDMuMjkyNTlDMjEuOTg0NiAyLjE4NTMxIDIwLjIyNzEgMi4xMjQ1NSAxOS4wNDg1IDMuMTEwM0MxOC43MDE3IDIuOTQ5MzUgMTguMzQ1OSAyLjgwNDQxIDE3Ljk4MiAyLjY3NjQ3QzE3LjgyMDcgMS4xNzE3NyAxNi41NDY4IDAgMTQuOTk5MyAwSDEyLjk5OTNDMTEuNDUxNCAwIDEwLjE3NzMgMS4xNzIzMSAxMC4wMTY0IDIuNjc3NUM5LjYwNzc5IDIuODIxMyA5LjIwOTM2IDIuOTg2NTMgOC44MjI1MSAzLjE3MTgxQzcuNjQ0NDQgMi4xMjI1MSA1LjgzNzY0IDIuMTYyNzYgNC43MDc4MiAzLjI5MjU5TDMuMjkzNiA0LjcwNjhDMi4xNjM3NyA1LjgzNjY0IDIuMTIzNTIgNy42NDM0NSAzLjE3Mjg1IDguODIxNTJDMi45ODczNyA5LjIwODc3IDIuODIxOTkgOS42MDc2MyAyLjY3ODA5IDEwLjAxNjdDMS4xNzI2MSAxMC4xNzczIDAgMTEuNDUxNSAwIDEyLjk5OTZaTTE1Ljk5OTMgM0MxNS45OTkzIDIuNDQ3NzIgMTUuNTUxNiAyIDE0Ljk5OTMgMkgxMi45OTkzQzEyLjQ0NyAyIDExLjk5OTMgMi40NDc3MiAxMS45OTkzIDNWMy4zODI2OUMxMS45OTkzIDMuODU4MjMgMTEuNjYyNiA0LjI2Mjc2IDExLjIwNTkgNC4zOTU0MkMxMC40OTY2IDQuNjAxNDggOS44MTk3NCA0Ljg4NDAxIDkuMTg0OTUgNS4yMzM0OEM4Ljc2ODM2IDUuNDYyODIgOC4yNDQyNSA1LjQxNDgxIDcuOTA3OTkgNS4wNzg1NUw3LjUzNjI0IDQuNzA2ODFDNy4xNDU3MiA0LjMxNjI4IDYuNTEyNTYgNC4zMTYyOCA2LjEyMjAzIDQuNzA2OEw0LjcwNzgyIDYuMTIxMDJDNC4zMTcyOSA2LjUxMTU0IDQuMzE3MjkgNy4xNDQ3MSA0LjcwNzgyIDcuNTM1MjNMNS4wNzk1OCA3LjkwNjk5QzUuNDE1ODQgOC4yNDMyNSA1LjQ2Mzg1IDguNzY3MzYgNS4yMzQ1MSA5LjE4Mzk1QzQuODg0ODUgOS44MTkxIDQuNjAyMiAxMC40OTYzIDQuMzk2MTEgMTEuMjA2MUM0LjI2MzUgMTEuNjYyOSAzLjg1ODk0IDExLjk5OTYgMy4zODMzNCAxMS45OTk2SDNDMi40NDc3MiAxMS45OTk2IDIgMTIuNDQ3NCAyIDEyLjk5OTZWMTQuOTk5NkMyIDE1LjU1MTkgMi40NDc3MiAxNS45OTk2IDMgMTUuOTk5NkgzLjM4MzM0QzMuODU4OTQgMTUuOTk5NiA0LjI2MzQ5IDE2LjMzNjQgNC4zOTYxMSAxNi43OTMxQzQuNTg5NTQgMTcuNDU5NCA0Ljg1MDQyIDE4LjA5NjkgNS4xNzA4NSAxOC42OTc5QzUuMzkyMDIgMTkuMTEyNyA1LjM0MDk1IDE5LjYyOTMgNS4wMDg1NSAxOS45NjE3TDQuNzA3MTIgMjAuMjYzMkM0LjMxNjYgMjAuNjUzNyA0LjMxNjYgMjEuMjg2OCA0LjcwNzEyIDIxLjY3NzRMNi4xMjEzNCAyMy4wOTE2QzYuNTExODYgMjMuNDgyMSA3LjE0NTAzIDIzLjQ4MjEgNy41MzU1NSAyMy4wOTE2TDcuNzc4ODcgMjIuODQ4M0M4LjExODk5IDIyLjUwODEgOC42NTA1NSAyMi40NjMzIDkuMDY4NzkgMjIuNzAwOEM5LjczNjk1IDIzLjA4MDQgMTAuNDUzMSAyMy4zODUyIDExLjIwNTkgMjMuNjAzOUMxMS42NjI2IDIzLjczNjUgMTEuOTk5MyAyNC4xNDExIDExLjk5OTMgMjQuNjE2NlYyNUMxMS45OTkzIDI1LjU1MjMgMTIuNDQ3IDI2IDEyLjk5OTMgMjZIMTQuOTk5M0MxNS41NTE2IDI2IDE1Ljk5OTMgMjUuNTUyMyAxNS45OTkzIDI1VjI0LjYxNzRDMTUuOTk5MyAyNC4xNDE4IDE2LjMzNjEgMjMuNzM3MiAxNi43OTI5IDIzLjYwNDZDMTcuNTAzMiAyMy4zOTg1IDE4LjE4MDkgMjMuMTE1NyAxOC44MTY0IDIyLjc2NThDMTkuMjMzIDIyLjUzNjUgMTkuNzU3MSAyMi41ODQ1IDIwLjA5MzQgMjIuOTIwOEwyMC4yNjQyIDIzLjA5MTZDMjAuNjU0NyAyMy40ODIxIDIxLjI4NzkgMjMuNDgyMSAyMS42Nzg0IDIzLjA5MTZMMjMuMDkyNiAyMS42Nzc0QzIzLjQ4MzEgMjEuMjg2OCAyMy40ODMxIDIwLjY1MzcgMjMuMDkyNiAyMC4yNjMyTDIyLjkyMTggMjAuMDkyNEMyMi41ODU1IDE5Ljc1NjEgMjIuNTM3NSAxOS4yMzIgMjIuNzY2OSAxOC44MTU0QzIzLjExNjYgMTguMTgwMiAyMy4zOTkyIDE3LjUwMyAyMy42MDUzIDE2Ljc5MzFDMjMuNzM3OSAxNi4zMzY0IDI0LjE0MjUgMTUuOTk5NiAyNC42MTgxIDE1Ljk5OTZIMjVDMjUuNTUyMyAxNS45OTk2IDI2IDE1LjU1MTkgMjYgMTQuOTk5NlYxMi45OTk2QzI2IDEyLjQ0NzQgMjUuNTUyMyAxMS45OTk2IDI1IDExLjk5OTZIMjQuNjE4MUMyNC4xNDI1IDExLjk5OTYgMjMuNzM3OSAxMS42NjI5IDIzLjYwNTMgMTEuMjA2MUMyMy4zODY2IDEwLjQ1MjkgMjMuMDgxNyA5LjczNjI3IDIyLjcwMTkgOS4wNjc3M0MyMi40NjQzIDguNjQ5NDkgMjIuNTA5MiA4LjExNzkzIDIyLjg0OTMgNy43Nzc4MUwyMy4wOTE5IDcuNTM1MjNDMjMuNDgyNCA3LjE0NDcxIDIzLjQ4MjQgNi41MTE1NCAyMy4wOTE5IDYuMTIxMDJMMjEuNjc3NyA0LjcwNjhDMjEuMjg3MiA0LjMxNjI4IDIwLjY1NCA0LjMxNjI4IDIwLjI2MzUgNC43MDY4TDE5Ljk2MjggNS4wMDc0OEMxOS42MzA0IDUuMzM5ODggMTkuMTEzNyA1LjM5MDk2IDE4LjY5ODkgNS4xNjk3OUMxOC4wOTc2IDQuODQ5MTUgMTcuNDU5NiA0LjU4ODE1IDE2Ljc5MjkgNC4zOTQ2N0MxNi4zMzYxIDQuMjYyMSAxNS45OTkzIDMuODU3NTIgMTUuOTk5MyAzLjM4MTg3VjNaIiBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}
.oc-button.oc-button-icon.oc-icon-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWluZm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAgLTQ0MSkiPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNTExIiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE1MTEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIwIDQ0MSkiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0iaW5mby1jaXJjbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyMSA0NDIpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUyOCIgZGF0YS1uYW1lPSJQZmFkIDUyOCIgZD0iTTE1LDI4LjEyNUExMy4xMjUsMTMuMTI1LDAsMSwwLDEuODc1LDE1LDEzLjEyNSwxMy4xMjUsMCwwLDAsMTUsMjguMTI1Wk0xNSwzMEExNSwxNSwwLDEsMCwwLDE1LDE1LDE1LDAsMCwwLDE1LDMwWiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MjkiIGRhdGEtbmFtZT0iUGZhZCA1MjkiIGQ9Ik0xNy41NTYsMTMuMTc2bC00LjI5NC41MzgtLjE1NC43MTIuODQ0LjE1NmMuNTUxLjEzMS42Ni4zMy41NC44NzlsLTEuMzg0LDYuNWMtLjM2NCwxLjY4Mi4yLDIuNDczLDEuNTE1LDIuNDczYTMuODgzLDMuODgzLDAsMCwwLDIuNzQ3LTEuMTIxbC4xNjUtLjc4QTIuMDc3LDIuMDc3LDAsMCwxLDE2LjI0OSwyM2MtLjUxNiwwLS43LS4zNjItLjU3LTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44MTMgLTAuODIzKSIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTMwIiBkYXRhLW5hbWU9IlBmYWQgNTMwIiBkPSJNMTcuNzUsOC44NzVBMS44NzUsMS44NzUsMCwxLDEsMTUuODc1LDcsMS44NzUsMS44NzUsMCwwLDEsMTcuNzUsOC44NzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44NzUgLTAuNDM3KSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=");
}
.oc-button.oc-button-icon.oc-icon-loading {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiIGhlaWdodD0iNDBweCIgd2lkdGg9IjQwcHgiIHk9IjBweCIgeD0iMHB4IiBpZD0ibG9hZGVyLTEiIHZlcnNpb249IjEuMSI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTkiPjxyZGY6UkRGPjxjYzpXb3JrIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz48ZGM6dGl0bGUvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT4KICAgIDxkZWZzIGlkPSJkZWZzNyIvPgogICAgPHBhdGggaWQ9InBhdGgzIgogICAgICAgICAgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6IgogICAgICAgICAgZmlsbD0iIzAwMCI+PGFuaW1hdGVUcmFuc2Zvcm0gcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC42cyIgdG89IjM2MCAyNSAyNSIgZnJvbT0iMCAyNSAyNSIgdHlwZT0icm90YXRlIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGF0dHJpYnV0ZVR5cGU9InhtbCIvPjwvcGF0aD48L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-lock-closed {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGRhdGEtbmFtZT0iNjAtbG9jayIgaWQ9Il82MC1sb2NrIj48cmVjdCBjbGFzcz0iY2xzLTEiIGhlaWdodD0iMTQiIHJ4PSIyIiByeT0iMiIgd2lkdGg9IjIwIiB4PSI2IiB5PSIxNyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDFoMGE4LDgsMCwwLDEsOCw4djhhMCwwLDAsMCwxLDAsMEg4YTAsMCwwLDAsMSwwLDBWOUE4LDgsMCwwLDEsMTYsMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNiw1aDBhNCw0LDAsMCwxLDQsNHY4YTAsMCwwLDAsMSwwLDBIMTJhMCwwLDAsMCwxLDAsMFY5QTQsNCwwLDAsMSwxNiw1WiIvPjwvZz48L3N2Zz4=");
}
.oc-button.oc-button-icon.oc-icon-pencil {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWVkaXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMCAtODMzKSI+DQogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzE0OTkiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTQ5OSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMCA4MzMpIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9InBlbmNpbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAxIDgzMykiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTA4IiBkYXRhLW5hbWU9IlBmYWQgNTA4IiBkPSJNMjIuNTg2LDIuNTg2YTIsMiwwLDAsMSwyLjgyOCwwbDQsNGEyLDIsMCwwLDEsMCwyLjgyOGwtMTgsMThhMiwyLDAsMCwxLS43OC40ODRsLTYsMkEyLDIsMCwwLDEsMi4xLDI3LjM2OGwyLTZhMiwyLDAsMCwxLC40ODQtLjc4MmwxOC0xOFpNMjQsNGw0LDRMMTAsMjYsNCwyOGwyLTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUwOSIgZGF0YS1uYW1lPSJQZmFkIDUwOSIgZD0iTTI0LjI5MiwxMi43MDhsLTUtNSwxLjQxNi0xLjQxNiw1LDUtMS40MTQsMS40MTZaTTYsMjB2MWExLDEsMCwwLDAsMSwxSDh2MWExLDEsMCwwLDAsMSwxaDF2MWExLDEsMCwwLDAsMSwxaDFWMjNhMSwxLDAsMCwwLTEtMUgxMFYyMWExLDEsMCwwLDAtMS0xWiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
}
.oc-button.oc-button-icon.oc-icon-person {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLXBlcnNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1OCAtMzA1KSI+DQogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1OCAzMDUpIiBmaWxsPSJub25lIi8+DQogICAgPGcgaWQ9InBlcnNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjU4IDMwNSkiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTQyIiBkYXRhLW5hbWU9IlBmYWQgNTQyIiBkPSJNMjYsMjhhMS45NTksMS45NTksMCwwLDAsMi0yYzAtMi0yLTgtMTItOFM0LDI0LDQsMjZhMS45NTksMS45NTksMCwwLDAsMiwyWk02LjAxLDI2LjExMnYwWk02LjA0NCwyNkgyNS45NTZsLjAyOCwwLC4wMTYsMGE1LjM0NCw1LjM0NCwwLDAsMC0xLjY2NC0zLjMyOEMyMy4wMzIsMjEuMzYsMjAuNTc4LDIwLDE2LDIwcy03LjAzMiwxLjM2LTguMzM2LDIuNjY0QTUuMzU1LDUuMzU1LDAsMCwwLDYsMjUuOTkyWm0xOS45NDguMTEydjBaTTE2LDE0YTQsNCwwLDEsMC00LTRBNCw0LDAsMCwwLDE2LDE0Wm02LTRhNiw2LDAsMSwxLTYtNkE2LDYsMCwwLDEsMjIsMTBaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-plus {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLXBsdXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjIgLTE4NykiPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNTEzIiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE1MTMiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYyIDE4NykiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0icGx1cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjYyIDE4NykiPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTM4IiBkYXRhLW5hbWU9IlBmYWQgNTM4IiBkPSJNMTYsN2ExLDEsMCwwLDEsMSwxdjhhMSwxLDAsMCwxLTEsMUg4YTEsMSwwLDAsMSwwLTJoN1Y4QTEsMSwwLDAsMSwxNiw3WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MzkiIGRhdGEtbmFtZT0iUGZhZCA1MzkiIGQ9Ik0xNSwxNmExLDEsMCwwLDEsMS0xaDhhMSwxLDAsMCwxLDAsMkgxN3Y3YTEsMSwwLDAsMS0yLDBaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button.oc-button-icon.oc-icon-power-off {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGlkPSJpYy1wb3dlci1vZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgogICAgICAgIDxwYXRoIGlkPSJQZmFkXzEiCiAgICAgICAgICAgICAgZD0iTTkgNS42NDY5NEM5IDQuOTE4MDcgOC4yNDY0MSA0LjQ0MTA4IDcuNjI5MDggNC44Mjg1OEM0LjI0NzgxIDYuOTUxIDIgMTAuNzEyOCAyIDE0Ljk5OTZDMiAyMS42MjcgNy4zNzI1OCAyNi45OTk2IDE0IDI2Ljk5OTZDMjAuNjI3NCAyNi45OTk2IDI2IDIxLjYyNyAyNiAxNC45OTk2QzI2IDEwLjcxMjggMjMuNzUyMiA2Ljk1MSAyMC4zNzA5IDQuODI4NThDMTkuNzUzNiA0LjQ0MTA4IDE5IDQuOTE4MDcgMTkgNS42NDY5NFY1Ljc2MDYzQzE5IDYuMTE3NTkgMTkuMTkyNSA2LjQ0NDI1IDE5LjQ5MDcgNi42NDA1QzIyLjIwNyA4LjQyODM0IDI0IDExLjUwNDYgMjQgMTQuOTk5NkMyNCAyMC41MjI0IDE5LjUyMjggMjQuOTk5NiAxNCAyNC45OTk2QzguNDc3MTUgMjQuOTk5NiA0IDIwLjUyMjQgNCAxNC45OTk2QzQgMTEuNTA0NiA1Ljc5Mjk3IDguNDI4MzQgOC41MDkyOCA2LjY0MDVDOC44MDc0NiA2LjQ0NDI1IDkgNi4xMTc1OSA5IDUuNzYwNjNWNS42NDY5NFoiCiAgICAgICAgICAgICAgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgICAgICAgPHBhdGggaWQ9IlBmYWRfMiIKICAgICAgICAgICAgICBkPSJNMTMgMkMxMyAxLjQ0NzcyIDEzLjQ0NzcgMSAxNCAxQzE0LjU1MjMgMSAxNSAxLjQ0NzcyIDE1IDJWOUMxNSA5LjU1MjI4IDE0LjU1MjMgMTAgMTQgMTBDMTMuNDQ3NyAxMCAxMyA5LjU1MjI4IDEzIDlWMloiCiAgICAgICAgICAgICAgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.oc-button.oc-button-icon.oc-icon-trash {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLXRyYXNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzg2IC0xNzEpIj4NCiAgICA8cmVjdCBpZD0iUmVjaHRlY2siIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzg2IDE3MSkiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0idHJhc2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc4NiAxNzIpIj4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUzNiIgZGF0YS1uYW1lPSJQZmFkIDUzNiIgZD0iTTExLDExYTEsMSwwLDAsMSwxLDFWMjRhMSwxLDAsMCwxLTIsMFYxMkExLDEsMCwwLDEsMTEsMTFabTUsMGExLDEsMCwwLDEsMSwxVjI0YTEsMSwwLDAsMS0yLDBWMTJBMSwxLDAsMCwxLDE2LDExWm02LDFhMSwxLDAsMCwwLTIsMFYyNGExLDEsMCwwLDAsMiwwWiIvPg0KICAgICAgPHBhdGggaWQ9IlBmYWRfNTM3IiBkYXRhLW5hbWU9IlBmYWQgNTM3IiBkPSJNMjksNmEyLDIsMCwwLDEtMiwySDI2VjI2YTQsNCwwLDAsMS00LDRIMTBhNCw0LDAsMCwxLTQtNFY4SDVBMiwyLDAsMCwxLDMsNlY0QTIsMiwwLDAsMSw1LDJoN2EyLDIsMCwwLDEsMi0yaDRhMiwyLDAsMCwxLDIsMmg3YTIsMiwwLDAsMSwyLDJaTTguMjM2LDgsOCw4LjExOFYyNmEyLDIsMCwwLDAsMiwySDIyYTIsMiwwLDAsMCwyLTJWOC4xMThMMjMuNzY0LDhaTTUsNlY0SDI3VjZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
}
.oc-button[disabled] {
  background-blend-mode: color;
  background-color: rgba(255, 255, 255, 0.5);
}
.oc-dialog {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: white;
}
.oc-grid {
  display: grid;
}
.oc-icon {
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 1337px;
  min-width: 1337px;
}
.oc-input {
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.oc-memo {
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  resize: none;
}
.oc-menu {
  position: absolute;
  background-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  display: none;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.oc-menu.oc-menu-active {
  display: block;
  position: absolute;
}
.oc-menu .oc-menu-option {
  cursor: pointer;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.oc-navigator {
  display: inline-flex;
}
.oc-navigator .oc-navigator-tab {
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.oc-navigator .oc-navigator-tab:hover {
  text-decoration: underline solid;
}
.oc-progressbar {
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 22px;
}
.oc-progressbar .oc-progressbar-graph {
  background-color: green;
  height: 100%;
}
.oc-select {
  background-color: #E5E5E5;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: inline-flex;
  text-align: center;
}
.oc-select .oc-select-option {
  cursor: pointer;
  flex-basis: 0;
  flex-grow: 1;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  white-space: nowrap;
}
.oc-select .oc-select-option.oc-select-active {
  background-color: blue;
}
.oc-select .oc-select-option:not(:last-of-type) {
  border-right: 1px solid gray;
}
.oc-switch {
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  max-height: 30px;
}
.oc-switch .oc-switch-on,
.oc-switch .oc-switch-off {
  text-align: center;
  overflow: hidden;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.oc-switch .oc-switch-on {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.oc-switch .oc-switch-off {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.oc-switch .oc-switch-slider {
  position: absolute;
  background: no-repeat 50% #E5E5E5 linear-gradient(to right, transparent 0%, transparent 20%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 30%, transparent 30%, transparent 45%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.3) 55%, transparent 55%, transparent 70%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.3) 80%, transparent 80%, transparent 100%);
  background-size: 2em 1em;
  height: 100%;
  left: 0;
  transition: left 0.2s;
  width: 50%;
}
.oc-switch:not(.oc-switch-active) > .oc-switch-slider {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.oc-switch.oc-switch-active > .oc-switch-slider {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  left: 50%;
}
.oc-table {
  border-spacing: 0;
}
.oc-table .oc-table-row .oc-table-cell.sort-order-direction-asc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG91YmxlLXRvcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMiAtNTE4KSI+DQogICAgPHJlY3QgaWQ9IlJlY2h0ZWNrXzE1MDMiIGRhdGEtbmFtZT0iUmVjaHRlY2sgMTUwMyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMjIgNTE4KSIgZmlsbD0ibm9uZSIvPg0KICAgIDxnIGlkPSJjaGV2cm9uLWRvdWJsZS11cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIyLjAwMSA1MTguMDAyKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTciIGRhdGEtbmFtZT0iUGZhZCA1MTciIGQ9Ik0xNS4yOTIsNS4yOTJhMSwxLDAsMCwxLDEuNDE2LDBsMTIsMTJhMSwxLDAsMSwxLTEuNDE2LDEuNDE2TDE2LDcuNDE0LDQuNzA4LDE4LjcwOGExLDEsMCwxLDEtMS40MTYtMS40MTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUxOCIgZGF0YS1uYW1lPSJQZmFkIDUxOCIgZD0iTTE1LjI5MiwxMy4yOTJhMSwxLDAsMCwxLDEuNDE2LDBsMTIsMTJhMSwxLDAsMSwxLTEuNDE2LDEuNDE2TDE2LDE1LjQxNCw0LjcwOCwyNi43MDhhMSwxLDAsMSwxLTEuNDE2LTEuNDE2WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 15px;
  padding-right: 25px;
}
.oc-table .oc-table-row .oc-table-cell.sort-order-direction-desc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgPGcgaWQ9ImljLWNoZXZyb24tZG91YmxlLWRvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTUgLTU3MSkiPg0KICAgIDxyZWN0IGlkPSJSZWNodGVja18xNTA0IiBkYXRhLW5hbWU9IlJlY2h0ZWNrIDE1MDQiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE1IDU3MSkiIGZpbGw9Im5vbmUiLz4NCiAgICA8ZyBpZD0iY2hldnJvbi1kb3VibGUtZG93biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE1LjAwMiA1NzEuMDAyKSI+DQogICAgICA8cGF0aCBpZD0iUGZhZF81MTUiIGRhdGEtbmFtZT0iUGZhZCA1MTUiIGQ9Ik0zLjI5MiwxMy4yOTJhMSwxLDAsMCwxLDEuNDE2LDBMMTYsMjQuNTg2LDI3LjI5MiwxMy4yOTJhMSwxLDAsMSwxLDEuNDE2LDEuNDE2bC0xMiwxMmExLDEsMCwwLDEtMS40MTYsMGwtMTItMTJhMSwxLDAsMCwxLDAtMS40MTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICAgIDxwYXRoIGlkPSJQZmFkXzUxNiIgZGF0YS1uYW1lPSJQZmFkIDUxNiIgZD0iTTMuMjkyLDUuMjkyYTEsMSwwLDAsMSwxLjQxNiwwTDE2LDE2LjU4NiwyNy4yOTIsNS4yOTJhMSwxLDAsMSwxLDEuNDE2LDEuNDE2bC0xMiwxMmExLDEsMCwwLDEtMS40MTYsMGwtMTItMTJhMSwxLDAsMCwxLDAtMS40MTZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 15px;
  padding-right: 25px;
}
.oc-tabs {
  display: flex;
  /* orientation horizontal */
  /* orientation vertical */
}
.oc-tabs .oc-tabs-tab-container {
  display: flex;
  flex-shrink: 0;
  overflow: auto;
}
.oc-tabs .oc-tabs-tab-container .oc-tabs-tab.oc-tabs-tab-nopanel {
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}
.oc-tabs .oc-tabs-tab-container .oc-tabs-tab:not(.oc-tabs-tab-nopanel) {
  cursor: pointer;
}
.oc-tabs .oc-tabs-tab-container .oc-tabs-tab-text {
  white-space: nowrap;
}
.oc-tabs .oc-tabs-tab:not(.oc-tabs-active) .oc-tabs-tab-container {
  display: none;
}
.oc-tabs:not(.oc-tabs-orient-vert) {
  flex-direction: column;
}
.oc-tabs:not(.oc-tabs-orient-vert) .oc-tabs-tab-container {
  flex-direction: row;
}
.oc-tabs.oc-tabs-orient-vert {
  flex-direction: row;
}
.oc-tabs.oc-tabs-orient-vert > .oc-tabs-tab-container,
.oc-tabs.oc-tabs-orient-vert > .oc-tabs-tab-container .oc-tabs-tab-container {
  flex-direction: column;
}
.oc-tabs .oc-tabs-panel {
  flex-grow: 1;
}
.oc-tabs .oc-tabs-panel:not(.oc-tabs-active) {
  display: none;
}
.oc-view {
  height: 100%;
  width: 100%;
}
/* variables */
/* lib */
/* app */
/* misc */
/* common */
* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10.5pt;
  line-height: 18px !important;
}
body {
  color: #333333;
}
/* lib */
.oc-blocker {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.oc-button.oc-button-icon {
  background-size: 50%;
  min-height: 2em;
  min-width: 2em;
}
.oc-dialog {
  max-width: 90%;
  display: flex;
  flex-direction: column;
}
.oc-dialog > .divContent,
.oc-dialog > form > .divContent {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  flex: 1;
}
.oc-dialog > .divContent .tbsMain,
.oc-dialog > form > .divContent .tbsMain {
  flex: 1;
}
.oc-dialog > .divContent .tbsMain .oc-tabs-active,
.oc-dialog > form > .divContent .tbsMain .oc-tabs-active {
  display: flex;
  flex-direction: column;
}
.oc-dialog > .divContent .tbsMain .oc-tabs-panel,
.oc-dialog > form > .divContent .tbsMain .oc-tabs-panel {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.oc-dialog > .divFooter,
.oc-dialog > form > .divFooter {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  border-top: 1px solid gray;
  display: flex;
  justify-content: flex-end;
}
.oc-dialog > .divFooter > *:not(:first-of-type),
.oc-dialog > form > .divFooter > *:not(:first-of-type) {
  margin-left: 5px;
}
.oc-label {
  padding-bottom: 6px;
  padding-right: 6px;
  padding-top: 6px;
}
.oc-menu {
  margin-top: 29px;
}
.oc-menu .oc-menu-option-active,
.oc-menu .oc-menu-option:hover {
  background-color: lightblue;
}
.oc-select .oc-select-option.oc-select-active {
  background-color: lightblue;
}
.oc-switch {
  min-width: 7em;
}
.oc-switch .oc-switch-on {
  background-color: lightblue;
}
.oc-table .oc-table-head {
  background-color: #ed8c00;
  color: white;
  font-weight: bold;
}
.oc-table .oc-table-body .oc-table-row:hover {
  background-color: lightblue;
}
.oc-table .oc-table-body.oc-table-body-alternation .oc-table-row.oc-table-row-odd {
  background-color: #f5f5ff;
}
.oc-table .oc-table-row .oc-table-cell {
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 3px;
  padding-top: 5px;
}
.oc-table .oc-table-row:not(:last-of-type) > .oc-table-cell {
  border-bottom: 1px solid #E5E5E5;
}
.oc-tabs:not(.oc-tabs-orient-vert) .oc-tabs-tab-container {
  border-bottom: 1px solid gray;
}
.oc-tabs:not(.oc-tabs-orient-vert) .oc-tabs-tab-container .oc-tabs-tab {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  margin-left: 5px;
  margin-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.oc-tabs:not(.oc-tabs-orient-vert) .oc-tabs-tab-container .oc-tabs-tab:last-of-type {
  margin-right: 5px;
}
.oc-tabs:not(.oc-tabs-orient-vert) .oc-tabs-tab-container .oc-tabs-tab.oc-tabs-active {
  background-color: lightblue;
}
/* shared */
.dialog-position-top {
  margin-bottom: auto;
}
.dialog-width-min {
  min-width: 716px;
}
.rollout-unknown {
  border: 2px solid black;
}
.rollout-testing {
  background-color: white;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.rollout-active {
  border-width: 0;
  color: white;
}
.tclName {
  white-space: nowrap;
  width: 8em;
  max-width: 8em;
  min-width: 8em;
}
.tclProduct {
  position: relative;
  text-align: center;
  width: 50px;
}
.tclProduct .divProduct {
  margin-bottom: 1px;
  margin-top: 1px;
  position: relative;
}
.btnProduct {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 48px;
}
.btnProduct.product-rollout-unknown {
  border: 2px solid black;
}
.btnProduct.product-rollout-testing {
  background-color: white;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.btnProduct.product-rollout-active {
  border-width: 0;
  color: white;
}
.btnProduct.product-refusal-temp {
  background-image: linear-gradient(to bottom right, transparent 0%, transparent 45%, rgba(255, 0, 0, 0.5) 45%, rgba(255, 0, 0, 0.5) 55%, transparent 55%, transparent 100%);
}
.btnProduct.product-refusal-perm {
  background-image: linear-gradient(to bottom right, transparent 0%, transparent 35%, rgba(255, 0, 0, 0.5) 35%, rgba(255, 0, 0, 0.5) 45%, transparent 45%, transparent 55%, rgba(255, 0, 0, 0.5) 55%, rgba(255, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
}
.mnuConnect {
  right: 0;
  top: 0;
}
.mnuConnect > .mnuConnectCaption {
  background-color: #E5E5E5;
  cursor: auto;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.mnuConnect > .mnuConnectCaption:hover {
  background-color: #E5E5E5;
}
.mnuConnect > .mnuConnectSubCaption {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  text-decoration: underline solid;
}
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) {
  display: flex;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  align-items: center;
}
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) :not(.actionable) {
  color: gray;
}
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .divConnectHttpsParts,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .divConnectHttpsLocalParts,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .divConnectRdpParts,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .divConnectRdpLocalParts,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .divConnectSshParts,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .divConnectSshLocalParts {
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 5px;
  margin-right: auto;
  white-space: nowrap;
}
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) > .oc-button {
  margin-right: 5px;
}
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPasswordCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPasswordShortCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPortCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPortLocalCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsUrlCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsUrlLocalCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsUsernameCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPasswordCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPasswordShortCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPortCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPortLocalCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpUrlCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpUrlLocalCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpUsernameCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPasswordCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPasswordShortCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPortCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPortLocalCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshUrlCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshUrlLocalCopy,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshUsernameCopy {
  background-color: transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPasswordCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPasswordShortCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPortCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsPortLocalCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsUrlCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsUrlLocalCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectHttpsUsernameCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPasswordCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPasswordShortCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPortCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpPortLocalCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpUrlCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpUrlLocalCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectRdpUsernameCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPasswordCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPasswordShortCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPortCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshPortLocalCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshUrlCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshUrlLocalCopy:hover,
.mnuConnect > div:not(.mnuConnectCaption, .mnuConnectSubCaption) .btnConnectSshUsernameCopy:hover {
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.mnuConnect > .divNoInfo {
  white-space: nowrap;
}
/* shared */
body.oc-view > .divLoader {
  display: none;
}
body:not(.oc-view) > .divLoader {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.divWork {
  align-items: center;
  display: flex;
  justify-content: center;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiIGhlaWdodD0iNDBweCIgd2lkdGg9IjQwcHgiIHk9IjBweCIgeD0iMHB4IiBpZD0ibG9hZGVyLTEiIHZlcnNpb249IjEuMSI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTkiPjxyZGY6UkRGPjxjYzpXb3JrIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz48ZGM6dGl0bGUvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT4KICAgIDxkZWZzIGlkPSJkZWZzNyIvPgogICAgPHBhdGggaWQ9InBhdGgzIgogICAgICAgICAgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6IgogICAgICAgICAgZmlsbD0iIzAwMCI+PGFuaW1hdGVUcmFuc2Zvcm0gcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC42cyIgdG89IjM2MCAyNSAyNSIgZnJvbT0iMCAyNSAyNSIgdHlwZT0icm90YXRlIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGF0dHJpYnV0ZVR5cGU9InhtbCIvPjwvcGF0aD48L3N2Zz4=");
  background-position: 50%;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.divWork .txtMessage {
  margin-top: 50px;
}
/* dialogs */
.dlgChangePassword > .divContent > * {
  display: flex;
  padding-bottom: 5px;
}
.dlgChangePassword > .divContent > * > .oc-label {
  flex: 1;
}
.dlgDevice {
  margin-bottom: auto;
  min-width: 716px;
}
.dlgDevice .tbsDetails {
  flex: 1;
  overflow: auto;
}
.dlgDevice .tbsDetails .tbcMain {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  border-right: 1px solid gray;
}
.dlgDevice .tbsDetails .tbcMain .oc-tabs-tab {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.dlgDevice .tbsDetails .tbcMain .oc-tabs-tab.oc-tabs-active {
  background-color: lightblue;
}
.dlgDevice .tbsDetails .tbcMain .oc-tabs-tab:last-of-type:not(.oc-tabs-tab-nopanel) {
  border-bottom: 1px solid gray;
}
.dlgDevice .tbsDetails .tbcMain > .oc-tabs-tab-nopanel {
  border-bottom: 0 solid gray;
  border-left: 0 solid gray;
  border-right: 0 solid gray;
  border-top: 0 solid gray;
}
.dlgDevice .tbsDetails .tbcMain .tabComment {
  border-bottom: 1px solid gray;
}
.dlgDevice .tbsDetails .tbcMain .tabProducts .btnAdd {
  margin-left: 5px;
  margin-right: 5px;
}
.dlgDevice .tbsDetails .oc-tabs-panel {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.dlgDevice .tbsDetails .oc-tabs-panel > * {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
}
.dlgDevice .tbsDetails .oc-tabs-panel > * > label:nth-child(1) {
  width: 250px;
}
.dlgDevice .tbsDetails .oc-tabs-panel > * > *:nth-child(2):not(.oc-select):not(.oc-switch):not(.oc-button) {
  flex: 1;
}
.dlgDevice .tbsDetails .oc-tabs-panel .txtProductName {
  font-size: 110%;
  padding-top: 10px;
  padding-bottom: 15px;
}
.dlgDevice .tbsDetails .oc-tabs-panel .divRight {
  display: flex;
}
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectHttpsPassword,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectHttpsUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectHttpsUrlLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectHttpsUsername,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectRdpPassword,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectRdpUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectRdpUrlLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectRdpUsername,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectSshPassword,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectSshUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectSshUrlLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectSshUsername,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtDatabasePassword {
  flex: 1;
}
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnToggle,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectHttpsPassword,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectHttpsPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectHttpsUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectHttpsUrlLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectHttpsUsername,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectRdpPassword,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectRdpPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectRdpUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectRdpUrlLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectRdpUsername,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectSshPassword,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectSshPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectSshUrl,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectSshUrlLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .btnCopyConnectSshUsername {
  margin-left: 5px;
}
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectHttpsPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectHttpsPortLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectRdpPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectRdpPortLocal,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectSshPort,
.dlgDevice .tbsDetails .oc-tabs-panel .divRight .edtConnectSshPortLocal {
  margin-left: 5px;
  width: 50px;
}
.dlgDevice .tbsDetails .pnlComment.oc-tabs-active {
  display: flex;
}
.dlgDevice .tbsDetails .pnlComment.oc-tabs-active .edtComment {
  flex: 1;
}
.dlgDevice .divFooter .btnGeneratePassword {
  margin-right: auto;
}
.dlgProductAddChoose .divContent .divInstanceName,
.dlgProductAddChoose .divContent .divName {
  display: flex;
  flex-direction: column;
}
/* main */
.oc-view > .tbsMain {
  height: 100%;
}
.oc-view > .tbsMain > .tbcMain {
  background-color: lightblue;
}
.oc-view > .tbsMain > .tbcMain .oc-tabs-tab {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.oc-view > .tbsMain > .tbcMain .oc-tabs-tab.oc-tabs-active {
  background-color: cornsilk;
}
.oc-view > .tbsMain > .tbcMain .oc-tabs-tab .oc-tabs-tab-text {
  margin-bottom: auto;
  margin-top: auto;
}
.oc-view > .tbsMain > .tbcMain .divActions {
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-left: auto;
}
.oc-view > .tbsMain > .tbcMain .divActions :not(:last-child) {
  margin-right: 5px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatistics {
  display: flex;
  overflow: auto;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatistics .pnlMain {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatistics .pnlMain .tblInvoicesForecast .tclProduct,
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatistics .pnlMain .tblInvoicesForecast .tclSum {
  text-align: right;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatistics .pnlMain .tblInvoicesForecast .tbdMain .oc-table-cell {
  width: 200px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus {
  display: flex;
  overflow: auto;
  flex-direction: column;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader {
  display: flex;
  flex-shrink: 0;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  white-space: nowrap;
  overflow: auto;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader > * {
  margin-right: 5px;
  display: flex;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .edtFilter {
  width: 200px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .divSpacer {
  flex: 1;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .btnIcon {
  width: 48px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .optRolloutUnknown .btnIcon {
  border: 2px solid black;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .optRolloutTesting .btnIcon {
  background-color: white;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .optRolloutActive .btnIcon {
  border-width: 0;
  color: white;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .optRefusalTemporary .btnIcon {
  background-image: linear-gradient(to bottom right, transparent 0%, transparent 45%, rgba(255, 0, 0, 0.5) 45%, rgba(255, 0, 0, 0.5) 55%, transparent 55%, transparent 100%);
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .optRefusalPermanently .btnIcon {
  background-image: linear-gradient(to bottom right, transparent 0%, transparent 35%, rgba(255, 0, 0, 0.5) 35%, rgba(255, 0, 0, 0.5) 45%, transparent 45%, transparent 55%, rgba(255, 0, 0, 0.5) 55%, rgba(255, 0, 0, 0.5) 65%, transparent 65%, transparent 100%);
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .mnuProduct .txtCaption {
  margin: 10px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .btnActive {
  width: 48px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .btnActive.device-inactive {
  background-image: linear-gradient(to bottom right, transparent 0%, transparent 45%, rgba(255, 0, 0, 0.5) 45%, rgba(255, 0, 0, 0.5) 55%, transparent 55%, transparent 100%);
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .btnActive.device-active {
  background-color: lightblue;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .btnUpdateService {
  width: 48px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .btnUpdateService.device-updateservice-no {
  background-image: linear-gradient(to bottom right, transparent 0%, transparent 45%, rgba(255, 0, 0, 0.5) 45%, rgba(255, 0, 0, 0.5) 55%, transparent 55%, transparent 100%);
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlHeader .btnUpdateService.device-updateservice-yes {
  background-color: lightblue;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlMain {
  border-top: 1px solid gray;
  overflow: auto;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  flex: 1;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlMain .tblDevices {
  white-space: nowrap;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlMain .tblDevices .tbdDevices .oc-table-row:hover {
  background-color: lightblue;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlMain .tblDevices .tbdDevices .tclEmpty {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlMain .tblDevices .tbdDevices .tclCustomer {
  cursor: pointer;
  width: 100%;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlStatus .pnlMain .tblDevices .tbdDevices .tclActiveSince {
  text-align: center;
  width: 85px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo {
  display: flex;
  overflow: auto;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain {
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  flex: 1;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > h4 {
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 5px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table {
  width: 100%;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table .tclCustomer {
  white-space: nowrap;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table .tclEdit {
  width: 1px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblEndOfLifeReached .tclEndOfLife {
  text-align: right;
  width: 100px;
  white-space: nowrap;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblErrors .tclError {
  width: 100%;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblInvoices .tbrCustomer .tclName {
  padding-bottom: 10px;
  padding-top: 10px;
  text-decoration: underline solid;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblInvoices .tbrInvoice .tclExport {
  width: 1px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblInvoices .tbrInvoice .tclText {
  white-space: nowrap;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblInvoices .tbrInvoice .tclAmount,
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblInvoices .tbrInvoice .tclPrice,
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblInvoices .tbrInvoice .tclNext {
  text-align: right;
  white-space: nowrap;
  width: 75px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblPasswords .tclText {
  width: 100%;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblPasswords .tclSetPassword {
  white-space: nowrap;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblUpdates .tbrCustomer .tclName {
  padding-bottom: 10px;
  padding-top: 10px;
  text-decoration: underline solid;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblUpdates .tclVersion {
  text-align: right;
  white-space: nowrap;
  width: 1px;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain > .oc-table.tblUpdates .tclInstanceName {
  text-align: right;
}
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain .btnExportInvoices,
.oc-view > .tbsMain .oc-tabs-panel.oc-tabs-active.pnlTodo > .pnlMain .btnExportInvoicesSoluna {
  margin-bottom: 5px;
  margin-left: 5px;
  margin-top: 5px;
}