@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

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

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 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 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 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 */
}

/*! jQuery UI - v1.12.1 - 2016-12-11
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  box-shadow: 0 0 5px #666;
}

/*!
 * Copyright (c) 2014 Tamble, Inc.
 * Licensed under MIT (https://github.com/tamble/jquery-ui-daterangepicker/raw/master/LICENSE.txt)
 */
.comiseo-daterangepicker-triggerbutton.ui-button {
  text-align: left;
  min-width: 18em;
}

.comiseo-daterangepicker {
  position: absolute;
  padding: 5px;
}

.comiseo-daterangepicker-mask {
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  /* required for IE */
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.comiseo-daterangepicker-presets,
.comiseo-daterangepicker-calendar {
  display: table-cell;
  vertical-align: top;
  height: 230px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-presets {
  padding: 2px 7px 7px 2px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-presets {
  padding: 2px 2px 7px 7px;
}

.ui-menu {
  white-space: nowrap;
}

.comiseo-daterangepicker .ui-widget-content,
.comiseo-daterangepicker .ui-datepicker .ui-state-highlight {
  border-width: 0;
}

.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content {
  border-bottom-width: 1px;
}

.comiseo-daterangepicker .ui-datepicker .ui-datepicker-today .ui-state-highlight {
  border-width: 1px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {
  border-left-width: 1px;
  padding-left: 5px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar {
  border-right-width: 1px;
  padding-right: 5px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
  float: left;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel {
  float: right;
}

.comiseo-daterangepicker-buttonpanel > button {
  margin-top: 6px;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button {
  margin-right: 6px;
}

.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button {
  margin-left: 6px;
}

/* themeable styles */
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
  background: #b0c4de;
  color: #fff;
}

.ui-widget-overlay {
  background: #272e3b;
  opacity: 0.8;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
body {
  color: #272e3b;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.3751;
  min-width: 960px;
}

html {
  overflow-y: scroll !important;
}

*, *::before, *::after {
  box-sizing: border-box;
}

b, i, u, s, center, big, small {
  display: inline;
  font-style: inherit;
  font-weight: inherit;
  text-align: inherit;
  text-decoration: inherit;
}

::-moz-selection {
  background: rgba(255, 178, 68, 0.9);
  color: #000;
  text-shadow: none;
}

::selection {
  background: rgba(255, 178, 68, 0.9);
  color: #000;
  text-shadow: none;
}

a {
  color: #038f9a;
  cursor: pointer;
  text-decoration: inherit;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
a:focus {
  outline: 0 none;
  text-decoration: underline;
}
a[href]:active, a[href]:focus, a[href]:hover {
  color: #e61c83;
}

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

ul,
ol,
li {
  display: block;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

address {
  display: block;
  font-style: inherit;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: top;
}

textarea {
  resize: vertical;
  white-space: normal;
}

a, label, button {
  touch-action: manipulation;
}

:root .hidden {
  display: none !important;
}

:root .visuallyhidden, :root .layout-header-nav__title, :root .layout-header__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

:root .visuallyhidden--focusable:active, :root .visuallyhidden--focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.icon {
  height: 1.3751em;
  width: 1.3751em;
  display: inline-block;
  fill: currentColor;
  overflow: hidden;
  transform: translateX(0);
  vertical-align: top;
}
.icon use {
  pointer-events: none;
}

.icon--img {
  color: #000;
  width: 13.75em;
  height: 13.75em;
}
.icon--img__top-10-reasons, .icon--img__top-3-reasons {
  width: 16.25em;
  height: 13.125em;
}
.icon--img__my-story {
  width: 16.25em;
  height: 10.75em;
}

.button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  outline: 0 none !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  vertical-align: top;
  transition-property: background-color, border-color, color, opacity, transform, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  font-size: 16px;
  height: 42px;
  line-height: 40px;
  padding: 2px 26px 0;
  background: #e61c83;
  color: #fff;
}
.button:focus {
  box-shadow: #038f9a 0 0 5px;
}
.button:disabled {
  cursor: default;
  pointer-events: none;
}
.button .icon {
  height: 100%;
}
.button:active, .button:focus, .button:hover {
  background: #ff3ba2;
  color: #fff !important;
}
.button .icon--admin {
  stroke-width: 1.5;
}

.button--size-s {
  font-size: 12.1904761905px;
  height: 32px;
  line-height: 30px;
  padding: 2px 20px 0;
}
.button--size-s .icon--admin {
  stroke-width: 1.8;
}

.button--size-xs {
  font-size: 10.6666666667px;
  height: 28px;
  line-height: 26px;
  padding: 2px 17px 0;
}

.button--role-cancel,
.button--type-cancel {
  background: #272e3b;
  color: #fff;
}
.button--role-cancel:active, .button--role-cancel:focus, .button--role-cancel:hover,
.button--type-cancel:active,
.button--type-cancel:focus,
.button--type-cancel:hover {
  background: #464d5a;
  color: #fff !important;
}

.button--role-button,
.button--type-preview,
.button--type-post,
.button--type-update {
  background: #038f9a;
  color: #fff;
}
.button--role-button:active, .button--role-button:focus, .button--role-button:hover,
.button--type-preview:active,
.button--type-preview:focus,
.button--type-preview:hover,
.button--type-post:active,
.button--type-post:focus,
.button--type-post:hover,
.button--type-update:active,
.button--type-update:focus,
.button--type-update:hover {
  background: #22aeb9;
  color: #fff !important;
}

.button--type-search {
  font-size: 12.1904761905px;
  height: 32px;
  line-height: 30px;
  padding: 2px 20px 0;
  background: #525862;
  color: #fff;
}
.button--type-search:active, .button--type-search:focus, .button--type-search:hover {
  background: #717781;
  color: #fff !important;
}

.button--type-remove,
.button--type-delete,
.button--type-negative,
.button--role-negative {
  background: #c1392d;
  color: #fff;
}
.button--type-remove:active, .button--type-remove:focus, .button--type-remove:hover,
.button--type-delete:active,
.button--type-delete:focus,
.button--type-delete:hover,
.button--type-negative:active,
.button--type-negative:focus,
.button--type-negative:hover,
.button--role-negative:active,
.button--role-negative:focus,
.button--role-negative:hover {
  background: #e0584c;
  color: #fff !important;
}

.button--icon-only,
.button--type-search {
  flex-shrink: 0;
  padding: 0;
  width: 42px;
}

.button--icon-only.button--size-s,
.button--type-search {
  width: 32px;
}

.button.is-loading {
  opacity: 0.5;
  transform: scale(0.8);
}

input[type=password],
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=date],
select,
textarea {
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #7d8289;
  border-radius: 4px;
  color: #272e3b;
  display: inline-block;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.3751;
  vertical-align: top;
  transition-property: background-color, border-color, color, opacity, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  font-size: 15px;
  height: 32px;
  padding: 5px 12px 4px;
}
input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
select:focus,
textarea:focus {
  border-color: #038f9a;
  box-shadow: #038f9a 0 0 5px;
  outline: 0 none;
}
input[type=password]:invalid,
input[type=text]:invalid,
input[type=number]:invalid,
input[type=email]:invalid,
input[type=tel]:invalid,
input[type=date]:invalid,
select:invalid,
textarea:invalid {
  outline: 0 none;
}
input[type=password][disabled],
input[type=text][disabled],
input[type=number][disabled],
input[type=email][disabled],
input[type=tel][disabled],
input[type=date][disabled],
select[disabled],
textarea[disabled] {
  background-color: #e9eaeb;
  opacity: 0.8;
}
input[type=password].has-error,
input[type=text].has-error,
input[type=number].has-error,
input[type=email].has-error,
input[type=tel].has-error,
input[type=date].has-error,
select.has-error,
textarea.has-error {
  border-color: #c1392d;
  color: #743434;
  filter: drop-shadow(0 0 1px #c1392d);
}
input[type=password].has-error:focus,
input[type=text].has-error:focus,
input[type=number].has-error:focus,
input[type=email].has-error:focus,
input[type=tel].has-error:focus,
input[type=date].has-error:focus,
select.has-error:focus,
textarea.has-error:focus {
  border-color: #c1392d;
  box-shadow: #c1392d 0 0 5px;
  outline: 0 none;
}

input[type=number] {
  -moz-appearance: textfield;
  text-align: right;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("/img/select-arrow.svg");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 32px;
}
select::-ms-expand {
  background-color: transparent;
  border-color: transparent;
}
select::-ms-expand {
  display: none;
}

textarea {
  height: 8em;
}

.layout-fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  padding-left: 232px;
  width: 100%;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
.layout-fixed .layout-header {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 232px;
}
.layout-fixed .action-bar {
  position: absolute;
  right: 0;
  bottom: -100vh;
  left: 232px;
}

.layout-header {
  background: #000;
  border-right: 2px solid #525862;
  color: #fff;
  display: flex;
  flex-direction: column;
}
.layout-header__logo {
  border-bottom: 2px solid #525862;
  display: block;
  flex: 0 0 auto;
  height: 58px;
  width: 100%;
}
.layout-header__logo .icon {
  height: 100%;
  width: 152px;
  color: #fff;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.layout-header__profile {
  display: block;
  flex: 0 0 auto;
}
.layout-header__nav {
  flex: 1 1 auto;
  width: 100%;
}

.layout-header-profile {
  background: #272e3b;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  height: 48px;
  line-height: 24px;
  padding: 12px 12px;
}
:root .layout-header-profile__shot {
  height: 28px;
  width: 28px;
  margin: -2px;
  margin-right: 10px;
}
.layout-header-profile:active, .layout-header-profile:focus, .layout-header-profile:hover {
  background-color: #611b41;
  color: #fff;
}

.layout-header-nav {
  display: flex;
  flex-direction: column;
}
.layout-header-nav__menu {
  flex: 1 1 1px;
  width: 100%;
}

.layout-header-menu {
  border-top: 2px solid #e61c83;
  background: #272e3b;
  font-size: 17px;
  overflow: hidden;
  overflow-y: auto;
}
.layout-header-menu ul, .layout-header-menu li, .layout-header-menu a {
  display: block;
  margin: 0;
  padding: 0;
}
.layout-header-menu > ul > li {
  padding-bottom: 1px;
}
.layout-header-menu > ul > li > a {
  background: #1e232d;
  border-left: 4px solid rgba(230, 28, 131, 0);
  color: #a4a7ad;
  line-height: 24px;
  padding: 12px;
  padding-left: 8px;
}
.layout-header-menu > ul > li > a .icon {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.layout-header-menu > ul > li > a:active, .layout-header-menu > ul > li > a:focus, .layout-header-menu > ul > li > a:hover {
  background-color: #0f1217;
  color: #fff;
}
.layout-header-menu > ul > li.current > a {
  background: #812455;
  border-left-color: #e61c83;
  color: #fff;
}
.layout-header-menu > ul > li.current > a:active, .layout-header-menu > ul > li.current > a:focus, .layout-header-menu > ul > li.current > a:hover {
  background-color: #b4206c;
  color: #fff;
}
.layout-header-menu > ul > li > ul {
  background: #611b41;
  display: none;
}
.layout-header-menu > ul > li > ul > li > a {
  color: #fff;
  line-height: 32px;
  padding-left: 46px;
  padding-right: 12px;
  position: relative;
}
.layout-header-menu > ul > li > ul > li > a:active, .layout-header-menu > ul > li > ul > li > a:focus, .layout-header-menu > ul > li > ul > li > a:hover {
  background-color: #b4206c;
  color: #fff;
}
.layout-header-menu > ul > li > ul > li.first > a {
  border-top: 8px solid #611b41;
}
.layout-header-menu > ul > li > ul > li.last > a {
  border-bottom: 8px solid #611b41;
}
.layout-header-menu > ul > li > ul > li.current > a {
  font-weight: 700;
}
.layout-header-menu > ul > li > ul > li.current > a::before {
  content: "";
  border: 5px solid transparent;
  border-left-color: #fff;
  border-right-width: 0;
  border-radius: 1.5px;
  position: absolute;
  left: 28px;
  top: 11px;
}
.layout-header-menu > ul > li.current > ul {
  display: block;
}
.layout-header-menu .menu-badge {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 4em;
  text-align: center;
}
.layout-header-menu .menu-badge::before {
  content: "(";
}
.layout-header-menu .menu-badge::after {
  content: ")";
}

.layout-login-wrapper {
  height: 100%;
  width: 100%;
  background-color: #272e3b;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.layout-login {
  background-color: #fff;
  box-shadow: 2px 2px 2px #272e3b;
  padding: 20px;
  border-radius: 10px;
  width: 380px;
}
.layout-login .error {
  border-radius: 5px;
  background-color: #e61c83;
  color: white;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.layout-login__logo {
  overflow: hidden;
  text-align: center;
}
.layout-login__logo .icon {
  height: 58px;
  width: 274px;
  color: #e61c83;
  margin: 40px 0;
}
.layout-login__row {
  margin-bottom: 10px;
  text-align: left;
}
.layout-login__row .button {
  margin-top: 10px;
}
.layout-login__row .button,
.layout-login__row input {
  width: 100%;
}
.layout-login__row label {
  display: block;
}

.layout-main {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  margin-left: 232px;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}
.layout-main__body {
  align-items: stretch;
  border-top: 58px solid transparent;
  display: inline-flex;
  flex: 1 0 auto;
  flex-direction: column;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 1;
}

.layout-main-header {
  background: #fff;
  border-bottom: 1px solid #bec0c4;
  display: flex;
  height: 58px;
  line-height: 57px;
}
.layout-main-header__title {
  color: #812455;
  display: flex;
  flex: 1 1 auto;
  font-size: 26px;
  font-weight: 500;
  line-height: 57px;
  padding: 0 10px;
}
.layout-main-header__title .icon {
  height: 56px;
  width: 32px;
  margin-right: 10px;
}
.layout-main-header__filter {
  color: #525862;
  font-size: 18px;
  margin-right: 16px;
}
.layout-main-header__filter__showing {
  color: #812455;
  font-weight: 700;
}
.layout-main-header__filter__of-total {
  font-weight: 700;
}
.layout-main-header__filter__clear-button {
  color: #525862;
  display: inline-block;
  padding: 1px 0 0 10px;
  vertical-align: top;
}
.layout-main-header__filter__clear-button .icon {
  height: 56px;
  width: 24px;
}
.layout-main-header__filter__clear-button:active, .layout-main-header__filter__clear-button:focus, .layout-main-header__filter__clear-button:hover {
  color: #c1392d;
}
.layout-main-header__nav-button {
  background: #fff;
  border-left: 1px solid #bec0c4;
  color: #525862;
  text-align: center;
  width: 43px;
}
.layout-main-header__nav-button .icon {
  height: 56px;
  width: 24px;
}
.layout-main-header__nav-button:active, .layout-main-header__nav-button:focus, .layout-main-header__nav-button:hover {
  background: #d9f0f0;
  color: #e61c83;
}
.layout-main-header__nav-button.is-disabled {
  background: #e9eaeb;
  color: #7d8289;
  pointer-events: none;
}
.layout-main-header__view-button {
  background: #fff;
  border-left: 1px solid #bec0c4;
  position: relative;
  text-align: center;
  width: 57px;
}
.layout-main-header__view-button .icon {
  position: absolute;
  top: 0;
  left: 14px;
  height: 56px;
  width: 28px;
  color: #525862;
  transition-property: color, opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.layout-main-header__view-button:active, .layout-main-header__view-button:focus, .layout-main-header__view-button:hover {
  background: #d9f0f0;
}
.layout-main-header__view-button .active-icon {
  color: #e61c83;
  opacity: 0;
}
.layout-main-header__view-button:active .icon, .layout-main-header__view-button:focus .icon, .layout-main-header__view-button:hover .icon {
  color: #e61c83;
  opacity: 1;
}
.layout-main-header__view-button.is-active .icon {
  color: #812455;
  opacity: 1;
}
.layout-main-header__view-button.is-active:active .icon, .layout-main-header__view-button.is-active:focus .icon, .layout-main-header__view-button.is-active:hover .icon {
  color: #e61c83;
}
.layout-main-header__view-button.is-disabled {
  background: #e9eaeb;
  color: #7d8289;
  pointer-events: none;
}
.layout-main-header__view-button.is-disabled .active-icon {
  opacity: 0;
}

.layout-section {
  display: block;
  margin: 20px;
}
.layout-section__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.layout-section__buttons {
  padding-top: 20px;
}
.layout-section__buttons .button:nth-child(n+2) {
  margin-left: 10px;
}
.layout-section__buttons:empty {
  padding-top: 0;
}
.layout-section__buttons-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  line-height: 42px;
  min-width: 150px;
  text-align: right;
  vertical-align: top;
}
.layout-section__buttons-title::after {
  content: ":";
}
.layout-section:last-child {
  margin-bottom: 40px;
}

.flash {
  font-weight: bold;
  padding: 14px 10px 10px 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.flash.flash-success {
  background: #812455;
  color: #fff;
}
.flash.flash-error {
  background: #000;
  color: #fff;
}
.flash .icon {
  margin-right: 10px;
  margin-top: -2px;
}

.form__row {
  white-space: nowrap;
}
.form__row.is-required::after {
  color: #c1392d;
  content: "*";
  cursor: default;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  text-align: right;
  vertical-align: top;
  width: 10px;
}
.form__label {
  font-weight: 700;
}
.form__label::after {
  content: ":";
}
.form .form__errors {
  color: #c1392d;
  display: none;
  overflow: hidden;
}
.form .form__errors + .form__label {
  color: #c1392d;
}

.form--labels-above .form__row + .form__row {
  margin-top: 20px;
}
.form--labels-above .form__label {
  display: table;
  padding-bottom: 3px;
}
.form--labels-above .form__row > .form-input {
  width: calc(100% - 10px);
}
.form--labels-above .form__row[data-input=alertIn] > .form-input {
  max-width: 140px;
}

.form--horizontal-rows {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
}
.form--horizontal-rows .form__row {
  margin-right: 30px;
  margin-top: 20px;
}
.form--horizontal-rows .form__row:not(.is-required) {
  padding-right: 10px;
}
.form--horizontal-rows .form__row > .form-input {
  width: 220px;
}
.form--horizontal-rows .form__row[data-input~=orderCode] > .form-input {
  width: 420px;
}
.form--horizontal-rows .form__row[data-input~=cardHolder] > .form-input {
  width: 300px;
}
.form--horizontal-rows .form__row[data-form-type~=money] > .form-input,
.form--horizontal-rows .form__row[data-form-type~=date] > .form-input,
.form--horizontal-rows .form__row[data-input~=vrm] > .form-input,
.form--horizontal-rows .form__row[data-input~=manufacturer] > .form-input {
  width: 160px;
}
.form--horizontal-rows .form__row[data-form-type~=integer] > .form-input,
.form--horizontal-rows .form__row[data-input=issueNumber] > .form-input,
.form--horizontal-rows .form__row[data-input=securityCode] > .form-input,
.form--horizontal-rows .form__row[data-input=title] > .form-input {
  width: 120px;
}
.form--horizontal-rows .form__row[data-form-type~=checkbox] {
  align-self: flex-end;
}
.form--horizontal-rows .form__row[data-form-type~=month_year] .form-input {
  width: auto;
}

.form--labels-beside .form__row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.form--labels-beside .form__row--no-label::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 35%;
}
.form--labels-beside .form__row + .form__row,
.form--labels-beside .form__errors + .form__row {
  margin-top: 10px;
}
.form--labels-beside .form__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: 32px;
  padding-right: 10px;
  text-align: right;
  vertical-align: top;
  width: 35%;
}
.form--labels-beside .form__row > .form-input {
  width: 50%;
}
.form--labels-beside .form__row[data-form-type~=money] > .form-input {
  max-width: 220px;
}
.form--labels-beside .form__row[data-input=recipientTitle] > .form-input,
.form--labels-beside .form__row[data-input=postcode] > .form-input {
  width: 25%;
}
.form--labels-beside .form__errors {
  display: block;
  order: 1;
  width: 100%;
}
.form--labels-beside .form__error {
  margin-left: 35%;
  margin-right: 10%;
  margin-top: 5px;
  white-space: normal;
}
.form--labels-beside .form__row[data-form-type=checkbox] + .form__row[data-form-type=checkbox] {
  margin-top: 0;
}

.form--labels-hidden .form__label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.form--labels-hidden .form__row + .form__row {
  margin-top: 10px;
}
.form--labels-hidden .form__row > .form-input {
  margin-left: 15%;
  width: 70%;
}

.form-grid {
  display: flex;
}
.form-grid__body {
  flex: 1 1 0px;
  padding: 20px;
}
.form-grid__body + .form-grid__body {
  border-left: 1px solid #bec0c4;
}
.form-grid__form {
  margin-bottom: 20px;
}
.form-grid__form:before, .form-grid__form:after {
  content: " ";
  display: table;
}
.form-grid__form:after {
  clear: both;
}
.form-grid__form + .form-grid__form {
  padding-top: 20px;
}
.form-grid__title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
  margin-bottom: 10px;
}
.form-grid__title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.form-grid__title::after {
  content: ":";
}
.form-grid__form > .form:first-child {
  margin-top: 20px;
}

.form-input {
  display: inline-block;
  vertical-align: top;
}
.form-input__addon {
  cursor: default;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 32px;
  vertical-align: top;
}
.form-input__addon--strong {
  color: #812455;
  cursor: default;
  font-size: 20px;
  font-weight: 500;
}
.form-input__addon,
.form-input .button {
  margin-right: 5px;
}
.form-input ~ .form-input__addon, .form-input ~ .form-input__button {
  margin-left: 5px;
  margin-right: 0;
}

.form-input:not(input):not(select):not(textarea) {
  display: inline-flex;
}
.form-input:not(input):not(select):not(textarea) .form-input {
  flex: 1 1 auto;
  width: 0px;
}

.form-input {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.form-input__clear {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  width: 32px;
  background: transparent;
  border: 0 none;
  color: #038f9a;
  cursor: pointer;
  display: none;
  outline: 0 none !important;
  padding: 0;
  transition: color 0.1s ease-out;
}
.form-input__clear:focus, .form-input__clear:hover {
  color: #c1392d;
}
.form-input__clear .icon {
  height: 18px;
  width: 18px;
  margin: 7px;
  stroke-width: 1.1;
}
.form-input.is-clearable .form-input__clear {
  display: block;
}
.form-input.is-clearable input::-ms-clear {
  display: none;
}
.form-input.is-clearable select {
  background-image: none;
}

.print-aside__title {
  border-bottom: 1.5118110236px solid #dedfe1;
  display: block;
  font-size: 9.3333333333px;
  font-weight: bold;
  padding-bottom: 3.0236220472px;
  margin-bottom: 3.7795275591px;
  text-transform: uppercase;
}
.print-aside__note {
  color: #525862;
  font-size: 9.3333333333px;
}
.print-aside .signature {
  display: block;
  margin-top: 7.5590551181px;
  margin-bottom: 7.5590551181px;
  max-width: 80%;
}

.print-aside + .print-aside {
  margin-top: 30.2362204724px;
}

.print-footer {
  font-size: 10.6666666667px;
  line-height: 1.375;
}
.print-footer__company {
  color: #525862;
}
.print-footer__contact {
  margin-top: 7.5590551181px;
}

.print-list {
  display: block;
}
.print-list--layout-inline {
  margin-right: -22.6771653543px;
}
.print-list--layout-inline li {
  display: inline-block;
  margin-right: 22.6771653543px;
  vertical-align: top;
}

.print-list--size-s {
  font-size: 9.3333333333px;
}

html.print,
body.print {
  min-width: 0;
}

.print-page {
  height: 1122.5196850394px;
  width: 793.7007874016px;
  color: black;
  display: flex;
  flex-direction: column;
  font-family: "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.4444444444;
  margin: 0 auto;
  page-break-inside: avoid;
  padding: 45.3543307087px 56.6929133858px;
  position: relative;
  width: 793.7007874016px;
}
.print-page:not(:first-child) {
  page-break-before: always;
}
.print-page:not(:last-child) {
  page-break-after: always;
}
.print-page strong {
  font-weight: 700;
}
.print-page em {
  color: #e61c83;
  font-style: normal;
  font-weight: 700;
}
.print-page__logo {
  position: absolute;
  top: 45.3543307087px;
  right: 56.6929133858px;
  width: 143.6220472441px;
}
.print-page__head {
  flex: 0 0 auto;
  position: relative;
}
.print-page__logo + .print-page__head {
  min-height: 196.5354330709px;
}
.print-page__body {
  flex: 1 1 0px;
  margin-bottom: 30.2362204724px;
  position: relative;
}
.print-page__body--no-flex {
  flex: 0 0 auto;
}
.print-page__main {
  display: inline-block;
  vertical-align: top;
  width: 453.5433070866px;
}
.print-page__side {
  display: inline-block;
  font-size: 10.6666666667px;
  margin-left: 45.2543307087px;
  vertical-align: top;
  width: 181.4173228346px;
}
.print-page__foot {
  flex: 0 0 auto;
  position: relative;
}

.print-well {
  background: #e9eaeb;
  border-radius: 5.6692913386px;
  padding: 11.3385826772px 15.1181102362px;
}
.print-well__title {
  color: #e61c83;
  font-size: 13.3333333333px;
  font-weight: bold;
  margin-bottom: 3.7795275591px;
}

.print-well--reference {
  font-size: 17.3333333333px;
  font-weight: bold;
  padding-top: 5.6692913386px;
  padding-bottom: 5.6692913386px;
}

.print-well--green,
.print-well--reference {
  background: #dfeeed;
}

.print-well .print-well {
  background: #fff;
}

.print-invoice-recipient > strong,
.print-invoice-sender > strong,
.print-invoice-reference > strong {
  display: inline-block;
  margin-bottom: 3.7795275591px;
  vertical-align: top;
}

.print-invoice-recipient,
.print-invoice-sender {
  display: inline-block;
  vertical-align: top;
  width: 227.9811023622px;
}

.print-invoice-reference {
  position: absolute;
  top: 0;
  right: 241.8897637795px;
}
.print-invoice-reference .print-well {
  min-width: 124.7244094488px;
  text-align: center;
}
.print-invoice-reference__notice {
  font-size: 9.3333333333px;
  margin-top: 11.3385826772px;
  max-width: 151.1811023622px;
  text-align: right;
}
.print-invoice-reference__notice strong {
  color: #e61c83;
  font-weight: bold;
}

.print-customer-invoice {
  margin-top: -30.2362204724px;
}
.print-customer-invoice__info-group {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.print-customer-invoice .print-invoice-quick-info {
  margin-bottom: 11.3385826772px;
  width: 48%;
}
.print-customer-invoice .print-well {
  width: 48%;
}
.print-customer-invoice .print-invoice-table-group {
  margin-top: 15.1181102362px;
  width: 100%;
}
.print-customer-invoice .invoice-table-claim-note {
  margin-left: auto;
  padding: 11.3385826772px 15.1181102362px;
}
.print-customer-invoice .invoice-table--subtotals,
.print-customer-invoice .invoice-table-claim-note {
  width: 302.3622047244px;
}

.print-invoice-visit-aside {
  font-weight: bold;
  margin-top: 15.1181102362px;
}
.print-aside + .print-invoice-visit-aside {
  margin-top: 22.6771653543px;
}

.invoice-lifetime-warranty {
  color: #e61c83;
  font-size: 13.3333333333px;
  font-weight: bold;
  margin-bottom: 11.3385826772px;
  min-height: 49.1338582677px;
  padding-right: 68.4px;
  padding-top: 3.7795275591px;
}
.invoice-lifetime-warranty img {
  position: absolute;
  top: -11.3385826772px;
  right: 0;
  height: 60.8503937008px;
  width: 68.4px;
}

.print-page__head + .print-operator-invoice {
  margin-top: -30.2362204724px;
}
.print-operator-invoice .print-invoice-quick-info {
  display: inline-block;
  margin-bottom: 22.6771653543px;
  vertical-align: top;
  width: 227.9811023622px;
}
.print-operator-invoice .self-billing-list:first-child {
  margin-top: 30.2362204724px;
}

.print-continued {
  color: #525862;
  font-size: 10.6666666667px;
  font-weight: bold;
  line-height: 1.375;
  padding-top: 22.6771653543px;
  text-align: center;
}

.print-invoice-payments__group {
  display: inline-block;
  padding-right: 15.1181102362px;
  vertical-align: top;
  width: 50%;
}
.print-invoice-payments__item {
  font-size: 10.6666666667px;
  margin-top: 5.6692913386px;
  padding-left: 28.3464566929px;
  position: relative;
}
.print-invoice-payments__item img {
  position: absolute;
  top: 1.1338582677px;
  left: 0;
}
.print-invoice-payments__item + .print-invoice-payments__item {
  margin-top: 15.1181102362px;
}
.print-invoice-payments__item-title {
  font-weight: bold;
}
.print-invoice-payments__note {
  font-size: 10.6666666667px;
  font-style: italic;
  margin-top: 5.6692913386px;
  padding-left: 28.3464566929px;
}
.print-invoice-payments__note em {
  color: #009eb5;
  font-style: inherit;
}
.print-invoice-payments__note .print-well {
  display: inline-block;
  font-style: normal;
  margin-bottom: 7.5590551181px;
  margin-top: 9.4488188976px;
  min-width: 128.5039370079px;
  text-align: center;
  vertical-align: top;
}

.invoice-table {
  border-spacing: 0;
  margin-left: auto;
  width: 100%;
}
.invoice-table th,
.invoice-table td {
  font-size: 10.6666666667px;
  font-weight: normal;
  margin: 0;
  padding: 9.4488188976px 7.5590551181px;
  text-align: left;
  vertical-align: top;
}
.invoice-table th[data-col=money],
.invoice-table td[data-col=money] {
  text-align: right;
}
.invoice-table th:first-child,
.invoice-table td:first-child {
  padding-left: 15.1181102362px;
}
.invoice-table th:last-child,
.invoice-table td:last-child {
  padding-right: 15.1181102362px;
}
.invoice-table thead th,
.invoice-table thead td {
  border-bottom: 1.5118110236px solid #dedfe1;
  color: #e61c83;
  font-weight: bold;
}
.invoice-table tbody th,
.invoice-table tbody td {
  border-bottom: 1.5118110236px solid #dedfe1;
}
.invoice-table__amount-due-row th,
.invoice-table__amount-due-row td {
  background: #e61c83;
  border-bottom: 0 none !important;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.invoice-table__amount-due-row .money {
  color: #000;
  display: block;
  margin-top: 3.7795275591px;
  font-size: 24px;
}
.invoice-table__invoice-total-row th,
.invoice-table__invoice-total-row td {
  background: #e9eaeb;
}

.invoice-table--subtotals {
  width: auto;
}
.invoice-table--subtotals th,
.invoice-table--subtotals td {
  text-align: right;
}
.invoice-table--subtotals th[data-col=quantity], .invoice-table--subtotals th[data-col=money],
.invoice-table--subtotals td[data-col=quantity],
.invoice-table--subtotals td[data-col=money] {
  font-weight: bold;
}

.print-letter {
  margin-right: 113.3858267717px;
}
.print-letter p + p,
.print-letter p + table,
.print-letter table + p {
  margin-top: 17.3333333333px;
}
.print-letter th,
.print-letter td {
  padding: 3.7795275591px 7.5590551181px;
  text-align: left;
}
.print-letter th:first-child,
.print-letter td:first-child {
  padding-left: 0;
}
.print-letter th:last-child,
.print-letter td:last-child {
  padding-right: 0;
}
.print-letter__sign-off {
  margin-top: 34.6666666667px !important;
}
.print-letter__signature {
  margin-top: 69.3333333333px !important;
  position: relative;
}
.print-letter__signature img {
  position: absolute;
  top: -65.8666666667px;
  left: 0;
  max-height: 62.4px;
}

.print-letterhead {
  padding-top: 56.6929133858px;
  position: relative;
  overflow: hidden;
}
.print-letterhead__notice {
  position: absolute;
  top: 7.5590551181px;
  left: 0;
  color: #c1392d;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.print-letterhead__ref {
  margin-bottom: 15.1181102362px;
}
.print-letterhead__ref strong {
  font-weight: 700;
}
.print-letterhead__address {
  margin-bottom: 35.905511811px;
}
.print-letterhead__date {
  margin-bottom: 15.1181102362px;
}

.self-billing-list {
  display: block;
  padding-bottom: 30.2362204724px;
  padding-top: 30.2362204724px;
  text-align: center;
}
.self-billing-list__item {
  display: block;
}
.self-billing-list__item + .self-billing-list__item {
  margin-top: 15.1181102362px;
}
.self-billing-list__label, .self-billing-list__value {
  border: 1.5118110236px solid #dedfe1;
  display: inline-block;
  font-size: 13.3333333333px;
  padding: 3.0236220472px 7.5590551181px;
  vertical-align: top;
  width: 40%;
}
.self-billing-list__label {
  background: #e61c83;
  border-color: #e61c83;
  color: #fff;
  font-weight: bold;
}
.self-billing-list__label::after {
  content: ":";
}
.self-billing-list__value {
  border: 1.5118110236px solid #dedfe1;
}
.self-billing-list__note {
  display: inline-block;
  padding: 15.1181102362px;
  vertical-align: top;
  width: 80%;
}
.self-billing-list + .self-billing-list {
  border-top: 1.5118110236px solid #dedfe1;
}
.self-billing-list .money,
.self-billing-list .money__symbol,
.self-billing-list .money__integer,
.self-billing-list .money__fraction {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.self-billing-list .money {
  display: block;
  padding-left: 7.5590551181px;
  padding-right: 7.5590551181px;
  text-align: right;
  width: 100%;
}
.self-billing-list .money__symbol {
  float: left;
}

.alert {
  padding: 20px;
  padding-left: 60.6265px;
  position: relative;
}
.alert .icon {
  position: absolute;
  top: 18.31325px;
  left: 18.31325px;
  height: 24px;
  width: 24px;
}

.alert--warning {
  background-color: #e5d3dd;
  color: #272e3b;
}
.alert--warning .icon {
  color: #812455;
}

.autowindscreen-batch-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.autowindscreen-batch-table, .autowindscreen-batch-table tbody, .autowindscreen-batch-table tfoot, .autowindscreen-batch-table thead {
  display: block;
}
.autowindscreen-batch-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.autowindscreen-batch-table th, .autowindscreen-batch-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.autowindscreen-batch-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.autowindscreen-batch-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.autowindscreen-batch-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.autowindscreen-batch-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.autowindscreen-batch-table tbody tr:hover {
  background-color: #d9f0f0;
}
.autowindscreen-batch-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.autowindscreen-batch-table tbody tr.is-checked, .autowindscreen-batch-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.autowindscreen-batch-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.autowindscreen-batch-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.autowindscreen-batch-table [data-col=link] a:active, .autowindscreen-batch-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.autowindscreen-batch-table [data-col=batchNo] {
  color: #812455;
  font-weight: 700;
}
.autowindscreen-batch-table [data-col=date] {
  flex: 0 0 160px;
  width: 160px;
  text-align: right;
}
.autowindscreen-batch-table [data-col=repairCount] {
  flex: 0 0 160px;
  width: 160px;
  text-align: right;
}
.autowindscreen-batch-table [data-col=invoiceAmount] {
  flex: 0 0 160px;
  width: 160px;
  text-align: right;
}

.autowindscreen-dialog-grid__body {
  align-items: center;
  display: flex;
  padding: 20px 40px;
}
.autowindscreen-dialog-grid__body + .autowindscreen-dialog-grid__body {
  border-top: 1px solid #bec0c4;
}
.autowindscreen-dialog-grid__title {
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 700;
}
.autowindscreen-dialog-grid__done {
  cursor: default;
  font-size: 13px;
  margin-top: 4px;
}
.autowindscreen-dialog-grid__done .icon {
  color: #038f9a;
  margin-left: 0.5em;
  transform: scale(1.1);
  transform-origin: 50% 70%;
}
.autowindscreen-dialog-grid .button {
  margin-left: 20px;
}

.autowindscreen-pool-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.autowindscreen-pool-table, .autowindscreen-pool-table tbody, .autowindscreen-pool-table tfoot, .autowindscreen-pool-table thead {
  display: block;
}
.autowindscreen-pool-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.autowindscreen-pool-table th, .autowindscreen-pool-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.autowindscreen-pool-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.autowindscreen-pool-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.autowindscreen-pool-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.autowindscreen-pool-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.autowindscreen-pool-table tbody tr:hover {
  background-color: #d9f0f0;
}
.autowindscreen-pool-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.autowindscreen-pool-table tbody tr.is-checked, .autowindscreen-pool-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.autowindscreen-pool-table [data-col=check] {
  flex: 0 0 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  z-index: 3;
}
.autowindscreen-pool-table .css-checkbox {
  height: 40px;
  width: 40px;
}
.autowindscreen-pool-table [data-col=date] {
  flex: 0 0 160px;
  width: 160px;
}
.autowindscreen-pool-table [data-col=invoiceNo] {
  flex: 0 0 140px;
  width: 140px;
  color: #812455;
  font-weight: 700;
}
.autowindscreen-pool-table [data-col=amount] {
  flex-grow: 0.5;
  text-align: right;
}
:root .autowindscreen-pool-table thead {
  border-bottom: 0 none;
}
.autowindscreen-pool-table .insurer-row {
  background: #525862 !important;
  border-bottom: 1px solid #fff;
  color: #fab500;
  font-weight: 700;
}
.autowindscreen-pool-table .insurer-row [data-col=amount] {
  color: #fff;
}

.booking-dialog__picker {
  padding: 20px 40px;
}
.booking-dialog__picker-group {
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
}
.booking-dialog__picker-label {
  font-weight: 700;
  padding-right: 10px;
}
.booking-dialog__picker-label::after {
  content: ":";
}
.booking-dialog__alert {
  padding: 20px 40px;
}
.booking-dialog__picker + .booking-dialog__alert {
  padding-top: 0;
}
.booking-dialog__detail {
  align-items: stretch;
  border-bottom: 1px solid #bec0c4;
  border-top: 1px solid #bec0c4;
  display: flex;
}
.booking-dialog__detail + .booking-dialog__detail {
  border-top: 0 none;
}
.booking-dialog__detail-block {
  border-left: 1px solid #bec0c4;
  flex: 1 1 0px;
  padding: 20px;
  position: relative;
}
.booking-dialog__detail-block:first-child {
  border-left: 0 none;
  flex-grow: 0.8;
}
.booking-dialog__detail-title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
}
.booking-dialog__detail-title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.booking-dialog__detail-title::after {
  content: ":";
}
.booking-dialog__detail-title + .booking-dialog__detail-list {
  margin-top: 10px;
}
.booking-dialog__detail-list + .booking-dialog__detail-title {
  margin-top: 20px;
}
.booking-dialog__location-name {
  font-size: 20px;
  font-weight: 700;
  margin-left: 34px;
}
.booking-dialog__location-address {
  margin-top: 3px;
  margin-left: 34px;
}
.booking-dialog__location-note {
  font-size: 12px;
  margin-top: 4px;
  margin-left: 34px;
}
.booking-dialog__location-name + .booking-dialog__detail-title, .booking-dialog__location-address + .booking-dialog__detail-title {
  margin-top: 20px;
}
.booking-dialog__map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e5e3df;
}
.booking-dialog__form {
  padding: 20px;
}
.booking-dialog__form .booking-dialog-form {
  margin-top: 20px;
  margin-bottom: 20px;
}

.booking-dialog-timings + .booking-dialog-timings,
.booking-dialog-timings + .booking-dialog-fees,
.booking-dialog-fees + .booking-dialog-timings,
.booking-dialog-fees + .booking-dialog-fees {
  margin-top: 20px;
}
.booking-dialog-timings__item,
.booking-dialog-fees__item {
  display: flex;
}
.booking-dialog-timings__item + .booking-dialog-timings__item,
.booking-dialog-timings__item + .booking-dialog-fees__item,
.booking-dialog-fees__item + .booking-dialog-timings__item,
.booking-dialog-fees__item + .booking-dialog-fees__item {
  margin-top: 5px;
}
.booking-dialog-timings__label,
.booking-dialog-fees__label {
  font-weight: 700;
  margin-right: 10px;
}
.booking-dialog-timings__label::after,
.booking-dialog-fees__label::after {
  content: ":";
}
.booking-dialog-timings__label,
.booking-dialog-fees__label {
  text-align: right;
  width: 60%;
}
.booking-dialog-timings__value,
.booking-dialog-fees__value {
  width: 40%;
}

.booking-dialog-status + .booking-dialog-status,
.booking-dialog-status + .booking-dialog-days,
.booking-dialog-days + .booking-dialog-status,
.booking-dialog-days + .booking-dialog-days {
  margin-top: 20px;
}
.booking-dialog-status__item,
.booking-dialog-days__item {
  display: flex;
}
.booking-dialog-status__item + .booking-dialog-status__item,
.booking-dialog-status__item + .booking-dialog-days__item,
.booking-dialog-days__item + .booking-dialog-status__item,
.booking-dialog-days__item + .booking-dialog-days__item {
  margin-top: 5px;
}
.booking-dialog-status__label,
.booking-dialog-days__label {
  font-weight: 700;
  margin-right: 10px;
}
.booking-dialog-status__label::after,
.booking-dialog-days__label::after {
  content: ":";
}
.booking-dialog-status__label,
.booking-dialog-days__label {
  text-align: right;
  width: 40%;
}
.booking-dialog-status__value,
.booking-dialog-days__value {
  width: 60%;
}

.booking-dialog-status__cancel {
  color: #c1392d;
  font-weight: 700;
}

.booking-dialog-status__amount {
  display: inline-block;
  margin-right: 10px;
  min-width: 4.5em;
  vertical-align: top;
}

.booking-dialog-status__item--form .booking-dialog-status__label {
  line-height: 32px;
}
.booking-dialog-status__item--form input + button {
  margin-left: 5px;
}

.booking-dialog-days__time {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 7em;
  vertical-align: top;
}

.booking-dialog-form__group + .booking-dialog-form__group {
  margin-top: 40px;
}
.booking-dialog-form__heading {
  color: #525862;
  font-size: 14px;
  padding-left: 180px;
}
.booking-dialog-form__time-heading, .booking-dialog-form__status-heading {
  cursor: default;
  display: inline-block;
  vertical-align: top;
}
.booking-dialog-form__time-heading::after, .booking-dialog-form__status-heading::after {
  content: ":";
}
.booking-dialog-form__row {
  display: table;
}
.booking-dialog-form__row:not(:first-child) {
  margin-top: 10px;
}
.booking-dialog-form__group--timings .booking-dialog-form__row + .booking-dialog-form__row {
  margin-top: 5px;
}
.booking-dialog-form__label {
  display: inline-block;
  font-weight: 700;
  line-height: 32px;
  padding-right: 10px;
  text-align: right;
  vertical-align: top;
  width: 180px;
}
.booking-dialog-form__label::after {
  content: ":";
}
.booking-dialog-form__time-input, .booking-dialog-form__time-heading {
  margin-right: 10px;
  width: 80px;
}
.booking-dialog-form__status-input, .booking-dialog-form__status-heading {
  margin-left: 10px;
  width: 180px;
}
.booking-dialog-form__copy-all {
  display: inline-block;
  line-height: 32px;
  margin-left: 40px;
  vertical-align: top;
}
.booking-dialog-form__copy-all .css-checkbox {
  margin-right: 0.35em;
  height: 32px;
}
.booking-dialog-form__group--settings input[type=text],
.booking-dialog-form__group--settings select,
.booking-dialog-form__group--settings textarea {
  width: 280px !important;
}
.booking-dialog-form__group--settings .money-input {
  color: #812455;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  padding-left: 5px;
  vertical-align: top;
}
.booking-dialog-form__group--settings .money-input input {
  margin-left: 5px;
  width: 120px !important;
}

.booking-summary {
  background: #812455;
  border: 2px solid transparent;
  color: #fff;
  font-weight: 500;
  height: 100%;
  overflow: hidden;
  padding: 18px;
}
.booking-summary__head {
  align-items: center;
  display: flex;
  min-height: 54px;
}
.booking-summary__title, .booking-summary__status, .booking-summary__cost {
  flex: 1 1 0px;
}
.booking-summary__status, .booking-summary__cost {
  padding-left: 20px;
}
.booking-summary__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
}
.booking-summary__status {
  font-size: 17px;
  line-height: 17px;
}
.booking-summary__confirm-button, .booking-summary__cancel-button {
  font-size: 14px;
  height: 28px;
  line-height: 26px;
  padding: 2px 14px 0;
  background: #fff;
  color: #272e3b;
  margin-top: 8px;
}
.booking-summary__confirm-button:active, .booking-summary__confirm-button:focus, .booking-summary__confirm-button:hover, .booking-summary__cancel-button:active, .booking-summary__cancel-button:focus, .booking-summary__cancel-button:hover {
  background: #b3e0e1;
  color: #272e3b !important;
}
.booking-summary__confirm-button + .booking-summary__cancel-button {
  margin-left: 5px;
}
.booking-summary__cost {
  font-size: 24px;
  font-weight: 700;
}
.booking-summary__location {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 20px;
}
.booking-summary__location-item + .booking-summary__location-item {
  margin-top: 9px;
}
.booking-summary__location .icon {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.booking-summary__location a {
  color: #fff !important;
  text-decoration: underline;
}
.booking-summary__billing {
  font-size: 15px;
  margin-top: 20px;
}
.booking-summary__billing-item + .booking-summary__billing-item {
  margin-top: 7px;
}
.booking-summary__note {
  align-items: center;
  display: flex;
  font-size: 12px;
  line-height: 1.3751;
  margin-top: 10px;
  min-height: 33px;
  padding-left: 34px;
  position: relative;
  white-space: normal;
}
.booking-summary__note .icon {
  position: absolute;
  top: 5px;
  left: 0;
  height: 24px;
  width: 24px;
}

.booking-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.booking-table, .booking-table tbody, .booking-table tfoot, .booking-table thead {
  display: block;
}
.booking-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.booking-table th, .booking-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.booking-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.booking-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.booking-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.booking-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.booking-table tbody tr:hover {
  background-color: #d9f0f0;
}
.booking-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.booking-table tbody tr.is-checked, .booking-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.booking-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.booking-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.booking-table [data-col=link] a:active, .booking-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.booking-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.booking-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.booking-table th[filter-order-by]:hover, .booking-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
:root .booking-table__aggregate-head {
  background: #812455;
  border-bottom: 0 none;
  margin-top: -2px;
}
.booking-table__aggregate-head td {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.booking-table__aggregate-head td:first-child {
  color: #fab500;
  text-transform: uppercase;
}
.booking-table [data-col=startDate],
.booking-table [data-col=endDate] {
  flex: 0 0 100px;
  width: 100px;
}
.booking-table [data-col=startDate] {
  color: #812455;
  font-weight: 700;
}
.booking-table [data-col=journalRef],
.booking-table [data-col=status] {
  flex-grow: 0.7;
}
.booking-table [data-col=cost] {
  flex-grow: 0.5;
  text-align: right;
}

.consumables-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  margin-bottom: 20px;
}
.consumables-table, .consumables-table tbody, .consumables-table tfoot, .consumables-table thead {
  display: block;
}
.consumables-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.consumables-table th, .consumables-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.consumables-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.consumables-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.consumables-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.consumables-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.consumables-table tbody tr:hover {
  background-color: #d9f0f0;
}
.consumables-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.consumables-table tbody tr.is-checked, .consumables-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.consumables-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.consumables-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.consumables-table th[filter-order-by]:hover, .consumables-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.consumables-table tr {
  padding-right: 40px;
}
.consumables-table [data-col=edit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  z-index: 3;
}
.consumables-table [data-col=edit] a {
  height: 40px;
  width: 40px;
  display: block;
}
.consumables-table [data-col=edit] .icon {
  height: 20px;
  width: 20px;
  margin: 10px;
}
.consumables-table [data-col=code] {
  color: #812455;
  font-weight: 700;
  flex: 0 0 120px;
  width: 120px;
}
.consumables-table [data-col=price] {
  flex-grow: 0.5;
  text-align: right;
}

.consumables-orders-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.consumables-orders-table, .consumables-orders-table tbody, .consumables-orders-table tfoot, .consumables-orders-table thead {
  display: block;
}
.consumables-orders-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.consumables-orders-table th, .consumables-orders-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.consumables-orders-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.consumables-orders-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.consumables-orders-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.consumables-orders-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.consumables-orders-table tbody tr:hover {
  background-color: #d9f0f0;
}
.consumables-orders-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.consumables-orders-table tbody tr.is-checked, .consumables-orders-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.consumables-orders-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.consumables-orders-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.consumables-orders-table th[filter-order-by]:hover, .consumables-orders-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.consumables-orders-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.consumables-orders-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.consumables-orders-table [data-col=link] a:active, .consumables-orders-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
:root .consumables-orders-table__aggregate-head {
  background: #812455;
  border-bottom: 0 none;
  margin-top: -2px;
}
.consumables-orders-table__aggregate-head td {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.consumables-orders-table__aggregate-head td:first-child {
  color: #fab500;
  text-transform: uppercase;
}
.consumables-orders-table [data-col=orderNo] {
  color: #812455;
  font-weight: 700;
  flex: 0 0 100px;
  width: 100px;
}
.consumables-orders-table [data-col=date] {
  flex: 0 0 100px;
  width: 100px;
}
.consumables-orders-table [data-col=operatorName] {
  flex-grow: 2;
}
.consumables-orders-table [data-col=status] {
  flex-grow: 0.6666666667;
}
.consumables-orders-table [data-col=numberOfItems] {
  flex-grow: 0.5;
  text-align: right;
}
.consumables-orders-table [data-col=price] {
  flex-grow: 0.5;
  text-align: right;
}

.consumables-orders-list {
  width: 100%;
}

.consumables-order {
  flex-wrap: wrap;
}
.consumables-order.form {
  padding: 20px;
}

.order-summary-definition-list + .order-summary-definition-list {
  margin-top: 20px;
}
.order-summary-definition-list__item {
  display: flex;
}
.order-summary-definition-list__item + .order-summary-definition-list__item {
  margin-top: 5px;
}
.order-summary-definition-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.order-summary-definition-list__label::after {
  content: ":";
}

.order-line-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  margin-top: 20px;
}
.order-line-table, .order-line-table tbody, .order-line-table tfoot, .order-line-table thead {
  display: block;
}
.order-line-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.order-line-table th, .order-line-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.order-line-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.order-line-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.order-line-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.order-line-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.order-line-table tbody tr:hover {
  background-color: #d9f0f0;
}
.order-line-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.order-line-table tbody tr.is-checked, .order-line-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.order-line-table [data-col=""] {
  text-align: right;
}

@media (min-width: 90.625em) {
  .consumables-buy {
    display: flex;
  }
  .consumables-buy-order-table {
    flex-grow: 1;
    flex-shrink: 1;
    width: 0;
  }
  .consumables-buy-order-table .consumables-buy-table {
    margin-right: 30px;
  }
}
.consumables-buy-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  margin-bottom: 20px;
}
.consumables-buy-table, .consumables-buy-table tbody, .consumables-buy-table tfoot, .consumables-buy-table thead {
  display: block;
}
.consumables-buy-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.consumables-buy-table th, .consumables-buy-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.consumables-buy-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.consumables-buy-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.consumables-buy-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.consumables-buy-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.consumables-buy-table tbody tr:hover {
  background-color: #d9f0f0;
}
.consumables-buy-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.consumables-buy-table tbody tr.is-checked, .consumables-buy-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.consumables-buy-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.consumables-buy-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.consumables-buy-table th[filter-order-by]:hover, .consumables-buy-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.consumables-buy-table [data-col=code] {
  color: #812455;
  font-weight: 700;
  flex: 0 0 120px;
  width: 120px;
}
.consumables-buy-table [data-col=price] {
  flex: 0 0 100px;
  width: 100px;
  text-align: right;
}
.consumables-buy-table [data-col=quantity] {
  flex: 0 0 180px;
  width: 180px;
}
.consumables-buy-table [data-col=quantity] form {
  display: flex;
}
.consumables-buy-table [data-col=quantity] .quantity-input {
  font-size: 15px;
  height: 28px;
  padding: 3px 12px 2px;
  flex: 1 1 auto;
  margin-left: 20px;
  min-width: 0;
}
.consumables-buy-table [data-col=quantity] .button {
  font-size: 10.6666666667px;
  height: 28px;
  line-height: 26px;
  padding: 2px 17px 0;
  flex: 0 0 auto;
  margin-left: 5px;
}

@media (max-width: 49.125em) {
  .consumables-order-summary {
    width: 100%;
  }
}
.consumables-order-summary .consumables-summary-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  background: #e9eaeb;
  width: 380px;
}
.consumables-order-summary .consumables-summary-table, .consumables-order-summary .consumables-summary-table tbody, .consumables-order-summary .consumables-summary-table tfoot, .consumables-order-summary .consumables-summary-table thead {
  display: block;
}
.consumables-order-summary .consumables-summary-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.consumables-order-summary .consumables-summary-table th, .consumables-order-summary .consumables-summary-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
@media (max-width: 90.625em) {
  .consumables-order-summary .consumables-summary-table {
    width: 500px;
  }
}
@media (max-width: 49.125em) {
  .consumables-order-summary .consumables-summary-table {
    width: 100%;
  }
}
.consumables-order-summary .consumables-summary-table .tbl-title {
  font-weight: 700;
  font-size: 16px;
  height: 42px;
  line-height: 32px;
  background-color: #525862;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.consumables-order-summary .consumables-summary-table .tbl-title .operators-choice {
  text-align: right;
}
.consumables-order-summary .consumables-summary-table .tbl-body {
  border-bottom: 2px solid #fff;
  color: #272e3b;
}
.consumables-order-summary .consumables-summary-table .tbl-body [data-col=label],
.consumables-order-summary .consumables-summary-table .tbl-body [data-col=value] {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}
.consumables-order-summary .consumables-summary-table .tbl-body [data-col=item-quantity] {
  flex: 0 0 80px;
  width: 80px;
  text-align: right;
}
.consumables-order-summary .consumables-summary-table .tbl-body [data-col=item-quantity] input[type=number] {
  width: 100%;
}
.consumables-order-summary .consumables-summary-table .tbl-body [data-col=item-subtotal] {
  flex-basis: 40px;
  flex-grow: 2;
  flex: 0 0 80px;
  width: 80px;
  text-align: right;
  line-height: 30px;
}
.consumables-order-summary .consumables-summary-table .tbl-body .total {
  font-size: 18.2px;
}
.consumables-order-summary .consumables-summary-table .tbl-body .input-row {
  height: 52px;
  margin-bottom: -5px;
}
.consumables-order-summary .consumables-summary-table .tbl-body .input-row [data-col=input-label] {
  flex-grow: 0.75;
  text-align: right;
}
.consumables-order-summary .consumables-summary-table .tbl-body .input-row [data-col=input-label]::after {
  content: ":";
}
.consumables-order-summary .consumables-summary-table .tbl-body .input-row [data-col=input-widget] input,
.consumables-order-summary .consumables-summary-table .tbl-body .input-row [data-col=input-widget] select {
  width: 100%;
}
.consumables-order-summary .consumables-summary-table .tbl-body .button-row {
  height: 60px;
}
.consumables-order-summary .consumables-summary-table .tbl-body .button-row [data-col=place-order-button] {
  text-align: right;
}
.consumables-order-summary .consumables-summary-table .tbl-body.order-lines {
  padding-bottom: 10px;
}
.consumables-order-summary .consumables-summary-table .tbl-body.order-lines .remove-link {
  font-size: 13px;
}
.consumables-order-summary .consumables-summary-table .tbl-body.order-lines tr {
  height: 46px;
}
.consumables-order-summary .consumables-summary-table .tbl-body.order-subtotal {
  padding: 4px 0;
}
.consumables-order-summary .consumables-summary-table .tbl-body.order-subtotal tr {
  height: 24px;
}
.consumables-order-summary .consumables-summary-table .col-title {
  color: #525862;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
.consumables-order-summary .consumables-summary-table .col-title.subtotal-title, .consumables-order-summary .consumables-summary-table .col-title.quantity-title {
  text-align: right;
}
.consumables-order-summary.historic-order-summary {
  width: 100%;
  margin-top: 20px;
}
.consumables-order-summary.historic-order-summary .consumables-summary-table {
  width: 100%;
}
.consumables-order-summary.historic-order-summary .consumables-summary-table [data-col=item-quantity] {
  flex-grow: 0.2;
  text-align: right;
}
.consumables-order-summary.historic-order-summary .consumables-summary-table [data-col=item-subtotal] {
  flex-basis: 40px;
  flex-grow: 2;
  flex-grow: 0.2;
  text-align: right;
  line-height: 30px;
}
.consumables-order-summary.historic-order-summary .consumables-summary-table .tbl-body.order-lines tr {
  height: 32px;
}

.contact-details-list__item {
  line-height: 1.4;
}
.contact-details-list__item--important {
  font-weight: 700;
  font-size: 16px;
  margin: 0;
}
.contact-details-list__item + .contact-details-list__item {
  margin-top: 10px;
}

.css-checkbox {
  height: 32px;
  width: 16px;
  display: inline-block;
  flex: 0 0 auto;
  font-size: 16px;
  position: relative;
  vertical-align: top;
}
.css-checkbox::before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1em;
  width: 1em;
  background: #fff;
  border: 1px solid #7d8289;
  content: "";
  display: block;
  margin-left: -0.5em;
  margin-top: -0.5em;
  transition-property: border-color, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.css-checkbox::after {
  position: absolute;
  top: 47%;
  left: 50%;
  height: 0.3em;
  width: 0.6em;
  border-left: 1px solid #812455;
  border-bottom: 1px solid #812455;
  content: "";
  display: block;
  margin-left: -0.3em;
  margin-top: -0.15em;
  opacity: 0;
  transform: rotate(-45deg);
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
input[type=checkbox]:active ~ .css-checkbox::before, input[type=checkbox]:focus ~ .css-checkbox::before {
  box-shadow: #038f9a 0 0 5px;
}
.css-checkbox:hover::before, label:hover .css-checkbox::before {
  border-color: #e61c83 !important;
}
input[type=checkbox]:checked ~ .css-checkbox::after, .css-checkbox.is-checked::after {
  opacity: 1;
}

.css-checkbox-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.css-checkbox-wrapper input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.css-checkbox-label {
  display: inline-block;
  min-height: 32px;
  vertical-align: top;
  white-space: normal;
  padding: 7px 8px 4px 8px;
}

.comiseo-daterangepicker,
#ui-datepicker-div {
  padding: 10px;
}
.comiseo-daterangepicker-triggerbutton.ui-button,
#ui-datepicker-div-triggerbutton.ui-button {
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #7d8289;
  border-radius: 4px;
  color: #272e3b;
  display: inline-block;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.3751;
  vertical-align: top;
  transition-property: background-color, border-color, color, opacity, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  font-size: 15px;
  height: 32px;
  padding: 5px 12px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff url("/img/select-arrow.svg") no-repeat 100% 50%;
  margin-right: 0;
  padding-right: 28px;
}
.comiseo-daterangepicker-triggerbutton.ui-button:focus,
#ui-datepicker-div-triggerbutton.ui-button:focus {
  border-color: #038f9a;
  box-shadow: #038f9a 0 0 5px;
  outline: 0 none;
}
.comiseo-daterangepicker-triggerbutton.ui-button:invalid,
#ui-datepicker-div-triggerbutton.ui-button:invalid {
  outline: 0 none;
}
.form-input.is-clearable .comiseo-daterangepicker-triggerbutton.ui-button,
.form-input.is-clearable #ui-datepicker-div-triggerbutton.ui-button {
  background-image: none;
}
.comiseo-daterangepicker-triggerbutton.ui-button .ui-button-icon-space,
.comiseo-daterangepicker-triggerbutton.ui-button .ui-button-icon,
#ui-datepicker-div-triggerbutton.ui-button .ui-button-icon-space,
#ui-datepicker-div-triggerbutton.ui-button .ui-button-icon {
  display: none !important;
}
.comiseo-daterangepicker .ui-datepicker,
#ui-datepicker-div .ui-datepicker {
  padding: 0.2em;
}
.comiseo-daterangepicker .ui-widget,
#ui-datepicker-div .ui-widget {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.comiseo-daterangepicker .ui-state-default,
.comiseo-daterangepicker .ui-state-highlight,
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-state-highlight {
  border-color: transparent;
  text-align: center;
}
.comiseo-daterangepicker .ui-datepicker-calendar td,
#ui-datepicker-div .ui-datepicker-calendar td {
  background: none;
}
.comiseo-daterangepicker .ui-datepicker-calendar td .ui-state-default,
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-default {
  background: #e9eaeb;
}
.comiseo-daterangepicker .ui-datepicker-calendar td.ui-state-highlight .ui-state-default,
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-highlight .ui-state-default {
  background-color: #ffe8c7;
  color: #272e3b;
  font-weight: bold;
}
.comiseo-daterangepicker .ui-datepicker-today .ui-state-highlight,
#ui-datepicker-div .ui-datepicker-today .ui-state-highlight {
  background-size: 1px 1px;
  background: linear-gradient(to bottom, rgba(230, 28, 131, 0.1), rgba(230, 28, 131, 0.1)) repeat;
  color: #e61c83;
  font-weight: bold;
  border: 1px solid #e61c83;
}
.comiseo-daterangepicker .ui-datepicker-calendar td.ui-datepicker-current-day.ui-state-highlight .ui-state-default,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day.ui-state-highlight .ui-state-default {
  background-color: #ffd394;
}
.comiseo-daterangepicker .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default {
  background-color: #ced1d3;
}
.comiseo-daterangepicker-buttonpanel,
#ui-datepicker-div-buttonpanel {
  margin-top: 4px;
}
.comiseo-daterangepicker .ui-button,
#ui-datepicker-div .ui-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  outline: 0 none !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  vertical-align: top;
  transition-property: background-color, border-color, color, opacity, transform, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  font-size: 12.1904761905px;
  height: 32px;
  line-height: 30px;
  padding: 2px 20px 0;
}
.comiseo-daterangepicker .ui-button:focus,
#ui-datepicker-div .ui-button:focus {
  box-shadow: #038f9a 0 0 5px;
}
.comiseo-daterangepicker .ui-button:disabled,
#ui-datepicker-div .ui-button:disabled {
  cursor: default;
  pointer-events: none;
}
.comiseo-daterangepicker .ui-button .icon,
#ui-datepicker-div .ui-button .icon {
  height: 100%;
}
.comiseo-daterangepicker .ui-button.ui-priority-primary,
#ui-datepicker-div .ui-button.ui-priority-primary {
  background: #e61c83;
  color: #fff;
}
.comiseo-daterangepicker .ui-button.ui-priority-primary:active, .comiseo-daterangepicker .ui-button.ui-priority-primary:focus, .comiseo-daterangepicker .ui-button.ui-priority-primary:hover,
#ui-datepicker-div .ui-button.ui-priority-primary:active,
#ui-datepicker-div .ui-button.ui-priority-primary:focus,
#ui-datepicker-div .ui-button.ui-priority-primary:hover {
  background: #ff3ba2;
  color: #fff !important;
}
.comiseo-daterangepicker .ui-button.ui-priority-secondary,
#ui-datepicker-div .ui-button.ui-priority-secondary {
  background: #272e3b;
  color: #fff;
  opacity: 1;
}
.comiseo-daterangepicker .ui-button.ui-priority-secondary:active, .comiseo-daterangepicker .ui-button.ui-priority-secondary:focus, .comiseo-daterangepicker .ui-button.ui-priority-secondary:hover,
#ui-datepicker-div .ui-button.ui-priority-secondary:active,
#ui-datepicker-div .ui-button.ui-priority-secondary:focus,
#ui-datepicker-div .ui-button.ui-priority-secondary:hover {
  background: #464d5a;
  color: #fff !important;
}
.comiseo-daterangepicker-presets .ui-menu-item,
#ui-datepicker-div-presets .ui-menu-item {
  line-height: 1.5;
}
.comiseo-daterangepicker-presets .ui-menu-item-wrapper,
#ui-datepicker-div-presets .ui-menu-item-wrapper {
  background: none;
  border-color: transparent;
  font-weight: 300;
}
.comiseo-daterangepicker-presets .ui-menu-item-wrapper.ui-state-active,
#ui-datepicker-div-presets .ui-menu-item-wrapper.ui-state-active {
  background: none;
  border-color: transparent;
  color: #e61c83;
}
.comiseo-daterangepicker .ui-icon,
#ui-datepicker-div .ui-icon {
  background: transparent url("/img/select-arrow.svg") no-repeat 50% 50%;
}
.comiseo-daterangepicker .ui-datepicker-next,
.comiseo-daterangepicker .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-prev {
  top: 3px;
  border-color: transparent;
  background-color: transparent;
}
.comiseo-daterangepicker .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-datepicker-prev .ui-icon {
  transform: rotate(90deg);
}
.comiseo-daterangepicker .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-prev:hover {
  left: 2px;
}
.comiseo-daterangepicker .ui-datepicker-next .ui-icon,
#ui-datepicker-div .ui-datepicker-next .ui-icon {
  transform: rotate(-90deg);
}
.comiseo-daterangepicker .ui-datepicker-next:hover,
#ui-datepicker-div .ui-datepicker-next:hover {
  right: 2px;
}

#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
  font-size: 14px;
  height: 26px;
  padding: 3px 12px 2px;
  padding-left: 10px;
}
#ui-datepicker-div .ui-datepicker-month {
  margin-right: 10px;
}

.details-box {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3751;
  padding: 20px 16px 20px 16px;
  position: relative;
  flex-grow: 4;
  min-width: 432px;
  background: #fff;
  border: 1px solid #b3e0e1;
}
.details-box__row {
  display: flex;
  justify-content: space-between;
}
.details-box__row + .details-box__row {
  margin-top: 20px;
}
.details-box__information {
  margin-right: 40px;
}
.details-box__logo {
  margin-top: -10px;
}
.details-box__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.details-box__content-group {
  flex: 1 1 100%;
}
.details-box__content-group + .details-box__content-group {
  margin-left: 20px;
}
.details-box__definition-list {
  min-width: 180px;
}
.details-box__definition-list .title {
  font-weight: 700;
}
.details-box__link {
  margin-top: 10px;
  text-decoration: underline;
}
.details-box__edit {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 29px;
  width: 29px;
  color: #038f9a;
}
.details-box__edit .icon {
  height: 21px;
  width: 21px;
  display: block;
  margin: 4px;
}

.dialog {
  background: #fff;
  max-width: 100%;
  width: 940px;
}
.dialog__head {
  background: #e9eaeb;
  padding: 20px;
}
.dialog__title {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  outline: 0 none !important;
}
.dialog__title:active::after, .dialog__title:focus::after {
  content: " –";
}
.dialog__body--with-content, .dialog__content {
  padding: 20px 40px;
}
.dialog__foot {
  background: #e9eaeb;
  display: flex;
  padding: 20px 40px;
}
.dialog__foot-group .button:not(:first-child) {
  margin-left: 10px;
}
.dialog__foot-group + .dialog__foot-group {
  margin-left: auto;
}

.modal .dialog {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-width: 90vw;
}
.modal .dialog__head, .modal .dialog__foot {
  flex: 0 0 auto;
}
.modal .dialog__body {
  flex: 1 1 auto;
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.dialog-layout {
  align-items: center;
  background: #3d434f;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 20px;
}

.dialog--narrow {
  width: 620px;
}

.diary-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.diary-table, .diary-table tbody, .diary-table tfoot, .diary-table thead {
  display: block;
}
.diary-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.diary-table th, .diary-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.diary-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.diary-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.diary-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.diary-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.diary-table tbody tr:hover {
  background-color: #d9f0f0;
}
.diary-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.diary-table tbody tr.is-checked, .diary-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.diary-table tr.is-today {
  background-image: linear-gradient(to bottom, rgba(230, 28, 131, 0.1), rgba(230, 28, 131, 0.1));
  background-size: 1px 1px;
  background-repeat: repeat;
}
.diary-table tr.is-today [data-col=month],
.diary-table tr.is-today [data-col=day] {
  color: #e61c83;
  font-weight: bold;
}
.diary-table tr.is-weekend [data-col=month],
.diary-table tr.is-weekend [data-col=day] {
  font-weight: bold;
}
.diary-table tr.is-first-day:not(:first-child) {
  margin-top: 4px;
}
.diary-table tr.is-first-day:not(:first-child)::before {
  position: absolute;
  top: -4px;
  right: 0;
  left: 0;
  background-color: #7d8289;
  content: "";
  display: block;
  height: 4px;
}
:root .diary-table tbody tr.is-updated {
  background-color: #ffe8c7;
}
:root .diary-table tbody tr.is-updated:nth-child(even) {
  background-color: #ffddad;
}
.diary-table [data-col=month],
.diary-table [data-col=day] {
  flex: 0 0 60px;
  width: 60px;
}
.diary-table [data-col=event] {
  color: #812455;
  font-weight: 700;
}
.diary-table [data-col=action].is-loading select,
.diary-table [data-col=public].is-loading select {
  opacity: 0.2;
  pointer-events: none;
}
.diary-table [data-col=booking] {
  flex-basis: 60px;
  flex-grow: 3;
  height: 100%;
  overflow: visible;
  position: relative;
}
.diary-table [data-col=booking]:not(:empty) {
  z-index: 10;
}
.diary-table [data-col=tracking] {
  flex: 0 0 100px;
  width: 100px;
  text-align: center;
}
.diary-table__booking-summary {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  width: 100%;
}
.diary-table__booking-summary.crosses-month {
  padding-bottom: 1px;
}
.diary-table select {
  width: 100%;
}

.event-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.event-table, .event-table tbody, .event-table tfoot, .event-table thead {
  display: block;
}
.event-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.event-table th, .event-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.event-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.event-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.event-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.event-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.event-table tbody tr:hover {
  background-color: #d9f0f0;
}
.event-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.event-table tbody tr.is-checked, .event-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.event-table [data-col=date] {
  flex: 0 0 100px;
  width: 100px;
  color: #812455;
  font-weight: 700;
}

.file-list__item {
  display: list-item;
  font-size: 16px;
  list-style: disc;
  margin-left: 2em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.file-list__link {
  display: inline-block;
  vertical-align: top;
}

.filter-bar {
  background: #dedfe1;
  border-bottom: 1px solid #bec0c4;
  display: flex;
  height: 49px;
}
.filter-bar.border-top {
  border-top: 1px solid #bec0c4;
}
.filter-bar__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.filter-bar__search-group {
  flex: 1 1 auto;
  position: relative;
}
.filter-bar__search-group .icon--admin__search {
  position: absolute;
  top: 14px;
  left: 16px;
  height: 20px;
  width: 20px;
  color: #038f9a;
  pointer-events: none;
}
.filter-bar__search-group .form-input__clear {
  top: calc(50% - 16px);
}
.filter-bar__search-group input {
  height: 100%;
  width: 100%;
  background: rgba(217, 240, 240, 0);
  border: 0 none;
  border-radius: 0;
  padding-left: 52px;
}
.filter-bar__search-group input:focus {
  background: #d9f0f0;
  box-shadow: none;
}
.filter-bar__filter-group {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  padding: 0 10px;
}
.filter-bar__filter-group label::after {
  content: ":";
}
.filter-bar__filter-group > label, .filter-bar__filter-group > input, .filter-bar__filter-group > select, .filter-bar__filter-group > button, .filter-bar__filter-group > .form-input {
  margin-left: 10px;
}
.filter-bar__filter-group input,
.filter-bar__filter-group select {
  max-width: 14vw;
}
.filter-bar__filter-group .comiseo-daterangepicker-triggerbutton.ui-button,
.filter-bar__filter-group .jqueryDateRange {
  max-width: 14vw;
  min-width: 14vw;
}
.filter-bar__search-group + .filter-bar__filter-group {
  border-left: 1px solid #bec0c4;
}
.filter-bar__hidden-group {
  display: none;
}
.filter-bar__clear {
  height: 48px;
  width: 48px;
  background: transparent;
  border: 0 none;
  color: #038f9a;
  cursor: pointer;
  margin-left: auto;
  outline: 0 none !important;
  padding: 0;
  transition: color 0.1s ease-out;
}
.filter-bar__clear:focus, .filter-bar__clear:hover {
  color: #c1392d;
}
.filter-bar__clear .icon {
  height: 22px;
  width: 22px;
  margin: 13px;
}
.filter-bar .jqueryDateRange {
  color: rgba(0, 0, 0, 0);
}

.action-bar {
  background: #dedfe1;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  display: flex;
  height: 60px;
  margin: 20px;
  transform: translateY(95px);
  transition: transform 0.24s cubic-bezier(0.4, 0, 1, 1);
  z-index: 80;
}
.action-bar__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.action-bar__action-group {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  padding: 0 20px 0 10px;
}
.action-bar__action-group label::after {
  content: ":";
}
.action-bar__action-group:not(:first-child) {
  border-left: 1px solid #bec0c4;
}
.action-bar__action-group > label, .action-bar__action-group > input, .action-bar__action-group > select, .action-bar__action-group > button, .action-bar__action-group > .icon, .action-bar__action-group > .quick-status, .action-bar__action-group > .form-input {
  margin-left: 10px;
}
.action-bar__action-group .icon {
  height: 24px;
  width: 24px;
  color: #812455;
}
.action-bar__hidden-group, .action-bar__hidden-data {
  display: none;
}
.action-bar.is-active {
  transform: translateY(0);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
}

.insights-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.insights-table, .insights-table tbody, .insights-table tfoot, .insights-table thead {
  display: block;
}
.insights-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.insights-table th, .insights-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.insights-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.insights-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.insights-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.insights-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.insights-table tbody tr:hover {
  background-color: #d9f0f0;
}
.insights-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.insights-table tbody tr.is-checked, .insights-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.insights-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.insights-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.insights-table th[filter-order-by]:hover, .insights-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.insights-table td a {
  background: rgba(104, 188, 194, 0);
  color: inherit;
  display: block;
  height: 40px;
  line-height: 40px;
  margin: -5px -10px;
  padding: 0 10px;
  text-decoration: underline;
}
.insights-table td a:active, .insights-table td a:focus, .insights-table td a:hover {
  background-color: rgba(104, 188, 194, 0.3);
  color: #e61c83;
}
:root .insights-table__aggregate-head {
  background: #812455;
  border-bottom: 0 none;
  margin-top: -2px;
}
.insights-table__aggregate-head td {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.insights-table__aggregate-head td:first-child {
  color: #fab500;
  text-transform: uppercase;
}
.insights-table td[data-heat] {
  align-self: stretch;
  background-repeat: repeat-y;
  background-position: 50% 50%;
  background-size: calc(100% - 2px) 1px;
  line-height: 30px;
}
.insights-table td[data-heat="0"] {
  background-image: linear-gradient(to right, rgba(224, 156, 150, 0.6), rgba(224, 156, 150, 0.6));
}
.insights-table td[data-heat="1"] {
  background-image: linear-gradient(to right, rgba(239, 187, 139, 0.6), rgba(239, 187, 139, 0.6));
}
.insights-table td[data-heat="2"] {
  background-image: linear-gradient(to right, rgba(253, 218, 128, 0.6), rgba(253, 218, 128, 0.6));
}
.insights-table td[data-heat="3"] {
  background-image: linear-gradient(to right, rgba(225, 223, 144, 0.6), rgba(225, 223, 144, 0.6));
}
.insights-table td[data-heat="4"] {
  background-image: linear-gradient(to right, rgba(198, 227, 159, 0.6), rgba(198, 227, 159, 0.6));
}
.insights-table [data-col=operator],
.insights-table [data-col=insurer] {
  flex-grow: 1.5;
}
.insights-table [data-col=count] {
  flex-grow: 0.5;
  text-align: right;
}
.insights-table [data-col=money] {
  flex-grow: 0.5;
  text-align: right;
}

.insurer-instructions-form .form__row--no-label::before,
.insurer-instructions-form .form__label {
  width: 25%;
}
.insurer-instructions-form .form__row > .form-input {
  width: 65%;
}
.insurer-instructions-form .form__row[data-input=recipientTitle] > .form-input,
.insurer-instructions-form .form__row[data-input=postcode] > .form-input {
  width: 32.5%;
}
.insurer-instructions-form textarea {
  height: 5.2em;
}

.insurers-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  margin-bottom: 20px;
}
.insurers-table, .insurers-table tbody, .insurers-table tfoot, .insurers-table thead {
  display: block;
}
.insurers-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.insurers-table th, .insurers-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.insurers-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.insurers-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.insurers-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.insurers-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.insurers-table tbody tr:hover {
  background-color: #d9f0f0;
}
.insurers-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.insurers-table tbody tr.is-checked, .insurers-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.insurers-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.insurers-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.insurers-table [data-col=link] a:active, .insurers-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.insurers-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.insurers-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.insurers-table th[filter-order-by]:hover, .insurers-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.insurers-table [data-col=name] {
  color: #812455;
  font-weight: 700;
}

.location-detail {
  display: flex;
  flex: 1 0 auto;
  min-height: 100%;
}
.location-detail__head {
  flex: 0 1 32%;
  max-width: 380px;
  position: relative;
}
.location-detail__body {
  display: flex;
  flex: 1 1 68%;
  flex-direction: column;
  border-left: 1px solid #bec0c4;
}
.location-detail__block {
  padding: 24px 20px 40px 20px;
  border-bottom: 1px solid #bec0c4;
  position: relative;
}
.location-detail__block:last-child {
  border-bottom: 0 none;
  flex: 1 0 auto;
}
.location-detail__head .location-detail__block {
  padding-right: 10px;
  padding-left: 10px;
}
.location-detail__head .location-detail__block .icon {
  margin-right: 14px;
}
.location-detail__head .location-detail__buttons {
  display: block;
  margin: 0 auto;
  width: 60%;
}
.location-detail__head .location-detail__buttons .button {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.location-detail__block-title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
  margin-bottom: 10px;
}
.location-detail__block-title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.location-detail__block-title::after {
  content: ":";
}
.location-detail__block-image {
  display: block;
  margin: 20px auto 0 auto;
  max-width: 80%;
}
.location-detail__edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 29px;
  width: 29px;
  color: #038f9a;
}
.location-detail__edit-button .icon {
  height: 21px;
  width: 21px;
  display: block;
  margin: 4px;
}
.location-detail__name {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin: 0 auto;
  max-width: 80%;
  text-align: center;
}
.location-detail__name + .location-detail-contact {
  margin-top: 20px;
}
.location-detail__block-image + .location-detail__name {
  margin-top: 10px;
}
:root .location-detail__block--map {
  background-color: #e5e3df;
  min-height: 40vh;
  padding: 0;
}
.location-detail__block-copy {
  margin: 20px 20px 0;
}

.location-detail-contact + .location-detail-contact {
  margin-top: 20px;
}
.location-detail-contact__item {
  display: flex;
}
.location-detail-contact__item + .location-detail-contact__item {
  margin-top: 5px;
}
.location-detail-contact__label {
  font-weight: 700;
  margin-right: 10px;
}
.location-detail-contact__label::after {
  content: ":";
}
.location-detail-contact__label {
  text-align: right;
  width: 33.3333333333%;
}
.location-detail-contact__value {
  width: 66.6666666667%;
}

.location-detail-timings + .location-detail-timings,
.location-detail-timings + .location-detail-fees,
.location-detail-fees + .location-detail-timings,
.location-detail-fees + .location-detail-fees {
  margin-top: 20px;
}
.location-detail-timings__item,
.location-detail-fees__item {
  display: flex;
}
.location-detail-timings__item + .location-detail-timings__item,
.location-detail-timings__item + .location-detail-fees__item,
.location-detail-fees__item + .location-detail-timings__item,
.location-detail-fees__item + .location-detail-fees__item {
  margin-top: 5px;
}
.location-detail-timings__label,
.location-detail-fees__label {
  font-weight: 700;
  margin-right: 10px;
}
.location-detail-timings__label::after,
.location-detail-fees__label::after {
  content: ":";
}
.location-detail-timings__label,
.location-detail-fees__label {
  text-align: right;
  width: 60%;
}
.location-detail-timings__value,
.location-detail-fees__value {
  width: 40%;
}

.location-detail-tabs {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: left;
  background: #dedfe1;
  border-bottom: 1px solid #bec0c4;
  background: #fff;
}
.location-detail-tabs__item, .location-detail-tabs__title {
  line-height: 60px;
  overflow: hidden;
  text-align: center;
}
.location-detail-tabs__toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.location-detail-tabs__link, .location-detail-tabs__title {
  display: block;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.location-detail-tabs__link .icon, .location-detail-tabs__title .icon {
  height: 24px;
  min-width: 32px;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 10px;
}
@media (max-width: 63.99em) {
  .location-detail-tabs__link .icon, .location-detail-tabs__title .icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.location-detail-tabs__title {
  font-weight: 300;
  cursor: default;
}
@media (max-width: 63.99em) {
  .location-detail-tabs__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.location-detail-tabs__item, .location-detail-tabs__title {
  border-right: 1px solid #bec0c4;
}
.location-detail-tabs__link {
  border-bottom: 4px solid transparent;
  transition-property: background-color, color, border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.location-detail-tabs__link .icon {
  color: #038f9a;
}
.location-detail-tabs__link:hover {
  border-color: #e61c83;
  background-color: #efeff0;
}
.location-detail-tabs__toggle:checked ~ .location-detail-tabs__link {
  border-color: #e61c83;
  background-color: #611b41;
  color: #fff;
}
.location-detail-tabs__toggle:checked ~ .location-detail-tabs__link .icon {
  color: #fff;
}
.location-detail-tabs__link .icon {
  color: #525862;
}
.location-detail-tabs__toggle:checked ~ .location-detail-tabs__link {
  background: #fff;
  color: #812455;
  border-bottom: 4px solid #e61c83;
}
.location-detail-tabs__toggle:checked ~ .location-detail-tabs__link .icon {
  color: #812455;
}

.location-bookings-tab.is-hidden {
  display: none;
}

.locations-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.locations-table, .locations-table tbody, .locations-table tfoot, .locations-table thead {
  display: block;
}
.locations-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.locations-table th, .locations-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.locations-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.locations-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.locations-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.locations-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.locations-table tbody tr:hover {
  background-color: #d9f0f0;
}
.locations-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.locations-table tbody tr.is-checked, .locations-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.locations-table [data-col=check] {
  flex: 0 0 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  z-index: 3;
}
.locations-table .css-checkbox {
  height: 40px;
  width: 40px;
}
.locations-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.locations-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.locations-table th[filter-order-by]:hover, .locations-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.locations-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.locations-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.locations-table [data-col=link] a:active, .locations-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.locations-table tr {
  padding-right: 40px;
}
.locations-table [data-col=edit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  z-index: 3;
}
.locations-table [data-col=edit] a {
  height: 40px;
  width: 40px;
  display: block;
}
.locations-table [data-col=edit] .icon {
  height: 20px;
  width: 20px;
  margin: 10px;
}
.locations-table [data-col=name] {
  flex-grow: 1.5;
  color: #812455;
  font-weight: 700;
}
.locations-table [data-col=postcode] {
  flex-grow: 0.75;
}
.locations-table [data-col=type] {
  flex-grow: 0.5;
}

.money {
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  vertical-align: top;
}
.money__fraction {
  font-size: 0.7222222222em;
}

.period-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.period-table, .period-table tbody, .period-table tfoot, .period-table thead {
  display: block;
}
.period-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.period-table th, .period-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.period-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.period-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.period-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.period-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.period-table tbody tr:hover {
  background-color: #d9f0f0;
}
.period-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.period-table tbody tr.is-checked, .period-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.period-table tr {
  padding-right: 40px;
}
.period-table [data-col=edit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  z-index: 3;
}
.period-table [data-col=edit] a {
  height: 40px;
  width: 40px;
  display: block;
}
.period-table [data-col=edit] .icon {
  height: 20px;
  width: 20px;
  margin: 10px;
}
.period-table tr.is-current {
  background-image: linear-gradient(to bottom, rgba(230, 28, 131, 0.1), rgba(230, 28, 131, 0.1));
  background-size: 1px 1px;
  background-repeat: repeat;
}
.period-table [data-col=name] {
  color: #812455;
  font-weight: 700;
}
.period-table [data-col=date] {
  flex: 0 0 160px;
  width: 160px;
}
.period-table tr.is-historic {
  opacity: 0.7;
}
.period-table tr.is-historic td {
  color: #525862 !important;
}

.profile-shot {
  height: 32px;
  width: 32px;
  background: #fff;
  border: 2px solid #e61c83;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.operators-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  margin-bottom: 20px;
}
.operators-table, .operators-table tbody, .operators-table tfoot, .operators-table thead {
  display: block;
}
.operators-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.operators-table th, .operators-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.operators-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.operators-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.operators-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.operators-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.operators-table tbody tr:hover {
  background-color: #d9f0f0;
}
.operators-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.operators-table tbody tr.is-checked, .operators-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.operators-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.operators-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.operators-table [data-col=link] a:active, .operators-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.operators-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.operators-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.operators-table th[filter-order-by]:hover, .operators-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.operators-table [data-col=code] {
  flex: 0 0 160px;
  width: 160px;
  color: #812455;
  font-weight: 700;
}
.operators-table [data-col=status] {
  flex-grow: 0.5;
}
.operators-table [data-col=cardRate],
.operators-table [data-col=paymentCount] {
  flex-grow: 0.75;
  text-align: right;
}
.operators-table [data-col=chargeAmount],
.operators-table [data-col=incomeAmount],
.operators-table [data-col=cashAmount],
.operators-table [data-col=royaltyAmount],
.operators-table [data-col=totalAmount] {
  flex-grow: 0.75;
  text-align: right;
}

.admins-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
  margin-bottom: 20px;
}
.admins-table, .admins-table tbody, .admins-table tfoot, .admins-table thead {
  display: block;
}
.admins-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.admins-table th, .admins-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.admins-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.admins-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.admins-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.admins-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.admins-table tbody tr:hover {
  background-color: #d9f0f0;
}
.admins-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.admins-table tbody tr.is-checked, .admins-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.admins-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.admins-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.admins-table [data-col=link] a:active, .admins-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.admins-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.admins-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.admins-table th[filter-order-by]:hover, .admins-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.admins-table [data-col=name] {
  color: #812455;
  font-weight: 700;
}
.admins-table [data-col=status] {
  flex-grow: 0.5;
}

.order-by-arrow {
  height: 1.3751em;
  width: 1.3751em;
  background: transparent;
  border: 0 none;
  color: #a4a7ad;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  transition: color 0.1s ease-out;
}
.order-by-arrow.is-active {
  color: #038f9a;
}
.order-by-arrow.is-desc {
  transform: rotate(180deg);
}
.order-by-arrow .icon {
  height: 100%;
  width: 100%;
  display: block;
}

a.order-by-arrow button.order-by-arrow {
  cursor: pointer;
  outline: 0 none !important;
}
a.order-by-arrow button.order-by-arrow:focus, a.order-by-arrow button.order-by-arrow:hover {
  color: #e61c83;
}

.sf-minitoolbar,
.sf-toolbarreset {
  -webkit-backface-visibility: hidden;
}

.signature {
  display: inline-block;
  max-width: 320px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.signature__spacer {
  box-sizing: content-box;
  display: block;
  height: 0;
}
.signature svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}

.sms-form .form__row--no-label::before,
.sms-form .form__label {
  width: 20%;
}
.sms-form .form__row > .form-input {
  width: 70%;
}
.sms-form .form__row[data-input=recipientTitle] > .form-input,
.sms-form .form__row[data-input=postcode] > .form-input {
  width: 35%;
}
.sms-form .form__row[data-input=custom] {
  margin-top: 10px;
}
.sms-form .form__errors {
  color: #c1392d;
  font-weight: 700;
  margin-top: 20px;
}

.sms-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.sms-table, .sms-table tbody, .sms-table tfoot, .sms-table thead {
  display: block;
}
.sms-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.sms-table th, .sms-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.sms-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.sms-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.sms-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.sms-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.sms-table tbody tr:hover {
  background-color: #d9f0f0;
}
.sms-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.sms-table tbody tr.is-checked, .sms-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.sms-table [data-col=check] {
  flex: 0 0 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  z-index: 3;
}
.sms-table .css-checkbox {
  height: 40px;
  width: 40px;
}
.sms-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.sms-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.sms-table [data-col=link] a:active, .sms-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.sms-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.sms-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.sms-table th[filter-order-by]:hover, .sms-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.sms-table [data-col=makeModel] {
  flex-grow: 1.25;
}
.sms-table [data-col=mobile] {
  flex: 0 0 120px;
  width: 120px;
}
.sms-table [data-col=reg] {
  flex: 0 0 100px;
  width: 100px;
}

.ticket-outstanding__title, .ticket-signature-details__title, .ticket-repair-details__title, .ticket-vehicle-details__title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
}
.ticket-outstanding__title .icon, .ticket-signature-details__title .icon, .ticket-repair-details__title .icon, .ticket-vehicle-details__title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.ticket-outstanding__title::after, .ticket-signature-details__title::after, .ticket-repair-details__title::after, .ticket-vehicle-details__title::after {
  content: ":";
}

.ticket-policy-details__incident-date, .ticket-policy-details__expiry-date, .ticket-policy-details__reference, .ticket-vehicle-details__mileage, .ticket-customer-details__company, .ticket-customer-details__vat-registered, .ticket-customer-details__vehicle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
}
.ticket-policy-details__incident-date strong, .ticket-policy-details__expiry-date strong, .ticket-policy-details__reference strong, .ticket-vehicle-details__mileage strong, .ticket-customer-details__company strong, .ticket-customer-details__vat-registered strong, .ticket-customer-details__vehicle strong {
  font-weight: 700;
  display: inline-block;
  margin-right: 0.3em;
  vertical-align: top;
}
.ticket-policy-details__incident-date strong::after, .ticket-policy-details__expiry-date strong::after, .ticket-policy-details__reference strong::after, .ticket-vehicle-details__mileage strong::after, .ticket-customer-details__company strong::after, .ticket-customer-details__vat-registered strong::after, .ticket-customer-details__vehicle strong::after {
  content: ":";
}

.ticket-details-drawer {
  overflow: hidden;
  touch-action: manipulation;
  transition: height 0.4s ease;
}
.ticket-details-drawer.is-collapsed {
  height: 91px;
}

.ticket-details {
  display: flex;
  min-height: 280px;
  position: relative;
}
.ticket-details__job-cell {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 15px;
  width: 22%;
}
.ticket-details__customer-cell {
  border-left: 1px solid #bec0c4;
  overflow: hidden;
  padding: 15px;
  width: 28%;
}
.ticket-details__policy-cell {
  align-content: flex-start;
  align-items: flex-start;
  border-left: 1px solid #bec0c4;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 15px;
  width: 50%;
}
.ticket-details__customer + .ticket-details__vehicle {
  margin-top: 10px;
}
.ticket-details__policy {
  padding-right: 170px;
  width: 100%;
}
.ticket-details__repairs {
  flex: 0 1 auto;
  margin-right: 40px;
  margin-top: 15px;
  width: 260px;
}
.ticket-details__signatures {
  flex: 1 1 auto;
  margin-top: 15px;
  width: 260px;
}
.ticket-details__status {
  position: absolute;
  top: 0;
  right: 0;
  height: 91px;
  width: 170px;
}
.ticket-details__job-cell, .ticket-details__customer-cell, .ticket-details__policy-cell {
  transition: background-color 0.1s ease-out;
}
.ticket-details__job-cell.is-updated, .ticket-details__customer-cell.is-updated, .ticket-details__policy-cell.is-updated {
  background-color: #ffe8c7;
}

.ticket-job-details {
  position: relative;
}
.ticket-job-details__invoice-no {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.ticket-job-details__date {
  font-size: 16px;
  margin-top: 6px;
}
.ticket-job-details__alert {
  position: absolute;
  top: 29px;
  right: 0;
  padding-left: 28px;
}
.ticket-job-details__alert > label {
  display: inline-block;
  vertical-align: top;
}
.ticket-job-details__alert select {
  border-radius: 16px;
  padding-right: 28px;
}
.ticket-job-details__alert .quick-status {
  position: absolute;
  top: 4px;
  left: 0;
}
.ticket-job-details__zendesk {
  position: absolute;
  top: -4px;
  right: 0;
}
.ticket-job-details__operator {
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
}
.ticket-job-details__map {
  background: #e5e3df;
  margin-top: 10px;
}

.ticket-job-details--fill-height {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
}
.ticket-job-details--fill-height .ticket-job-details__map {
  flex: 1 1 auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
}

.ticket-customer-details__name {
  color: #812455;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1876;
  vertical-align: top;
}
.ticket-customer-details__company {
  margin-top: 10px;
}
.ticket-customer-details__address {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ticket-customer-details__phone, .ticket-customer-details__email {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5001;
  margin-top: 14px;
  margin-top: 0;
}
.ticket-customer-details__phone__number, .ticket-customer-details__email__number {
  color: #272e3b;
}
.ticket-customer-details__phone .icon, .ticket-customer-details__email .icon {
  width: 1.126em;
  height: 1.5001em;
  stroke-width: 1.2px;
  color: #812455;
  margin-right: 5px;
}

.ticket-policy-details__logo, .ticket-policy-details__name {
  float: left;
  height: 61px;
  margin-right: 20px;
  max-width: 45%;
  overflow: hidden;
}
.ticket-policy-details__logo img {
  display: block;
  height: 61px;
}
.ticket-policy-details__name {
  overflow: hidden;
  text-overflow: none;
  white-space: nowrap;
  text-align: center;
}
.ticket-policy-details__name strong {
  color: #812455;
  font-size: 20px;
  font-weight: 700;
}
.ticket-policy-details__reference {
  margin-top: 0;
}
.ticket-repair-details__item {
  min-height: 44px;
  padding-right: 86px;
  position: relative;
}
.ticket-repair-details__item .icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 93px;
}
.ticket-repair-details__item + .ticket-repair-details__item {
  margin-top: 10px;
}
.ticket-repair-details__repair-type {
  display: block;
  font-size: 20px;
  font-weight: 700;
}
.ticket-repair-details__repair-zone {
  display: block;
}

.ticket-signature-details a.ticket-signature-details__title {
  display: inline-block;
  vertical-align: top;
}
.ticket-signature-details__item + .ticket-signature-details__item {
  margin-top: 10px;
}
.ticket-signature-details__signature {
  max-width: 180px;
}

.ticket-outstanding {
  align-items: center;
  background-color: #ffe8c7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  text-align: center;
}
.ticket-outstanding .money {
  font-size: 36px;
}

.ticket-dialog-list + .ticket-dialog-list {
  margin-top: 20px;
}
.ticket-dialog-list__item {
  display: flex;
}
.ticket-dialog-list__item + .ticket-dialog-list__item {
  margin-top: 5px;
}
.ticket-dialog-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.ticket-dialog-list__label::after {
  content: ":";
}
.ticket-dialog-list__label {
  min-width: 7em;
}
.ticket-dialog-list__textarea {
  height: 50vh;
  min-height: 200px;
  white-space: pre;
  width: 100%;
}

.ticket-history-list + .ticket-history-list {
  margin-top: 20px;
}
.ticket-history-list__item {
  display: flex;
}
.ticket-history-list__item + .ticket-history-list__item {
  margin-top: 5px;
}
.ticket-history-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.ticket-history-list__label::after {
  content: ":";
}
.ticket-history-list__label {
  text-align: right;
  width: 25%;
}
.ticket-history-list__value {
  width: 75%;
}

.ticket-history-list-attachments a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ticket-history-list-attachments a:not(:first-child) {
  margin-top: 5px;
}

.ticket-history-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.ticket-history-table, .ticket-history-table tbody, .ticket-history-table tfoot, .ticket-history-table thead {
  display: block;
}
.ticket-history-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.ticket-history-table th, .ticket-history-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.ticket-history-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.ticket-history-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.ticket-history-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.ticket-history-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.ticket-history-table tbody tr:hover {
  background-color: #d9f0f0;
}
.ticket-history-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.ticket-history-table tbody tr.is-checked, .ticket-history-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.ticket-history-table [data-col=icon] {
  flex: 0 0 40px;
  width: 40px;
  padding: 0;
}
.ticket-history-table [data-col=icon] .icon {
  height: 24px;
  width: 24px;
  color: #038f9a;
  margin: 8px;
}
.ticket-history-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.ticket-history-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.ticket-history-table [data-col=link] a:active, .ticket-history-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.ticket-history-table [data-col=date] {
  flex: 0 0 100px;
  width: 100px;
}
.ticket-history-table [data-col=summary] {
  display: flex;
  justify-content: space-between;
  position: static;
  z-index: auto;
}
.ticket-history-table [data-col=net],
.ticket-history-table [data-col=vat],
.ticket-history-table [data-col=total],
.ticket-history-table [data-col=outstanding] {
  flex: 0 0 80px;
  width: 80px;
  text-align: right;
}
.ticket-history-table [data-row=ticket_reissued] [data-col=net],
.ticket-history-table [data-row=ticket_reissued] [data-col=vat],
.ticket-history-table [data-row=ticket_reissued] [data-col=total],
.ticket-history-table [data-row=ticket_reissued] [data-col=outstanding],
.ticket-history-table [data-row=repairs_performed] [data-col=net],
.ticket-history-table [data-row=repairs_performed] [data-col=vat],
.ticket-history-table [data-row=repairs_performed] [data-col=total],
.ticket-history-table [data-row=repairs_performed] [data-col=outstanding] {
  color: #812455;
  font-weight: 700;
  border-bottom: 2px solid currentColor;
  line-height: 36px;
  padding-top: 2px;
  padding-bottom: 0;
  height: 40px;
}
.ticket-history-table [data-row=ticket_reissued] ~ tr [data-col=net],
.ticket-history-table [data-row=ticket_reissued] ~ tr [data-col=vat],
.ticket-history-table [data-row=ticket_reissued] ~ tr [data-col=total],
.ticket-history-table [data-row=ticket_reissued] ~ tr [data-col=outstanding] {
  color: rgba(39, 46, 59, 0.4);
}

.ticket-history-summary {
  flex: 1 1 auto;
  overflow: hidden;
}
.ticket-history-summary__item {
  display: inline-block;
  vertical-align: top;
}
.ticket-history-summary__item + .ticket-history-summary__item::before {
  content: "|";
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: top;
}
.ticket-history-summary__label::after {
  content: ": ";
}
.ticket-history-summary__item::before {
  font-weight: 300;
}
.ticket-history-summary__label {
  color: #812455;
  font-weight: 700;
}
.ticket-history-summary__link {
  text-decoration: underline;
}
.ticket-history-summary__link:active, .ticket-history-summary__link:focus, .ticket-history-summary__link:hover {
  color: #e61c83;
}

.ticket-history-extras {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  margin-left: 20px;
}
.ticket-history-extras .ticket-history-attachments + .ticket-history-actions {
  margin-left: 10px;
}

.ticket-history-actions {
  position: relative;
  z-index: 3;
}
.ticket-history-actions .button {
  font-size: 12px;
  height: 24px;
  line-height: 22px;
  padding: 2px 12px 0;
}

.ticket-history-attachments {
  position: relative;
  z-index: 3;
}
.ticket-history-attachments__item {
  display: inline-block;
  vertical-align: top;
}
.ticket-history-attachments__item + .ticket-history-attachments__item::before {
  content: "|";
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: top;
}
.ticket-history-attachments__label::after {
  content: ": ";
}
.ticket-history-attachments__item::before {
  font-weight: 300;
}
.ticket-history-attachments__label {
  color: #812455;
  font-weight: 700;
}
.ticket-history-attachments__link {
  text-decoration: underline;
}
.ticket-history-attachments__link:active, .ticket-history-attachments__link:focus, .ticket-history-attachments__link:hover {
  color: #e61c83;
}
.ticket-history-attachments a.strong {
  color: #e61c83;
  font-weight: 700;
}
.ticket-history-attachments a.strong[href]:active, .ticket-history-attachments a.strong[href]:focus, .ticket-history-attachments a.strong[href]:hover {
  color: #000;
}

.ticket-page__details {
  border-bottom: 1px solid #bec0c4;
}
.id-correspond-detail .id-correspond-detail-form {
  display: none;
}

.tickets-history-tabs {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: left;
  background: #dedfe1;
  border-bottom: 1px solid #bec0c4;
  border-bottom-color: #fff;
}
.tickets-history-tabs__item, .tickets-history-tabs__title {
  line-height: 60px;
  overflow: hidden;
  text-align: center;
}
.tickets-history-tabs__toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tickets-history-tabs__link, .tickets-history-tabs__title {
  display: block;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.tickets-history-tabs__link .icon, .tickets-history-tabs__title .icon {
  height: 24px;
  min-width: 32px;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 2px;
}
@media (max-width: 63.99em) {
  .tickets-history-tabs__link .icon, .tickets-history-tabs__title .icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.tickets-history-tabs__title {
  font-weight: 300;
  cursor: default;
}
@media (max-width: 63.99em) {
  .tickets-history-tabs__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.tickets-history-tabs__item, .tickets-history-tabs__title {
  border-right: 1px solid #bec0c4;
}
.tickets-history-tabs__link {
  border-bottom: 4px solid transparent;
  transition-property: background-color, color, border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.tickets-history-tabs__link .icon {
  color: #038f9a;
}
.tickets-history-tabs__link:hover {
  border-color: #e61c83;
  background-color: #efeff0;
}
.tickets-history-tabs__toggle:checked ~ .tickets-history-tabs__link {
  border-color: #e61c83;
  background-color: #611b41;
  color: #fff;
}
.tickets-history-tabs__toggle:checked ~ .tickets-history-tabs__link .icon {
  color: #fff;
}

.tickets-history-forms {
  background-color: #e9eaeb;
  /*
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-transform: uppercase;
          text-decoration: underline;
          margin-right: $margin-size--m;
      }

      &__reset-link {
          display: flex;
          color: $trout-gray;
          font-weight: $font-weight--bold;

          .icon {
              margin-right: $margin-size--s;
              width: 24px;
              height: 24px;
          }

          &--text {
              display: block;
              margin-top: 3px;
          }
      }
  */
}
.tickets-history-forms__title-section {
  display: flex;
  justify-content: space-between;
}
.tickets-history-forms__title {
  display: flex;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.tickets-history-forms__title .form-input {
  margin-left: 20px;
  min-width: 240px;
}
.tickets-history-forms__title--name {
  color: #812455;
  margin-left: 20px;
}
.tickets-history-forms__reset {
  display: none;
}
.tickets-history-forms__item {
  position: relative;
  padding: 20px 30px;
}
.tickets-history-forms__item.is-hidden {
  display: none;
}
.tickets-history-forms__item {
  padding: 30px;
}
.tickets-history-forms__form-section {
  display: flex;
}
.tickets-history-forms__form-section .tickets-history-forms__title {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}
.tickets-history-forms__title-section + .tickets-history-forms__form-section {
  border-top: 1px solid #bec0c4;
  margin-top: 20px;
  padding-top: 30px;
}
.tickets-history-forms__form-section + .tickets-history-forms__title-section, .tickets-history-forms__form-section + .tickets-history-forms__form-section {
  border-top: 1px solid #bec0c4;
  margin-top: 30px;
  padding-top: 30px;
}
.tickets-history-forms__form-main {
  flex: 5 5 0px;
}
.tickets-history-forms__form-main > .form + .form--horizontal-rows {
  margin-top: 0;
}
.tickets-history-forms__form-main .form__row[data-input=info],
.tickets-history-forms__form-main .form__row[data-input=info] > .form-input {
  max-width: 500px;
  width: 100%;
}
.tickets-history-forms__form-main .form__row[data-input=reason],
.tickets-history-forms__form-main .form__row[data-input=reason] > .form-input {
  max-width: 360px;
  width: 100%;
}
.tickets-history-forms__form-side {
  flex: 2 2 0px;
  margin-left: 30px;
}
.tickets-history-forms__form-buttons {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  flex: 0 0 160px;
  margin-left: 40px;
}
.tickets-history-forms__form-buttons .button {
  width: 100%;
}
.tickets-history-forms__form-buttons .button:not(:first-child) {
  margin-top: 8px;
}
.tickets-history-forms .details-box__content-group.contact-details-list {
  flex-grow: 0.6;
}
.tickets-history-forms input[type=password][disabled],
.tickets-history-forms input[type=text][disabled],
.tickets-history-forms input[type=number][disabled],
.tickets-history-forms input[type=email][disabled],
.tickets-history-forms input[type=tel][disabled],
.tickets-history-forms input[type=date][disabled],
.tickets-history-forms select[disabled],
.tickets-history-forms textarea[disabled] {
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.ticket-reconcile-form .form__row[data-form-type~=checkbox] > .form-input {
  width: auto;
}

.ticket-note-form .upload-drop-zone__widget {
  background: #fff;
  line-height: 1.5001 !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.tickets-definition-list,
.correspond-definition-list {
  line-height: 1.1876;
  min-width: 200px;
}
.tickets-definition-list + .tickets-definition-list,
.tickets-definition-list + .correspond-definition-list,
.correspond-definition-list + .tickets-definition-list,
.correspond-definition-list + .correspond-definition-list {
  margin-top: 20px;
}
.tickets-definition-list__item,
.correspond-definition-list__item {
  display: flex;
}
.tickets-definition-list__item + .tickets-definition-list__item,
.tickets-definition-list__item + .correspond-definition-list__item,
.correspond-definition-list__item + .tickets-definition-list__item,
.correspond-definition-list__item + .correspond-definition-list__item {
  margin-top: 5px;
}
.tickets-definition-list__label,
.correspond-definition-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.tickets-definition-list__label::after,
.correspond-definition-list__label::after {
  content: ":";
}
:root .tickets-definition-list__item--focus,
:root .correspond-definition-list__item--focus {
  flex-wrap: wrap;
}
:root .tickets-definition-list__item + .tickets-definition-list__item--focus, :root .tickets-definition-list__item--focus + .tickets-definition-list__item,
:root .tickets-definition-list__item + .correspond-definition-list__item--focus,
:root .tickets-definition-list__item--focus + .correspond-definition-list__item,
:root .correspond-definition-list__item + .tickets-definition-list__item--focus,
:root .correspond-definition-list__item--focus + .tickets-definition-list__item,
:root .correspond-definition-list__item + .correspond-definition-list__item--focus,
:root .correspond-definition-list__item--focus + .correspond-definition-list__item {
  margin-top: 15px;
}
:root .tickets-definition-list__value--action,
:root .correspond-definition-list__value--action {
  color: #e61c83;
  font-size: 20px;
  font-weight: 700;
  width: 100%;
  margin-left: 0;
  margin-top: 5px;
  line-height: 1;
}

.correspond-definition-list {
  margin-top: 3px;
}
.correspond-definition-list__label {
  flex-shrink: 0;
}
.correspond-definition-list__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phone-with-icon {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5001;
  margin-top: 14px;
}
.phone-with-icon__number {
  color: #272e3b;
}
.phone-with-icon .icon {
  width: 1.126em;
  height: 1.5001em;
  stroke-width: 1.2px;
  color: #812455;
  margin-right: 5px;
}

.tickets-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.tickets-table, .tickets-table tbody, .tickets-table tfoot, .tickets-table thead {
  display: block;
}
.tickets-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.tickets-table th, .tickets-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.tickets-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.tickets-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.tickets-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.tickets-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.tickets-table tbody tr:hover {
  background-color: #d9f0f0;
}
.tickets-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.tickets-table tbody tr.is-checked, .tickets-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.tickets-table [data-col=check] {
  flex: 0 0 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  z-index: 3;
}
.tickets-table .css-checkbox {
  height: 40px;
  width: 40px;
}
.tickets-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.tickets-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.tickets-table [data-col=link] a:active, .tickets-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.tickets-table .order-by-arrow {
  height: 16px;
  width: 16px;
  margin-left: 0.3em;
}
.tickets-table th[filter-order-by] {
  cursor: pointer;
  transition: color 0.1s ease-out;
}
.tickets-table th[filter-order-by]:hover, .tickets-table th[filter-order-by]:hover .order-by-arrow {
  color: #e61c83 !important;
}
.tickets-table [data-col=date] {
  flex: 0 0 160px;
  width: 160px;
}
.tickets-table [data-col=invoiceNo] {
  flex: 0 0 140px;
  width: 140px;
  color: #812455;
  font-weight: 700;
}
.tickets-table [data-col=alert],
.tickets-table [data-col=status] {
  flex-grow: 0.5;
}
.tickets-table__note-alert {
  position: absolute;
  top: 50%;
  right: 0;
  height: 24px;
  width: 24px;
  color: #e61c83;
  margin-top: -12px;
}
.tickets-table [data-col=outstanding] {
  flex-grow: 0.5;
  text-align: right;
}

.tooltip {
  background: #1e232d;
  color: #dedfe1;
  font-size: 14px;
  line-height: 1.3751;
  opacity: 0.9;
  padding: 0.4em 0.8em;
  pointer-events: none;
  position: relative;
  transition: opacity 0.2s ease;
  z-index: 99;
}
.tooltip[data-popper-placement=top]::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 6px solid transparent;
  border-top: 6px solid #1e232d;
  border-bottom: 0 none;
  content: "";
  display: block;
  margin-bottom: -5px;
  margin-left: -6px;
}
.tooltip[data-popper-placement=left]::before {
  position: absolute;
  top: 50%;
  right: 0;
  border: 6px solid transparent;
  border-left: 6px solid #1e232d;
  border-right: 0 none;
  content: "";
  display: block;
  margin-right: -5px;
  margin-top: -6px;
}
.tooltip.will-appear, .tooltip.will-remove {
  opacity: 0;
}

.operator-payments-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.operator-payments-table, .operator-payments-table tbody, .operator-payments-table tfoot, .operator-payments-table thead {
  display: block;
}
.operator-payments-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.operator-payments-table th, .operator-payments-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.operator-payments-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.operator-payments-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.operator-payments-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.operator-payments-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.operator-payments-table tbody tr:hover {
  background-color: #d9f0f0;
}
.operator-payments-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.operator-payments-table tbody tr.is-checked, .operator-payments-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.operator-payments-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.operator-payments-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.operator-payments-table [data-col=link] a:active, .operator-payments-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.operator-payments-table [data-col=date] {
  flex: 0 0 100px;
  width: 100px;
  color: #812455;
  font-weight: 700;
}
.operator-payments-table [data-col=description] {
  flex-grow: 3;
}
.operator-payments-table [data-col=description].total-label {
  text-align: right;
  text-transform: uppercase;
}
.operator-payments-table [data-col=description].total-label.subtotal-label {
  color: #fab500;
}
.operator-payments-table [data-col=description] .icon {
  height: 16px;
  width: 16px;
  color: #812455;
  margin-left: 5px;
}
.operator-payments-table tr.is-expanded [data-col=description] .icon {
  transform: rotate(90deg);
}
.operator-payments-table [data-col=netAmount],
.operator-payments-table [data-col=vatAmount],
.operator-payments-table [data-col=grossAmount] {
  flex: 0 0 100px;
  width: 100px;
  text-align: right;
}
.operator-payments-table [data-row=incomePayment] [data-col=type]::before,
.operator-payments-table [data-row=incomePayment] [data-col=description]::before {
  color: #7d8289;
  content: "–";
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
.operator-payments-table .subtotal-row,
.operator-payments-table .total-row {
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #fff;
}
.operator-payments-table .subtotal-row {
  background: #525862 !important;
}
.operator-payments-table .total-row {
  background: #812455 !important;
}
.operator-payments-table--recurring tr {
  padding-right: 40px;
}
.operator-payments-table--recurring [data-col=edit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  z-index: 3;
}
.operator-payments-table--recurring [data-col=edit] a {
  height: 40px;
  width: 40px;
  display: block;
}
.operator-payments-table--recurring [data-col=edit] .icon {
  height: 20px;
  width: 20px;
  margin: 10px;
}

.filter-bar .billing-period-progress {
  margin-left: auto;
  margin-right: 20px;
  font-size: 18px;
}
.filter-bar .billing-period-progress .day,
.filter-bar .billing-period-progress .period {
  font-weight: 700;
  margin: 0 5px;
}
.filter-bar .billing-period-progress .day {
  color: #812455;
}

.payment-due {
  float: right;
  margin-right: 10px;
}
.payment-due .due-date {
  font-weight: 700;
  margin-left: 5px;
}

.running-totals-bar .running-totals-list {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #dedfe1;
  padding: 0 20px;
}
.running-totals-bar .running-totals-list__item {
  border-right: 1px solid #dedfe1;
  color: #333333;
  padding: 20px 20px 10px;
  text-align: right;
}
.running-totals-bar .running-totals-list__item:last-child {
  border-right: 0;
}
.running-totals-bar .running-totals-list__label {
  text-transform: uppercase;
  font-size: 16px;
}
.running-totals-bar .running-totals-list__label::after {
  content: ":";
}
.running-totals-bar .running-totals-list__value {
  font-size: 26px;
  font-weight: 700;
}

.operator-detail {
  display: flex;
  flex: 1 0 auto;
  min-height: 100%;
}
.operator-detail__head {
  flex: 0 1 32%;
  max-width: 380px;
  position: relative;
}
.operator-detail__body {
  display: flex;
  flex: 1 1 68%;
  flex-direction: column;
  border-left: 1px solid #bec0c4;
}
.operator-detail__block {
  padding: 24px 20px 40px 20px;
  border-bottom: 1px solid #bec0c4;
  position: relative;
}
.operator-detail__block:last-child {
  border-bottom: 0 none;
  flex: 1 0 auto;
}
.operator-detail__head .operator-detail__block {
  padding-right: 10px;
  padding-left: 10px;
}
.operator-detail__head .operator-detail__block .icon {
  margin-right: 14px;
}
.operator-detail__head .operator-detail__buttons {
  display: block;
  margin: 0 auto;
  width: 60%;
}
.operator-detail__head .operator-detail__buttons .button {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.operator-detail__block-title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
  margin-bottom: 10px;
}
.operator-detail__block-title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.operator-detail__block-title::after {
  content: ":";
}
.operator-detail__block-image {
  display: block;
  margin: 20px auto 0 auto;
  max-width: 80%;
}
.operator-detail__edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 29px;
  width: 29px;
  color: #038f9a;
}
.operator-detail__edit-button .icon {
  height: 21px;
  width: 21px;
  display: block;
  margin: 4px;
}
.operator-detail__tabs {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: left;
  background: #dedfe1;
  border-bottom: 1px solid #bec0c4;
  background: #fff;
}
.operator-detail__tabs__item, .operator-detail__tabs__title {
  line-height: 60px;
  overflow: hidden;
  text-align: center;
}
.operator-detail__tabs__toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.operator-detail__tabs__link, .operator-detail__tabs__title {
  display: block;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.operator-detail__tabs__link .icon, .operator-detail__tabs__title .icon {
  height: 24px;
  min-width: 32px;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 10px;
}
@media (max-width: 63.99em) {
  .operator-detail__tabs__link .icon, .operator-detail__tabs__title .icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.operator-detail__tabs__title {
  font-weight: 300;
  cursor: default;
}
@media (max-width: 63.99em) {
  .operator-detail__tabs__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.operator-detail__tabs__item, .operator-detail__tabs__title {
  border-right: 1px solid #bec0c4;
}
.operator-detail__tabs__link {
  border-bottom: 4px solid transparent;
  transition-property: background-color, color, border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.operator-detail__tabs__link .icon {
  color: #038f9a;
}
.operator-detail__tabs__link:hover {
  border-color: #e61c83;
  background-color: #efeff0;
}
.operator-detail__tabs__toggle:checked ~ .operator-detail__tabs__link {
  border-color: #e61c83;
  background-color: #611b41;
  color: #fff;
}
.operator-detail__tabs__toggle:checked ~ .operator-detail__tabs__link .icon {
  color: #fff;
}
.operator-detail__tabs__link .icon {
  color: #525862;
}
.operator-detail__tabs__toggle:checked ~ .operator-detail__tabs__link {
  background: #fff;
  color: #812455;
  border-bottom: 4px solid #e61c83;
}
.operator-detail__tabs__toggle:checked ~ .operator-detail__tabs__link .icon {
  color: #812455;
}
.operator-detail__tab-container {
  background-color: #e9eaeb;
  /*
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-transform: uppercase;
          text-decoration: underline;
          margin-right: $margin-size--m;
      }

      &__reset-link {
          display: flex;
          color: $trout-gray;
          font-weight: $font-weight--bold;

          .icon {
              margin-right: $margin-size--s;
              width: 24px;
              height: 24px;
          }

          &--text {
              display: block;
              margin-top: 3px;
          }
      }
  */
  background-color: #fff;
}
.operator-detail__tab-container__title-section {
  display: flex;
  justify-content: space-between;
}
.operator-detail__tab-container__title {
  display: flex;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.operator-detail__tab-container__title .form-input {
  margin-left: 20px;
  min-width: 240px;
}
.operator-detail__tab-container__title--name {
  color: #812455;
  margin-left: 20px;
}
.operator-detail__tab-container__reset {
  display: none;
}
.operator-detail__tab-container__item {
  position: relative;
  padding: 20px 30px;
}
.operator-detail__tab-container__item.is-hidden {
  display: none;
}
.operator-detail__tab-container__item {
  padding: 0;
}
.operator-detail__profile {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto 10px;
}
.operator-detail__profile .icon {
  position: absolute;
  top: 15px;
  right: 6px;
  color: #fff;
  background: #8cc63f;
  border-radius: 10px;
  padding: 4px;
}
.operator-detail__profile-image {
  width: 100%;
  height: 100%;
  border: 2px solid #231F20;
  border-radius: 50%;
  background-color: #e9eaeb;
}
.operator-detail__profile-name {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 10px;
  text-align: center;
}
.operator-detail__profile-link {
  color: #272e3b;
  width: 100%;
  text-align: left;
  display: inline-block;
}
.operator-detail__profile-link + .operator-detail__profile-link {
  margin-top: 10px;
}
.operator-detail__profile-link strong {
  font-size: 20px;
  font-weight: 300;
}
.operator-detail__profile-link .icon {
  color: #812455;
  margin-right: 10px;
}

.company-details .form__field-wrapper {
  width: 100% !important;
}
.company-details .form__field {
  width: 50%;
}
.company-details .form__field:last-child {
  margin-right: 0;
}

.operator-definition-list {
  max-width: 540px;
}
.operator-definition-list + .operator-definition-list {
  margin-top: 20px;
}
.operator-definition-list__item {
  display: flex;
}
.operator-definition-list__item + .operator-definition-list__item {
  margin-top: 5px;
}
.operator-definition-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.operator-definition-list__label::after {
  content: ":";
}
.operator-definition-list__label {
  text-align: right;
  width: 33.3333333333%;
}
.operator-definition-list__value {
  width: 66.6666666667%;
}
.operator-definition-list__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-detail {
  display: flex;
  flex: 1 0 auto;
  min-height: 100%;
}
.admin-detail__head {
  flex: 0 1 32%;
  max-width: 380px;
  position: relative;
}
.admin-detail__body {
  display: flex;
  flex: 1 1 68%;
  flex-direction: column;
  border-left: 1px solid #bec0c4;
}
.admin-detail__block {
  padding: 24px 20px 40px 20px;
  border-bottom: 1px solid #bec0c4;
  position: relative;
}
.admin-detail__block:last-child {
  border-bottom: 0 none;
  flex: 1 0 auto;
}
.admin-detail__head .admin-detail__block {
  padding-right: 10px;
  padding-left: 10px;
}
.admin-detail__head .admin-detail__block .icon {
  margin-right: 14px;
}
.admin-detail__head .admin-detail__buttons {
  display: block;
  margin: 0 auto;
  width: 60%;
}
.admin-detail__head .admin-detail__buttons .button {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.admin-detail__block-title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
  margin-bottom: 10px;
}
.admin-detail__block-title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.admin-detail__block-title::after {
  content: ":";
}
.admin-detail__block-image {
  display: block;
  margin: 20px auto 0 auto;
  max-width: 80%;
}
.admin-detail__edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 29px;
  width: 29px;
  color: #038f9a;
}
.admin-detail__edit-button .icon {
  height: 21px;
  width: 21px;
  display: block;
  margin: 4px;
}
.admin-detail__tabs {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: left;
  background: #dedfe1;
  border-bottom: 1px solid #bec0c4;
  background: #fff;
}
.admin-detail__tabs__item, .admin-detail__tabs__title {
  line-height: 60px;
  overflow: hidden;
  text-align: center;
}
.admin-detail__tabs__toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.admin-detail__tabs__link, .admin-detail__tabs__title {
  display: block;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.admin-detail__tabs__link .icon, .admin-detail__tabs__title .icon {
  height: 24px;
  min-width: 32px;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 10px;
}
@media (max-width: 63.99em) {
  .admin-detail__tabs__link .icon, .admin-detail__tabs__title .icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.admin-detail__tabs__title {
  font-weight: 300;
  cursor: default;
}
@media (max-width: 63.99em) {
  .admin-detail__tabs__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.admin-detail__tabs__item, .admin-detail__tabs__title {
  border-right: 1px solid #bec0c4;
}
.admin-detail__tabs__link {
  border-bottom: 4px solid transparent;
  transition-property: background-color, color, border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.admin-detail__tabs__link .icon {
  color: #038f9a;
}
.admin-detail__tabs__link:hover {
  border-color: #e61c83;
  background-color: #efeff0;
}
.admin-detail__tabs__toggle:checked ~ .admin-detail__tabs__link {
  border-color: #e61c83;
  background-color: #611b41;
  color: #fff;
}
.admin-detail__tabs__toggle:checked ~ .admin-detail__tabs__link .icon {
  color: #fff;
}
.admin-detail__tabs__link .icon {
  color: #525862;
}
.admin-detail__tabs__toggle:checked ~ .admin-detail__tabs__link {
  background: #fff;
  color: #812455;
  border-bottom: 4px solid #e61c83;
}
.admin-detail__tabs__toggle:checked ~ .admin-detail__tabs__link .icon {
  color: #812455;
}
.admin-detail__tab-container {
  background-color: #e9eaeb;
  /*
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-transform: uppercase;
          text-decoration: underline;
          margin-right: $margin-size--m;
      }

      &__reset-link {
          display: flex;
          color: $trout-gray;
          font-weight: $font-weight--bold;

          .icon {
              margin-right: $margin-size--s;
              width: 24px;
              height: 24px;
          }

          &--text {
              display: block;
              margin-top: 3px;
          }
      }
  */
  background-color: #fff;
}
.admin-detail__tab-container__title-section {
  display: flex;
  justify-content: space-between;
}
.admin-detail__tab-container__title {
  display: flex;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.admin-detail__tab-container__title .form-input {
  margin-left: 20px;
  min-width: 240px;
}
.admin-detail__tab-container__title--name {
  color: #812455;
  margin-left: 20px;
}
.admin-detail__tab-container__reset {
  display: none;
}
.admin-detail__tab-container__item {
  position: relative;
  padding: 20px 30px;
}
.admin-detail__tab-container__item.is-hidden {
  display: none;
}
.admin-detail__tab-container__item {
  padding: 0;
}
.admin-detail__profile {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto 10px;
}
.admin-detail__profile .icon {
  position: absolute;
  top: 15px;
  right: 6px;
  color: #fff;
  background: #8cc63f;
  border-radius: 10px;
  padding: 4px;
}
.admin-detail__profile-image {
  width: 100%;
  height: 100%;
  border: 2px solid #231F20;
  border-radius: 50%;
  background-color: #e9eaeb;
}
.admin-detail__profile-name {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 10px;
  text-align: center;
}
.admin-detail__profile-link {
  color: #272e3b;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.admin-detail__profile-link + .admin-detail__profile-link {
  margin-top: 10px;
}
.admin-detail__profile-link strong {
  font-size: 20px;
  font-weight: 300;
}
.admin-detail__profile-link .icon {
  color: #812455;
  margin-right: 10px;
}

.insurer-detail {
  display: flex;
  flex: 1 0 auto;
  min-height: 100%;
}
.insurer-detail__head {
  flex: 0 1 32%;
  max-width: 380px;
  position: relative;
}
.insurer-detail__body {
  display: flex;
  flex: 1 1 68%;
  flex-direction: column;
  border-left: 1px solid #bec0c4;
}
.insurer-detail__block {
  padding: 24px 20px 40px 20px;
  border-bottom: 1px solid #bec0c4;
  position: relative;
}
.insurer-detail__block:last-child {
  border-bottom: 0 none;
  flex: 1 0 auto;
}
.insurer-detail__head .insurer-detail__block {
  padding-right: 10px;
  padding-left: 10px;
}
.insurer-detail__head .insurer-detail__block .icon {
  margin-right: 14px;
}
.insurer-detail__head .insurer-detail__buttons {
  display: block;
  margin: 0 auto;
  width: 60%;
}
.insurer-detail__head .insurer-detail__buttons .button {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.insurer-detail__block-title {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7333333333;
  text-align: left;
  text-transform: uppercase;
  color: #812455;
  margin-bottom: 10px;
}
.insurer-detail__block-title .icon {
  height: 1.6em;
  width: 1.6em;
  margin-right: 0.6666666667em;
}
.insurer-detail__block-title::after {
  content: ":";
}
.insurer-detail__block-image {
  display: block;
  margin: 20px auto 0 auto;
  max-width: 80%;
}
.insurer-detail__edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 29px;
  width: 29px;
  color: #038f9a;
}
.insurer-detail__edit-button .icon {
  height: 21px;
  width: 21px;
  display: block;
  margin: 4px;
}
.insurer-detail__tabs {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: left;
  background: #dedfe1;
  border-bottom: 1px solid #bec0c4;
  background: #fff;
}
.insurer-detail__tabs__item, .insurer-detail__tabs__title {
  line-height: 60px;
  overflow: hidden;
  text-align: center;
}
.insurer-detail__tabs__toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.insurer-detail__tabs__link, .insurer-detail__tabs__title {
  display: block;
  height: 60px;
  padding: 0 20px;
  cursor: pointer;
}
.insurer-detail__tabs__link .icon, .insurer-detail__tabs__title .icon {
  height: 24px;
  min-width: 32px;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 10px;
}
@media (max-width: 63.99em) {
  .insurer-detail__tabs__link .icon, .insurer-detail__tabs__title .icon {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.insurer-detail__tabs__title {
  font-weight: 300;
  cursor: default;
}
@media (max-width: 63.99em) {
  .insurer-detail__tabs__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.insurer-detail__tabs__item, .insurer-detail__tabs__title {
  border-right: 1px solid #bec0c4;
}
.insurer-detail__tabs__link {
  border-bottom: 4px solid transparent;
  transition-property: background-color, color, border-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.insurer-detail__tabs__link .icon {
  color: #038f9a;
}
.insurer-detail__tabs__link:hover {
  border-color: #e61c83;
  background-color: #efeff0;
}
.insurer-detail__tabs__toggle:checked ~ .insurer-detail__tabs__link {
  border-color: #e61c83;
  background-color: #611b41;
  color: #fff;
}
.insurer-detail__tabs__toggle:checked ~ .insurer-detail__tabs__link .icon {
  color: #fff;
}
.insurer-detail__tabs__link .icon {
  color: #525862;
}
.insurer-detail__tabs__toggle:checked ~ .insurer-detail__tabs__link {
  background: #fff;
  color: #812455;
  border-bottom: 4px solid #e61c83;
}
.insurer-detail__tabs__toggle:checked ~ .insurer-detail__tabs__link .icon {
  color: #812455;
}
.insurer-detail__tab-container {
  background-color: #e9eaeb;
  /*
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-transform: uppercase;
          text-decoration: underline;
          margin-right: $margin-size--m;
      }

      &__reset-link {
          display: flex;
          color: $trout-gray;
          font-weight: $font-weight--bold;

          .icon {
              margin-right: $margin-size--s;
              width: 24px;
              height: 24px;
          }

          &--text {
              display: block;
              margin-top: 3px;
          }
      }
  */
  background-color: #fff;
}
.insurer-detail__tab-container__title-section {
  display: flex;
  justify-content: space-between;
}
.insurer-detail__tab-container__title {
  display: flex;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.insurer-detail__tab-container__title .form-input {
  margin-left: 20px;
  min-width: 240px;
}
.insurer-detail__tab-container__title--name {
  color: #812455;
  margin-left: 20px;
}
.insurer-detail__tab-container__reset {
  display: none;
}
.insurer-detail__tab-container__item {
  position: relative;
  padding: 20px 30px;
}
.insurer-detail__tab-container__item.is-hidden {
  display: none;
}
.insurer-detail__tab-container__item {
  padding: 0;
}
.insurer-detail__insurer-name {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
.insurer-detail__block-image + .insurer-detail__insurer-name {
  margin-top: 10px;
}
.insurer-detail__underwriter-name {
  color: #272e3b;
  width: 100%;
  font-size: 20px;
  font-weight: 300;
}

.insurer-definition-list {
  max-width: 540px;
}
.insurer-definition-list + .insurer-definition-list {
  margin-top: 20px;
}
.insurer-definition-list__item {
  display: flex;
}
.insurer-definition-list__item + .insurer-definition-list__item {
  margin-top: 5px;
}
.insurer-definition-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.insurer-definition-list__label::after {
  content: ":";
}
.insurer-definition-list__label {
  text-align: right;
  width: 33.3333333333%;
}
.insurer-definition-list__value {
  width: 66.6666666667%;
}

.insurer-instructions-list {
  margin-right: 20px;
  margin-top: 20px;
  max-width: 540px;
}
.insurer-instructions-list + .insurer-instructions-list {
  margin-top: 20px;
}
.insurer-instructions-list__item {
  display: flex;
}
.insurer-instructions-list__item + .insurer-instructions-list__item {
  margin-top: 5px;
}
.insurer-instructions-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.insurer-instructions-list__label::after {
  content: ":";
}
.insurer-instructions-list__item {
  display: block;
  padding-left: 20px;
}
.insurer-instructions-list__item + .insurer-instructions-list__item {
  margin-top: 20px;
}
.insurer-instructions-list__label {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.insurer-instructions-list__value {
  display: block;
  margin-left: 20px;
  margin-top: 5px;
}
.insurer-instructions-list__required {
  color: #c1392d;
  cursor: default;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  text-align: right;
  vertical-align: top;
  width: 10px;
}

.insurer-profile-block {
  text-align: center;
}
.insurer-profile-block .insurer-definition-list {
  margin-top: 10px;
  text-align: left;
}
.insurer-profile-block .insurer-definition-list + .insurer-detail__buttons {
  margin-top: 20px;
}

.audit-log-table {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.1876;
}
.audit-log-table, .audit-log-table tbody, .audit-log-table tfoot, .audit-log-table thead {
  display: block;
}
.audit-log-table tr {
  align-items: center;
  display: flex;
  height: 40px;
  position: relative;
}
.audit-log-table th, .audit-log-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  flex: 1 1 20px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.audit-log-table thead {
  border-bottom: 2px solid #a4a7ad;
  display: block;
  font-size: 14px;
}
.audit-log-table thead th {
  color: #525862 !important;
  font-weight: 500 !important;
}
.audit-log-table tbody tr {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.audit-log-table tbody tr:nth-child(even) {
  background-color: #e9eaeb;
}
.audit-log-table tbody tr:hover {
  background-color: #d9f0f0;
}
.audit-log-table tbody tr:nth-child(even):hover {
  background-color: #cee5e6;
}
.audit-log-table tbody tr.is-checked, .audit-log-table tbody tr.is-checked:hover {
  background-color: #ffe8c7;
}
.audit-log-table [data-col=link] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  padding: 0;
  z-index: 2;
}
.audit-log-table [data-col=link] a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 40px;
  transition-property: box-shadow;
}
.audit-log-table [data-col=link] a:active, .audit-log-table [data-col=link] a:focus {
  box-shadow: #038f9a 0 0 5px;
}
.audit-log-table [data-col=id] {
  flex: 0 0 60px;
  width: 60px;
}
.audit-log-table [data-col=command] {
  flex-grow: 2;
  color: #812455;
  font-weight: 700;
}
.audit-log-table [data-col=exception] {
  flex-grow: 3;
}

.audit-log-details {
  padding: 20px;
}

.audit-log-definition-list {
  width: 100%;
}
.audit-log-definition-list + .audit-log-definition-list {
  margin-top: 20px;
}
.audit-log-definition-list__item {
  display: flex;
}
.audit-log-definition-list__item + .audit-log-definition-list__item {
  margin-top: 5px;
}
.audit-log-definition-list__label {
  font-weight: 700;
  margin-right: 10px;
}
.audit-log-definition-list__label::after {
  content: ":";
}
.audit-log-definition-list__item {
  flex-wrap: wrap;
}
:root .audit-log-definition-list__extra {
  text-decoration: underline;
  color: #812455;
}
:root .audit-log-definition-list__extra:hover {
  color: #e61c83;
}
:root .audit-log-definition-list__extra .icon {
  height: 20px;
  width: 20px;
}
:root .audit-log-definition-list__extra .icon.is-active {
  transform: rotate(90deg);
}
.audit-log-definition-list__label {
  min-width: 80px;
}
.audit-log-definition-list__value {
  flex-grow: 1;
}
.audit-log-definition-list__value .toggle {
  width: 100%;
}
:root .audit-log-definition-list__textarea {
  height: 200px;
  padding: 10px;
  width: 100%;
  white-space: pre;
  font-size: 12.6px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.audit-log-definition-list .toggle {
  width: 100%;
  overflow: hidden;
}
.audit-log-definition-list .toggle .exception-error .audit-log-definition-list__textarea {
  white-space: pre-wrap;
}

.note-entry {
  padding: 0 20px;
  flex-wrap: wrap;
}
.note-entry__title {
  font-size: 25.6px;
  font-weight: 700;
  margin-bottom: 20px;
  width: 100%;
}
.note-entry .form {
  max-width: 600px;
}

.note {
  position: relative;
  padding: 0;
  margin-bottom: 20px;
}
.note__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.note__highlight {
  color: #812455;
}
.note__detail {
  display: inline-block;
  width: 150px;
  margin-right: 20px;
}
.note__message {
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #7d8289;
  border-radius: 4px;
  color: #272e3b;
  display: inline-block;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.3751;
  vertical-align: top;
  transition-property: background-color, border-color, color, opacity, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  font-size: 15px;
  height: 32px;
  padding: 5px 12px 4px;
  height: auto;
  padding: 15px;
  width: calc(100% - 170px);
  margin-top: 6px;
}
.note__message:focus {
  border-color: #038f9a;
  box-shadow: #038f9a 0 0 5px;
  outline: 0 none;
}
.note__message:invalid {
  outline: 0 none;
}
.note__edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 29px;
  width: 29px;
  color: #038f9a;
  top: 0;
  right: 0;
}
.note__edit-button .icon {
  height: 21px;
  width: 21px;
  display: block;
  margin: 4px;
}

.custom-modal {
  padding: 0;
  border: none !important;
}
.custom-modal__title {
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 2.25015;
}
.custom-modal__buttonset {
  float: left !important;
  width: 100%;
}
.custom-modal__buttonset .ui-button:last-child {
  float: right !important;
}
.custom-modal__close {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.custom-modal__content .form__row:last-of-type {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.custom-modal__content .form__field-wrapper {
  width: 100%;
}
.custom-modal__content, .custom-modal__titlebar, .custom-modal__buttons {
  background: #e9eaeb;
  border: none;
  margin-top: 0 !important;
  padding: 12px 20px !important;
}
.custom-modal__content .ui-button, .custom-modal__titlebar .ui-button, .custom-modal__buttons .ui-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 6px;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  font-family: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  outline: 0 none !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  vertical-align: top;
  transition-property: background-color, border-color, color, opacity, transform, box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  font-size: 16px;
  height: 42px;
  line-height: 40px;
  padding: 2px 26px 0;
  background: #e61c83;
  color: #fff;
}
.custom-modal__content .ui-button:focus, .custom-modal__titlebar .ui-button:focus, .custom-modal__buttons .ui-button:focus {
  box-shadow: #038f9a 0 0 5px;
}
.custom-modal__content .ui-button:disabled, .custom-modal__titlebar .ui-button:disabled, .custom-modal__buttons .ui-button:disabled {
  cursor: default;
  pointer-events: none;
}
.custom-modal__content .ui-button .icon, .custom-modal__titlebar .ui-button .icon, .custom-modal__buttons .ui-button .icon {
  height: 100%;
}
.custom-modal__content .ui-button:active, .custom-modal__content .ui-button:focus, .custom-modal__content .ui-button:hover, .custom-modal__titlebar .ui-button:active, .custom-modal__titlebar .ui-button:focus, .custom-modal__titlebar .ui-button:hover, .custom-modal__buttons .ui-button:active, .custom-modal__buttons .ui-button:focus, .custom-modal__buttons .ui-button:hover {
  background: #ff3ba2;
  color: #fff !important;
}
.custom-modal__content .ui-button.update, .custom-modal__titlebar .ui-button.update, .custom-modal__buttons .ui-button.update {
  background: #038f9a;
  color: #fff;
}
.custom-modal__content .ui-button.update:active, .custom-modal__content .ui-button.update:focus, .custom-modal__content .ui-button.update:hover, .custom-modal__titlebar .ui-button.update:active, .custom-modal__titlebar .ui-button.update:focus, .custom-modal__titlebar .ui-button.update:hover, .custom-modal__buttons .ui-button.update:active, .custom-modal__buttons .ui-button.update:focus, .custom-modal__buttons .ui-button.update:hover {
  background: #22aeb9;
  color: #fff !important;
}
.custom-modal__content .ui-button.cancel, .custom-modal__titlebar .ui-button.cancel, .custom-modal__buttons .ui-button.cancel {
  background: #272e3b;
  color: #fff;
}
.custom-modal__content .ui-button.cancel:active, .custom-modal__content .ui-button.cancel:focus, .custom-modal__content .ui-button.cancel:hover, .custom-modal__titlebar .ui-button.cancel:active, .custom-modal__titlebar .ui-button.cancel:focus, .custom-modal__titlebar .ui-button.cancel:hover, .custom-modal__buttons .ui-button.cancel:active, .custom-modal__buttons .ui-button.cancel:focus, .custom-modal__buttons .ui-button.cancel:hover {
  background: #464d5a;
  color: #fff !important;
}
.custom-modal__overlay {
  background-color: #272e3b;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  perspective: 1000px;
  z-index: 9999;
}
.modal__overlay {
  height: 100%;
  width: 100%;
  background: rgba(39, 46, 59, 0.85);
  opacity: 1;
}
.modal__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px;
}
.modal__loading, .modal__loading::before, .modal__loading::after {
  height: 12px;
  width: 12px;
  background: #fff;
  border-radius: 50%;
}
.modal__loading::before {
  position: absolute;
  top: 0;
  left: -18px;
  content: "";
}
.modal__loading::after {
  position: absolute;
  top: 0;
  right: -18px;
  content: "";
}
.modal__dialog {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: none;
  z-index: 5;
}
.modal__body {
  align-items: stretch;
  background: #fff;
  display: flex;
  justify-content: center;
  max-height: 90vh;
  max-width: 90vw;
  pointer-events: auto;
  position: relative;
}
.modal__document {
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 32px;
  width: 32px;
  background: transparent;
  border: 0 none;
  color: #231F20;
  cursor: pointer;
  outline: 0 none !important;
  padding: 0;
  transition: color 0.1s ease-out;
  z-index: 900;
}
.modal__close:focus, .modal__close:hover {
  color: #c1392d;
}
.modal__close .icon {
  height: 24px;
  width: 24px;
  margin: 4px;
}
.modal.is-hidden, .modal.is-hidden .modal__overlay, .modal__loading.is-hidden, .modal__dialog.is-hidden {
  display: none;
}
.modal__overlay, .modal__dialog {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
}
.modal.is-entering .modal__overlay, .modal.is-leaving .modal__overlay {
  opacity: 0;
}
.modal__dialog.is-entering {
  opacity: 0;
  transform: translate3d(0, 0, 60px);
}
.modal__dialog.is-leaving {
  opacity: 0;
  transform: translate3d(0, 0, -60px);
  z-index: 4;
}

html.modal-active,
html.modal-active body {
  overflow: hidden;
}

.quick-status {
  height: 24px;
  width: 24px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.quick-status .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition-property: opacity, transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
:root .quick-status__loading {
  color: #525862;
}
:root .quick-status__default {
  color: #812455;
}
:root .quick-status__success {
  color: #5d9a0d;
}
:root .quick-status__error {
  color: #c1392d;
}
.quick-status .icon:not(.quick-status__default), :root .status-loading .quick-status__default, :root .status-success .quick-status__default, :root .status-error .quick-status__default {
  opacity: 0;
  transform: scale(0.4);
}
:root .status-loading .quick-status__loading, :root .status-success .quick-status__success, :root .status-error .quick-status__error {
  opacity: 1;
  transform: scale(1);
}

.upload {
  display: inline-block;
  font-size: 15px;
  position: relative;
  vertical-align: top;
  width: 20em;
}
:root .upload.form-input {
  display: inline-block;
}

.upload-drop-zone {
  display: block;
  position: relative;
}
.upload-drop-zone input[type=file] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.upload-drop-zone__widget {
  background: #fef4f9;
  border: 2px dashed #c091aa;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  font-weight: 700;
  overflow: hidden;
  text-align: center;
  transition-property: background-color, border-color, opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.upload-drop-zone__widget em, .upload-drop-zone__widget strong {
  color: #038f9a;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-transform: uppercase;
}
input[type=file]:active ~ .upload-drop-zone__widget, input[type=file]:focus ~ .upload-drop-zone__widget, .upload-drop-zone:hover .upload-drop-zone__widget {
  background-color: #d9f0f0;
  border-color: #e61c83;
  opacity: 1;
}

.upload-drop-zone--single {
  transition-property: height, opacity;
  transition-duration: 0.2s;
}
.upload.has-files .upload-drop-zone--single {
  opacity: 0;
  pointer-events: none;
}
.upload-drop-zone--single .upload-drop-zone__widget {
  line-height: 28px;
  height: 32px;
}

.upload-drop-zone--multiple .upload-drop-zone__widget {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  white-space: pre-line;
}

.upload--multiple .upload-file-list {
  padding-top: 3px;
}

.upload-file {
  height: 32px;
  overflow: hidden;
  transition-property: height, opacity;
  transition-duration: 0.2s;
}
.upload-file__body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #812455;
  cursor: default;
  font-weight: 700;
  line-height: 30px;
  padding: 2px 29px 0 29px;
  position: relative;
}
.upload-file__progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 29px;
  border-bottom: 1px solid #e61c83;
  opacity: 0;
  transform: scaleX(0.00001);
  transform-origin: 0 0;
  transition-property: opacity, transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
.upload-file.status-loading .upload-file__progress {
  opacity: 1;
}
.upload-file .quick-status {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 24px;
}
.upload-file__remove {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  width: 24px;
  background: transparent;
  border: 0 none;
  color: #525862;
  cursor: pointer;
  outline: 0 none !important;
  padding: 0;
  transition: color 0.1s ease-out;
}
.upload-file__remove .icon {
  height: 32px;
  width: 18px;
}
.upload-file__remove:active, .upload-file__remove:focus, .upload-file__remove:hover {
  color: #c1392d;
}
.upload--single .upload-file {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.upload--single .upload-file.will-appear {
  opacity: 0;
}
.upload--single .upload-file.will-remove {
  opacity: 0;
  pointer-events: none;
}
.upload--multiple .upload-file {
  height: 34px;
}
.upload--multiple .upload-file__body {
  margin-top: 2px;
}
.upload--multiple .upload-file.will-appear, .upload--multiple .upload-file.will-remove {
  height: 0;
  opacity: 0;
}

.zendesk-ticket {
  color: #272e3b !important;
  display: flex;
  flex-wrap: wrap;
}
.zendesk-ticket__status, .zendesk-ticket__id, .zendesk-ticket__date {
  line-height: 21px;
}
.zendesk-ticket__status {
  background: #828282;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  min-width: 60px;
  padding: 0 0.8em;
  text-align: center;
}
.zendesk-ticket__status[data-status=new] {
  background: #f5ca00;
}
.zendesk-ticket__status[data-status=open] {
  background: #e82a2a;
}
.zendesk-ticket__status[data-status=pending] {
  background: #59bbe0;
}
.zendesk-ticket__status[data-status=hold] {
  background: #000000;
}
.zendesk-ticket__id {
  color: #525862;
  margin-left: 10px;
}
.zendesk-ticket__date {
  color: #525862;
  margin-left: auto;
}
.zendesk-ticket__subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  margin-top: 10px;
  width: 100%;
}

a.zendesk-ticket {
  background: #fff;
  text-decoration: none !important;
}
a.zendesk-ticket:active, a.zendesk-ticket:hover, a.zendesk-ticket:focus {
  background: #d9f0f0;
}

.zendesk-ticket-list .zendesk-ticket {
  padding: 20px 40px;
}
.zendesk-ticket-list .zendesk-ticket + .zendesk-ticket {
  border-top: 1px solid #bec0c4;
}

.zendesk-widget {
  height: 28px;
  width: 28px;
  display: block;
}
.zendesk-widget .icon {
  height: 100%;
  width: 100%;
  display: block;
}