.NoticeList {
  background-color: rgba(255,0,0,0.05);
  border: 1px dashed #f00;
  padding: 0.5em;
  max-width: 600px;
  margin-bottom: 0.5em;
  position: relative;
}
.NoticeList__title {
  margin-top: 0;
}
.NoticeList__item {
  padding: 0;
}
.NoticeList__close {
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  color: #f00;
  cursor: pointer;
  padding: 0 0.5em;
}

.Notifications {
  position: absolute;
  top: 0;
  width: 100%;
/* min-height: 80px */
  background-color: #fff;
  padding: 2px;
  z-index: 999999;
}
.Notifications .NoticeList {
  max-width: 100%;
  width: 100%;
  min-height: 80px;
  margin: 0;
}


@keyframes rz-fadeOut-onHide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* An IconBtn is normally just an icon that can be clicked.*/

.rz-icon {
    display: inline-block;
    font-size: 16px;
    /* inherit color, by default*/
}
.rz-icon:before {
    height: 1.5em;
    display: block;
    line-height: 1.9em;
    width: 1.5em;
    text-align: center;
    margin: auto;
}
.rz-icon:not(.disabled) {
    cursor: pointer;
}

.rz-icon.hidden,
.rz-icon.hidden:hover {
    animation: rz-fadeOut-onHide 1s;
    opacity: 0;
}

.rz-icon.-large {
    font-size: 24px;
}

.rz-icon.-btn {
    border: 1px solid transparent;
    border-radius: 50%;
    transition: border-color 0.7s ease;
    margin: 0 4px;
    padding: .2em
    /* max-width: 1em; */
    /* height: 1em; */
}
.rz-icon.-btn:hover {
    border: 1px solid #333333;
}
.rz-icon.-btn:focus {
    border: 1px dashed blue;
}
.rz-icon.-btn.add {
    color: green;   /* $color-good */
}


.rz-icon.-input {
        min-width: 29px;
        height: 29px;
        border-radius: 1px;
        color:  #507A9B; /*$widget-glyph-fg*/
        display: flex;
        justify-content: center;
        margin: 0
}
.rz-icon.-input:hover {
    background-color: #ebf6fa;
    border-color: transparent;
}


.rz-icon.-in-field {
    color: #808080;  /* $icon-fg */
    align-self: flex-end;
    margin-left: 0.25rem;
    font-size: 1.125em;
    border-radius: 50%;
    justify-self: center;
    padding: 2px;
}
.rz-icon.-in-field:hover {
    background-color: #f9fcfd;
}


/* specific icon overrides... */

.rz-icon.icon-baby,
.rz-icon.icon-senior {
    font-weight: 700;
}

/*  The Gap class lets us do neat things to a horizontal rule (hr) */
hr.Gap {
  border: none;
  padding: 0;
}
hr.Gap.shadowed {
  height: 1em;
  box-shadow: 0 1em 1em -1em #8c8b8b inset;
}
hr.Gap.tight {
  margin: 0;
}
hr.Gap.javelin {
  margin: 1em auto;
  height: 1px;
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.RzBox {
  overflow: visible;
}
.RzBox.scroll {
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
  padding-right: 17px; /*  to avoid appearing under scrollbar */
}
.RzBox.pan {
  overflow: hidden;
  width: 100%;
  overflow-x: auto;
  padding-bottom: 14px;
}

/*  React-CSS-Transition styles */
.cross-fade-leave {
  opacity: 1;
}
.cross-fade-leave.cross-fade-leave-active {
  opacity: 0;
  transition: opacity 1s ease-in;
}
.cross-fade-enter {
  opacity: 0;
}
.cross-fade-enter.cross-fade-enter-active {
  opacity: 1;
  transition: opacity 1s ease-in;
}
.cross-fade-height {
  transition: height 0.5s ease-in-out;
}
.fade-wait-leave {
  opacity: 1;
}
.fade-wait-leave.fade-wait-leave-active {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}
.fade-wait-enter {
  opacity: 0;
}
.fade-wait-enter.fade-wait-enter-active {
  opacity: 1;
/* Delay the enter animation until the leave completes */
  transition: opacity 0.2s ease-in 0.13s;
}
.fade-wait-height {
  transition: height 0.3s ease-in-out;
}

.Card {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgba(0,0,0,0.078);
/*  when the card is being used at top level of app */
/*  when the card is being used as an editor (sometimes occurs within lists) */
}
.Card header {
  background-color: #0071e6;
  color: #fcf1e5 /*  a light tint of #e67500 which is complementary to #0071e6 (rz-bg-head1) */;
  padding: 0.75rem 0.5rem;
}
.Card header h3 {
  margin: 0;
  text-align: center;
  text-transform: none;
}
.Card.-app-level {
  max-width: 30em;
  margin: 1em auto;
}
.Card.-editor {
  padding: 0;
  margin: 16px 0;
}
.Card.-editor header {
  padding: 0.5rem;
  background-color: #fafafa;
  color: #507a9b;
}
.Card__subject {
  padding: 0.5rem;
}
.Card__actions {
  display: flex;
  margin-top: auto;
}
.Card__action {
  flex: 1;
  padding: 0.5rem 0;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  color: #fff;
  border: 3px solid transparent;
}
.Card__action.-disabled {
  opacity: 0.15;
  cursor: default;
}
.Card__action:hover:not(.-disabled) {
  font-weight: bold;
  border: 3px solid #fff;
}
.Card__action:nth-last-child(3):first-child,
.Card__action:nth-last-child(3):first-child ~ .Card__action {
  width: 33.3333%;
}
.Card__action:nth-last-child(2):first-child,
.Card__action:nth-last-child(2):first-child ~ .Card__action {
  width: 50%;
}
.Card__action:nth-child(1) {
  background-color: rgba(0,128,0,0.55);
}
.Card__action:nth-child(2) {
  background-color: rgba(253,161,3,0.55);
}
.Card__action:nth-child(3) {
  background-color: rgba(230,1,1,0.55);
}

.MiniCard {
  text-align: center;
  background: #fafad2;
  padding: 0.5em 0.1em;
  width: -moz-fit-content;
  width: fit-content;
}
.MiniCard .MiniCard__title {
  width: 100%;
  line-height: 1.25em;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
}
.MiniCard .MiniCard__content {
  height: 1.75em;
  line-height: 1.75em;
  width: 100%;
  text-align: center;
}
.MiniCard.mono {
  background: #d3d3d3 /*  html LightGray */;
  color: #000;
}
.MiniCard.mono .MiniCard__title {
  background: #303030;
  color: #fff;
}
.MiniCard.clean {
  background: transparent;
  color: #000;
  border: 1px solid #d3d3d3;
}
.MiniCard.clean .MiniCard__title {
  background: transparent;
  color: #000;
}
.MiniCard.boxed {
  padding: 0;
  background: transparent;
  color: #000;
  border: 1px solid #d3d3d3;
}
.MiniCard.boxed .MiniCard__title {
  padding: 0.25em 0;
  background: #d3d3d3 /*  html LightGray */;
  color: #000;
}
.MiniCard.widget {
  padding: 0;
  background: #e8e8e8;
}
.MiniCard.widget .MiniCard__title {
  background: #0071e6;
  color: #fff;
}

.SidebarCard {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
/*  If placed in a Sidebar, give list panels a little space above */
/*  simple styling for child TextButton, which is a */
/*  good choice for a "submit" button, or similar */
}
.SidebarCard__header {
  flex: 0;
  padding: 0.5em;
  background-color: #0071e6;
  color: #fcf1e5 /*  a light tint of #e67500 which is complementary to #0071e6 (rz-bg-head1) */;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.SidebarCard__header h2 {
  margin: 0;
  font-weight: bold;
}
.SidebarCard__header .icon.rz-icon {
  font-size: 1.3em;
}
.SidebarCard__params {
  flex: 0;
  padding: 0 0 0.75em;
  border-bottom: 8px solid #0071e6;
}
.SidebarCard__params >.-fields {
  padding: 0.5em 1em;
}
.SidebarCard > .LsPanel {
  margin-top: 0.5em;
}
.SidebarCard > .LsPanel > .TableCo {
  margin-left: 0.25rem;
}
.SidebarCard >.-content,
.SidebarCard >.Listing {
  min-height: 100px;
  flex: 1;
  overflow-y: auto;
}
.SidebarCard >.-content .Listing__item.selected,
.SidebarCard >.Listing .Listing__item.selected {
  background-color: rgba(0,113,239,0.14) /*  lightened header-bg */;
}
.SidebarCard >.ActionBar {
  justify-content: flex-end;
  border-bottom: 2px solid #0071e6;
  padding: 0.25rem 0.5rem;
}
.SidebarCard > button.TextButton {
  flex: 0;
  margin-top: 0.5em;
  width: 12em;
}

/* Buttons
 *
 * Use:   .button for all buttons
 *        .primary as an ADDED class for primary
 *
 * Note: inputs that act as buttons are styled
 *       here, but please use the .button class.
 *
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button {
  border-radius: 3px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}
/* button:hover { */
/*   transform: translateY(-3px); */
/*   box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2); */
/* } */
.rz-button,
button[class*="rz-button"] {
  background-color: transparent;
  color: #808080 /*  html Gray */ /*  html Gray */;
  border: 1px solid #e8e8e8 /*  std border */;
  text-align: center;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  height: 3em;
  line-height: 3em;
  padding: 0 1.5em;
  margin: 0 0.4em;
  display: inline-flex;
  align-items: center;
/* Must explicitly state hidden property or will be over-ridden by this css */
}
.rz-button:not(.disabled),
button[class*="rz-button"]:not(.disabled) {
  cursor: pointer;
}
.rz-button.tiny,
button[class*="rz-button"].tiny {
  font-size: 0.65em;
  font-weight: 400;
  height: 2.5em;
  line-height: inherit;
}
.rz-button[hidden],
button[class*="rz-button"][hidden] {
  display: none;
}
.rz-button:hover,
button[class*="rz-button"]:hover {
  background-color: transparent;
  color: #484848;
  border-color: #808080 /*  html Gray */ /*  html Gray */;
  outline: 0;
}
.rz-button:focus,
button[class*="rz-button"]:focus {
  background-color: transparent;
  color: #484848;
  border-color: #79afd7;
  outline: 0;
}
.rz-button.primary {
  background-color: #79afd7;
  color: #fff;
  border-color: #79afd7;
}
.rz-button.primary:hover,
.rz-button.primary:focus {
  background-color: #5298cb;
  color: #e5b200;
  border-color: #5298cb;
}
/*  Inverse Buttons; generally light on dark background */
/*  */
.rz-button.inverse {
  background-color: transparent;
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  border-color: transparent;
}
.rz-button.inverse:hover,
.rz-button.inverse:focus {
  background-color: transparent;
  color: #e8e8e8;
  border-color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
.rz-button-form {
  margin-top: 2em;
/*  give space for form buttons. */
}
.rz-button-done span.icon,
.rz-button-add span.icon,
.rz-button-save span.icon {
  color: #008000;
}
.rz-button-cancel span.icon {
  color: #ffa500;
}
.rz-button-delete span.icon {
  color: #f00;
}
.rz-button[disabled],
button[class*="rz-button"][disabled] {
  border: 1px solid #f5f5f5 /*  html WhiteSmoke */ !important;
  color: #d3d3d3 /*  html LightGray */ /*  html LightGray */ !important;
  cursor: default;
  box-shadow: none;
}
.rz-button[disabled]:hover,
button[class*="rz-button"][disabled]:hover {
  box-shadow: none;
  transform: translateY(0);
}
.rz-button[disabled] span.icon,
button[class*="rz-button"][disabled] span.icon {
  color: #d3d3d3 /*  html LightGray */ /*  html LightGray */ !important;
}
button[class*="rz-button"] span.icon {
  padding-right: 1em; /*  increase padding in a button */
}
button[class*="rz-button"] span.icon.icon-right {
  padding-left: 1em;
  padding-right: inherit;
}
button[class*="rz-button"].icon-only span.icon {
  padding: 0; /* unless inside an icon button */
}
button[class*="rz-button"].icon-only {
  padding: 4px;
}

/*  uses default button hover... we will probably want to override that */
.TextButton {
  background-color: #6da7d1;
  color: #fff;
  text-align: center;
  font-size: 22px;
  height: 50px;
  padding: 8px 8px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  line-height: 1em;
  align-self: center;
  transition: color 0.3s ease-out;
  width: 100%;
}
.TextButton:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,0.45);
  transition: all 0.3s ease;
  opacity: 0;
}
.TextButton:hover {
  box-shadow: none;
  transform: none;
  color: #00008b;
}
.TextButton:hover:before {
  opacity: 1;
}
.TextButton:focus {
  outline: none /*  remove browser focus outline */;
}
.TextButton:disabled,
.TextButton.-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
.TextButton.-small {
  font-size: 18px;
  height: 35px;
}
.TextButton.std,
.TextButton.std1 {
  background-color: #6da7d1;
}
.TextButton.std2 {
  background-color: #6f6dd1;
}
.TextButton.search,
.TextButton.good {
  background-color: #008000;
  color: #ff0;
}
.TextButton.save,
.TextButton.update,
.TextButton.ok {
  background-color: #008000;
  color: #fff;
}
.TextButton.caution,
.TextButton.cancel {
  background-color: #f3cf8c;
}
.TextButton.danger,
.TextButton.trash {
  background-color: #ff9393;
}
.TextButton.reduced {
  height: 36px;
  font-size: 14px;
  padding: 4px 4px;
}
.TextButton.selected {
  font-weight: 700;
  color: #ff0;
}

.ButtonBar.vertical {
  flex: 0;
  display: flex;
  flex-direction: column;
}
.ButtonBar.vertical .TextButton {
  width: 7em;
  flex: 0;
  margin-bottom: 0.25em;
}

/*  Button.styl  : style sheet for Button.js component */
/*  Variables used, with defaults... */
.RzButton {
  position: relative;
  text-align: center;
  align-self: center;
  font-size: 18px;
  height: 2em;
  line-height: 1em;
  background-color: transparent;
  color: #484848;
  box-shadow: none;
  padding: 1px /*  used up in border on hover */;
  border: 1px solid #484848;
  border-radius: 0.25em;
  transition: color 0.3s ease-out;
}
.RzButton:hover {
  padding: 0;
  border-width: 2px;
  color: #000;
}
.RzButton:focus {
  color: #000080;
  outline: none /*  remove browser focus outline */;
}
.RzButton:focus:before {
  content: '[';
  position: absolute;
  top: calc(0.5em - 2px) /*  2px offsets border */;
  left: 1em;
  transition: all 0.3s ease;
}
.RzButton:focus:after {
  content: ']';
  position: absolute;
  top: calc(0.5em - 2px) /*  2px offsets border */;
  right: 1em;
  transition: all 0.3s ease;
}
.RzButton:disabled,
.RzButton.-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
  color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
.RzButton.-small {
  font-size: 16px;
}
.RzButton.selected {
  font-weight: 700;
  border: 2px dashed #484848;
  color: #000;
}

.TriggerButton {
  margin-top: 0.25em;
  padding: 4px 0.5em 6px;
  background-color: transparent;
  color: #808080 /*  html Gray */ /*  html Gray */;
  border: 1px solid #bebebe /*  X11 Gray */ /*   X11 Gray */;
  border-radius: 4px;
  font-size: 1rem;
  height: 1.75rem;
}
.TriggerButton:hover {
  border-color: #000;
}

.Hint {
  position: absolute;
  z-index: 89;
  animation: 0.5s fadeIn;
  padding: 6px;
  overflow: visible;
}
.Hint__content {
  padding: 0.5rem;
  background-color: #000;
  color: #fff;
  border-radius: 4px;
/* box-shadow: 0px 1px 8px #3333334d */
  box-shadow: 0 12px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.4);
}
.Hint:after,
.Hint:before {
  content: '';
  width: 0;
  height: 0;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid transparent;
}
.Hint.-top:after {
  top: auto;
  border-bottom: none;
  border-top-color: #000;
}
.Hint.-bottom:after {
  bottom: auto;
  border-top: none;
  border-bottom-color: #000;
}
.Hint.-left:after {
  left: auto;
  border-right: none;
  border-left-color: #000;
}
.Hint.right:after {
  right: auto;
  border-left: none;
  border-right-color: #000;
}
.Hint.-mode-neutral .Hint__content,
.Hint.-mode-menu .Hint__content {
  padding: 0;
  background-color: #fff;
  color: inherit;
/* border: 1px solid $gray-6 */
}
.Hint.-mode-neutral.-top:after,
.Hint.-mode-menu.-top:after {
  border-top-color: #fff;
}
.Hint.-mode-neutral.-bottom:after,
.Hint.-mode-menu.-bottom:after {
  border-bottom-color: #fff;
}
.Hint.-mode-neutral.-left:after,
.Hint.-mode-menu.-left:after {
  border-left-color: #fff;
}
.Hint.-mode-neutral.right:after,
.Hint.-mode-menu.right:after {
  border-right-color: #fff;
}
.Hint.-mode-menu .Hint__content {
  padding: 0;
  overflow: hidden;
}
.Hint.-mode-menu .Hint__content >ul >li {
  min-width: 150px;
  cursor: pointer;
  border-bottom: 1px solid #e8e8e8;
  padding: 0.25rem 0.5rem;
}
.Hint.-mode-menu .Hint__content >ul >li:hover {
  background-color: #f1f6f9;
}
.Hint.-mode-menu .Hint__content >ul >li:last-child {
  border: none;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*  import base variable settings, it includes */
/*  the rz-css/_settings file that defines vars used here */
/*  Navigation "Buttons" */
/*  */
.LinkButton {
  margin: 0.1em 0.1em;
  padding: 0.35em 0.35em;
  background-color: transparent;
  color: #484848;
  border: 1px solid transparent;
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.LinkButton:hover {
  background-color: transparent;
  color: #000;
  border-color: #414345;
}
.LinkButton:visited {
  background-color: transparent;
  color: #484848;
}
.LinkButton.nav-active {
  background-color: transparent;
  color: #484848;
  border-color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
.LinkButton.disabled,
.LinkButton.disabled:hover {
  pointer-events: none;
  background-color: #fafafa;
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  border-color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  cursor: not-allowed /*  should be applied to any disabled elem */;
}

/*  by default, buttons have dynamic width, use w1-4 for static widths */
.TextRadioGroup {
  margin: 8px 0;
}
.TextRadioGroup.inline {
  margin: 4px 16px 4px;
}
.TextRadioGroup__button {
  display: inline-block;
  padding: 4px 12px;
  text-align: center;
  background-color: #aaa;
  border: 3px solid #aaa;
  color: #333;
  cursor: pointer;
  transition: border-color 800ms, background-color 800ms;
}
.TextRadioGroup.inline .TextRadioGroup__button {
  padding: 0 12px;
}
.TextRadioGroup__button:not(.selected):hover {
  color: #0f0;
}
.TextRadioGroup__button.selected {
  background-color: #4fdd72;
  border: 3px solid #333;
  cursor: default;
}
.TextRadioGroup__button.w1 {
  width: 60px;
}
.TextRadioGroup__button.w2 {
  width: 120px;
}
.TextRadioGroup__button.w3 {
  width: 200px;
}
.TextRadioGroup__button.w4 {
  width: 300px;
}

.nav-link.BigLink {
  margin: 1.5em;
  border: 1px solid #808080 /*  html Gray */ /*  html Gray */;
  height: 8em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nav-link.BigLink span.-title {
  font-size: 1.5em;
  white-space: pre-line;
}
.nav-link.BigLink span.-subtitle {
  font-size: 0.9em;
}

.Linked a {
  vertical-align: text-bottom /*  weird that this aligns to the middle, but whatever */;
}

/*  import base variable settings, it includes */
/*  the rz-css/_settings file that defines vars used here */
/*  Navigation "Buttons"; menu items. */
/*  */
.nav-link {
  margin: 0.1em 0.1em;
  padding: 0.35em 0.35em;
  background-color: transparent;
  color: #484848;
  border: 1px solid transparent;
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.nav-link:hover {
  background-color: transparent;
  color: #000;
  border-color: #414345;
}
.nav-link:focus {
  background-color: transparent;
  color: #000;
  border-color: #79afd7;
}
.nav-link:visited {
  background-color: transparent;
  color: #484848;
}
.nav-link.nav-active {
  background-color: transparent;
  color: #484848;
  border-color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
.nav-link .nav-link.disabled,
.nav-link a.nav-link[disabled],
.nav-link .nav-link.disabled:hover,
.nav-link a.nav-link[disabled]:hover {
  pointer-events: none;
  background-color: #fafafa;
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  border-color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  cursor: not-allowed /*  should be applied to any disabled elem */;
}

.ActionBar {
  text-align: right;
  display: flex;
  margin: auto 0;
/*  from MultiSelectTableCo 2.96.704 */
}
.ActionBar.clean {
  border: none;
}
.ActionBar.upper {
  border-top: 4px solid #e8e8e8;
}
.ActionBar.lower {
  border-bottom: 4px solid #e8e8e8;
}
.ActionBar > .icon {
  padding: 0 2px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.ActionBar > .icon:hover {
  border: 1px solid #808080;
}
.ActionBar > .icon.icon-angle-up {
  transition: transform 0.3s;
}
.is-collapsed .ActionBar > .icon.icon-angle-up {
  transform: rotate(-180deg);
}
.ActionBar > .TextButton {
  font-size: 1rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #d3d3d3;
  height: 2rem;
  width: 8em;
  margin-left: 3rem;
  margin-bottom: 0.25rem;
}
/*  when Actionbar is in an inverse colored container... */
.reversed .ActionBar > .icon:hover {
  border: 1px solid #fff;
}

.TitledBar {
  display: flex;
  padding: 2px 12px 3px 0;
}
.TitledBar__title {
  font-size: 1.15rem;
  flex: 1;
  align-self: flex-end;
  margin: auto 0;
}
.TitledBar__glyph {
  display: inline-block;
  width: 2em;
  vertical-align: middle;
  margin-right: 0.25em;
}
.TitledBar__bar {
  flex: 0;
  align-self: flex-end;
  padding-right: 0;
}
.TitledBar.reversed {
  background-color: #8ba2b3 /*  reverse header */;
  color: #fff;
  padding-left: 0.5rem;
}

.Dialog {
  z-index: 90;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.Dialog__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(20,20,20,0.2);
  z-index: 1;
  transition: opacity 300ms ease-out;
  overflow: hidden;
}
.Dialog__box {
  z-index: 91;
  margin: auto /*  centers */;
  background-color: #fff;
  box-shadow: 0 4px 26px 0 rgba(0,0,0,0.212);
  min-width: 25em;
  max-width: 90vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
}
.Dialog__title {
  background-color: #37414a;
  color: #fff;
  display: flex;
  height: 40px;
  align-items: center;
  padding-left: 1rem;
  flex: 0 0;
}
.Dialog__title-text {
  padding: 0 1rem;
}
.Dialog__content {
  padding: 1em;
  padding-bottom: 2em;
  flex: 1;
  min-height: 6em;
  display: flex;
  flex-direction: column;
}
.Dialog.bleed .Dialog__content {
  padding: 0;
}
.Dialog__buttons {
  display: flex;
  flex: 1 0;
}
.Dialog__buttons .copy {
  flex: 0 0 25%;
  width: 25%;
}
.Dialog__close {
  display: inline-block;
  margin-left: auto;
  height: 40px;
  width: 40px;
/* display: flex */
  background-color: #485561;
  cursor: pointer;
}
.Dialog__close:hover {
  background-color: #647584;
}
.Dialog__close:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  margin: auto;
}
.Dialog__footer {
  margin-top: auto;
}
.Dialog.-full-screen .Dialog__container {
  max-width: 90%;
  max-height: 90%;
  width: 90%;
  height: 90%;
}
.Dialog.-full-screen .Dialog__content {
  max-height: 100%;
  height: 90%;
  padding: 0;
}
.Dialog.-no-inset .Dialog__content {
  padding: 0;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scrollbar-container {
  position: relative;
  height: 100%; }
.ps__rail-y {
  left: auto !important;
  right: 0 !important;
  flex: 1;
  min-height: 10px;
}

.Modal {
  z-index: 90;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
/*  as a confirm dialog, don't let it get too wide. */
}
.Modal__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(20,20,20,0.2);
  z-index: 1;
  transition: opacity 300ms ease-out;
  overflow: hidden;
}
.Modal__container {
  z-index: 91;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 4px 26px 0px rgba(0,0,0,0.212);
  min-width: 300px;
  max-width: 1024px /* 90% */;
  max-height: 98%;
/* overflow: hidden */
  display: flex;
  flex-direction: column;
}
.Modal__title {
  font-size: 16px;
  background-color: #37414a;
  color: #fff;
  line-height: 18px;
  display: flex;
  height: 40px;
  align-items: center;
  padding-left: 1rem;
  flex: 0 0;
}
.Modal__title-text {
  padding: 0 1rem;
}
.Modal__content {
  padding: 1rem;
  overflow: auto;
  flex: 1;
/* max-height 90% */
}
.Modal__buttons {
  display: flex;
  flex: 1 0;
}
.Modal__close {
  display: inline-block;
  margin-left: auto;
  height: 40px;
  width: 40px;
/* display: flex */
  background-color: #485561;
  cursor: pointer;
}
.Modal__close:hover {
  background-color: #647584;
}
.Modal__close:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  margin: auto;
}
.Modal__footer {
  margin-top: auto;
}
.Modal.-full-screen .Modal__container {
  max-width: 90%;
  max-height: 90%;
  width: 90%;
  height: 90%;
}
.Modal.-full-screen .Modal__content {
  max-height: 100%;
  height: 90%;
  padding: 0;
}
.Modal.-no-inset .Modal__content {
  padding: 0;
}
.Modal.ConfirmDlg > .Modal__container {
  max-width: 30em;
}

.Confirm .Modal__content {
  padding: 1.25em 2em;
}
.Confirm p.intro {
  font-size: 0.8em;
  color: #7b5802;
  max-width: 35em;
  margin-bottom: 1em;
}

fieldset.-grouped {
  margin-top: 1em;
  padding: 0.25em 1em 0.5em;
  border: 1px solid #bebebe /*  X11 Gray */;
  border-radius: 8px;
}
fieldset > legend {
  font-size: smaller;
}

/*  N.B: Rows are NOT about vertical height, so in general don't restrict row height */
/*  custom row elem declared by this framework... */
rz-row {
  display: block;
}
rz-row >.right {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
/*  A row laid out inline (using flex layout) */
rz-row.-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
/*  A row laid out using flex layout */
rz-row.-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
/*  A row that wants items separated */
}
rz-row.-flex.spread {
  justify-content: space-between;
  width: 100%;
}
rz-row.-flex:not(.spread) > *:not(.icon) {
  flex: 1 /*  by default, anything (except icons) in a non-spread flex row expands as flex 1 */;
}
rz-row.-flex:not(.spread) > *:not(.icon).w0 {
  flex: 0;
}
rz-row.-flex:not(.spread) > *:not(.icon).w1 {
  flex: 1;
}
rz-row.-flex:not(.spread) > *:not(.icon).w2 {
  flex: 2;
}
rz-row.-flex:not(.spread) > *:not(.icon).w3 {
  flex: 3;
}
rz-row.-flex:not(.spread) > *:not(.icon).w4 {
  flex: 4;
}
rz-row.-flex > .-field,
rz-row.-flex > .cell,
rz-row.-flex > rz-cell,
rz-row.-flex > rz-field {
  flex: 1;
  margin-right: 1rem;
}
rz-row.-flex > .-field:last-child,
rz-row.-flex > .cell:last-child,
rz-row.-flex > rz-cell:last-child,
rz-row.-flex > rz-field:last-child {
  margin-right: 0;
}
rz-row.-flex > .-field.w0,
rz-row.-flex > .cell.w0,
rz-row.-flex > rz-cell.w0,
rz-row.-flex > rz-field.w0 {
  flex: 0;
}
rz-row.-flex > .-field.w1,
rz-row.-flex > .cell.w1,
rz-row.-flex > rz-cell.w1,
rz-row.-flex > rz-field.w1 {
  flex: 1;
}
rz-row.-flex > .-field.w2,
rz-row.-flex > .cell.w2,
rz-row.-flex > rz-cell.w2,
rz-row.-flex > rz-field.w2 {
  flex: 2;
}
rz-row.-flex > .-field.w3,
rz-row.-flex > .cell.w3,
rz-row.-flex > rz-cell.w3,
rz-row.-flex > rz-field.w3 {
  flex: 3;
}
rz-row.-flex > .-field.w4,
rz-row.-flex > .cell.w4,
rz-row.-flex > rz-cell.w4,
rz-row.-flex > rz-field.w4 {
  flex: 4;
}
rz-row.-flex > .-field,
rz-row.-flex > rz-field {
  align-self: flex-end;
}
/*  A row, likely as a list item, that wants separation from next block */
rz-row.separated {
  padding-bottom: 2px;
  border-bottom: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  margin-bottom: 4px;
}
/*  A row laid out using a simple grid layout */
rz-row.-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
}
span.icon.row-icon {
  color: #808080 /*  html Gray */ /*  html Gray */ /*  e.g. font awesome */;
  padding-bottom: 0.25em /*  lift from baseline to match field input text. */;
  width: 1.75em;
  align-self: flex-end;
}
span.icon.row-icon.top {
  align-self: flex-start;
}

.FieldRow {
  margin: 0;
  align-items: flex-end;
}
.FieldRow > rz-field {
  margin-top: 0;
  margin-bottom: 4px;
}

rz-row.-flex > .Grid {
/*  When a grid is in a row, it will try to take full height. */
/*  To counter that, push the grid up */
  margin-bottom: auto;
}
.Grid {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(12, 1fr);
/* padding 0 16px */
}
.Grid.cols1 {
  grid-template-columns: repeat(1, 1fr);
}
.Grid.cols2 {
  grid-template-columns: repeat(2, 1fr);
}
.Grid.cols3 {
  grid-template-columns: repeat(3, 1fr);
}
.Grid.cols4 {
  grid-template-columns: repeat(4, 1fr);
}
.Grid.cols5 {
  grid-template-columns: repeat(5, 1fr);
}
.Grid.cols6 {
  grid-template-columns: repeat(6, 1fr);
}
.Grid.cols7 {
  grid-template-columns: repeat(7, 1fr);
}
.Grid.cols8 {
  grid-template-columns: repeat(8, 1fr);
}
.Grid.cols9 {
  grid-template-columns: repeat(9, 1fr);
}
.Grid.cols10 {
  grid-template-columns: repeat(10, 1fr);
}
.Grid.cols11 {
  grid-template-columns: repeat(11, 1fr);
}
.Grid.cols12 {
  grid-template-columns: repeat(12, 1fr);
}
.Grid >.c1 {
  grid-column-start: 1;
}
.Grid >.c2 {
  grid-column-start: 2;
}
.Grid >.c3 {
  grid-column-start: 3;
}
.Grid >.c4 {
  grid-column-start: 4;
}
.Grid >.c5 {
  grid-column-start: 5;
}
.Grid >.c6 {
  grid-column-start: 6;
}
.Grid >.c7 {
  grid-column-start: 7;
}
.Grid >.c8 {
  grid-column-start: 8;
}
.Grid >.c9 {
  grid-column-start: 9;
}
.Grid >.c10 {
  grid-column-start: 10;
}
.Grid >.c11 {
  grid-column-start: 11;
}
.Grid >.c12 {
  grid-column-start: 12;
}
.Grid >.s2 {
  grid-column-end: span 2;
}
.Grid >.s3 {
  grid-column-end: span 3;
}
.Grid >.s4 {
  grid-column-end: span 4;
}
.Grid >.s5 {
  grid-column-end: span 5;
}
.Grid >.s6 {
  grid-column-end: span 6;
}
.Grid >.s7 {
  grid-column-end: span 7;
}
.Grid >.s8 {
  grid-column-end: span 8;
}
.Grid >.s9 {
  grid-column-end: span 9;
}
.Grid >.s10 {
  grid-column-end: span 10;
}
.Grid >.s11 {
  grid-column-end: span 11;
}
.Grid >.s12 {
  grid-column-end: span 12;
}
.Grid>rz-field {
  margin: auto 0 0;
}
.Grid.-listing-fields > rz-field {
  margin-top: 0;
}
.Grid.taller {
  grid-row-gap: 1rem;
}
.Grid.-fill {
  flex: 1;
  min-height: 1px;
  min-width: 1px;
}
.Grid.-separateRight {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 3px solid #d3d3d3;
}
rz-form .Grid {
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
}

.WestLabels.Grid.cols2 {
  grid-template-columns: 12ch auto;
}
.WestLabels>label {
  font-size: 0.85em;
  color: #808080 /*  html Gray */ /*  html Gray */;
  line-height: 2em /*  seems like a hack to get alignment right */;
}
.WestLabels>label.right {
  text-align: right;
}

/*  a "cell" custom html elem declared by this framework... */
rz-cell {
  display: block;
}
rz-cell.-boxed {
  border: 1px solid #d3d3d3;
  border-radius: 6px;
  padding: 0.5em 1em 0.25em 1.25em;
}
rz-row.-flex.spread > rz-cell {
  margin-right: 0;
}

.ItemGlyph {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #000;
}
.ItemGlyph__text {
  font-size: 1.5rem;
}

.Column {
  flex: 1;
  min-height: 1px;
  width: 100%;
  display: flex;
  flex-direction: column;
/*  in a column, a tabbed panel operates as a flex panel */
/*  This is not the best solution, since the same tabbed */
/*  component will work different in Column vs some other container. */
/*  */
}
.Column.w0 {
  flex: 0;
}
.Column.scrollable {
  overflow-y: auto;
}
.Column .Tabbed article.Tabbed__tab {
  display: flex;
  flex-direction: column;
}

.ModalMenu {
  position: relative;
/*  .drop-down styled in /ui/site.scss */
}

li>.sublist-title {
  font-style: italic;
  font-weight: 700;
}
ul.SubList {
  padding-left: 2em;
}
ul.SubList.across {
  display: flex;
}
ul.SubList.across li {
  font-size: 1.6em;
  padding: 0.5rem;
  margin: 1rem;
  list-style: none;
}

/*  simple temporary style */
/*  */
.EntityMeta {
  text-align: right;
}
/*  A UI panel or grouping, consisting of: header, content, footer */
/*  Panes can be sections of a container Pane's content */
/*  Minimal styling, since it applies to all panes */
.Pane {
  position: relative;
  overflow-y: visible;
  display: flex;
  flex-direction: column;
  padding: 0 /*  bleed */;
  margin: 0 /*  separation...  let containers do layout */;
  background-color: #fafafa /*  panes same as page, by default */;
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.08), 0 0 8px 0 rgba(0,0,0,0.12);
  border-radius: 2px;
  min-width: 256px;
/* max-width: $pane-desktop-max-w */
/*  the subject area bleeds by default */
/*  add padding/margin to children, not here */
/*  The header section of a pane. Contains: heading, settings, meta, other? */
/*  The pane's heading, often covers the entire header */
/*  Optional form panel, allowing a user to affect the behavior of the Pane's content */
/*  Optional form panel, allowing a user to affect the behavior of the Pane's content */
}
.Pane > header > p.instructions {
  margin: 1em 1em 0;
}
.Pane__subject {
  overflow-y: visible;
  z-index: 1 /*  if it overflows, it needs to be over the footer (or header) */;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 1em /*  a little space is (almost?) always needed */;
/*  fields not explicitly layed out in forms in panes need bottom margin */
}
.Pane__subject > rz-form > rz-field {
  margin-bottom: 1em;
}
.Pane__subject > p.instructions {
  padding: 0 1em;
}
.Pane__header {
  position: relative;
  margin-bottom: 0.5em;
  background-color: #e7e7e7;
}
.Pane__heading {
  padding: 1px 0 2px 16px;
  border-top: 5px solid transparent;
  border-bottom: 1px solid #e8e8e8;
  color: #507a9b;
  min-height: 35px;
}
.Pane__settings {
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  border-top: 2px solid #e8e8e8;
}
.Pane__meta {
  background-color: #e7e7e7;
  color: #507a9b;
  font-size: 0.675rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.Pane__meta dl {
  text-align: right;
}
.Pane__meta dl dt {
  display: inline;
  padding-right: 0.5rem;
  min-width: 100px;
}
.Pane__meta dl dt::after {
  content: " :";
}
.Pane__meta dl dd {
  display: inline;
}
.Pane__meta dl dd::after {
  content: '';
  display: block;
}
.Pane__title {
  align-self: center;
}
.Pane__footer {
  position: relative;
  margin: 0;
  padding: 0 0 0 1em /*  left only */;
  border-bottom: 0.25rem solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  background-color: #fafafa /*  panes same as page, by default */;
  color: #507a9b;
  border-top: 1px solid #e8e8e8;
  margin-top: auto;
}
.Pane__footer h6 {
  margin: 0;
  display: inline-block;
  align-self: center;
}
.Pane.-inset .Pane__subject {
  padding: 1rem;
}
.Pane.-inset .Pane__header {
  margin-bottom: 0;
}
.Pane:hover >footer {
  border-bottom: 4px solid #5298cb;
}
.Pane.dirty >.Pane__header .Pane__heading,
.Pane.dirty:hover >.Pane__header .Pane__heading {
  border-top: 5px solid #f00;
}
.Pane.dirty >footer,
.Pane.dirty:hover >footer {
  border-bottom: 4px solid #f00;
}

.Panel__title {
  font-size: 1.2rem;
  padding-left: 0.5rem;
  min-height: 2em;
  background-color: #e7e7e7;
  color: #507a9b;
  border-bottom: 1px solid #e8e8e8;
}
.Panel__title.reversed {
  font-size: 1.1rem;
  background-color: #8ba2b3 /*  reverse header */;
  color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.Panel.-white {
  background-color: #fff;
}
.Panel.-transparent {
  background-color: transparent;
}
.Panel.-transparent .Panel__title {
  background-color: transparent;
}
.Panel .Panel__content.inset {
  padding: 0 0.5rem;
}
.Panel.-inset .Panel__content {
  padding: 0 0.5rem;
}

.Stacked >rz-field > .Panel,
.Stacked >.Panel {
  margin-bottom: 1.5rem;
}
.Stacked >rz-field > .Panel.is-collapsed,
.Stacked >.Panel.is-collapsed {
  margin-bottom: 0.25rem;
}

.IconedBlock {
  display: flex;
}
.IconedBlock__icon {
  padding-right: 0.75rem;
  padding-top: 0.5rem;
}
.IconedBlock__icon .rz-icon {
  font-size: 26px;
}
.IconedBlock__content {
  flex: 1;
  padding-right: 0.5rem;
}

.SplitLayout {
  display: flex;
  flex: 1;
  position: absolute;
  outline: none;
  overflow: hidden;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.SplitLayout.vertical {
  flex-direction: row;
  left: 0;
  right: 0;
}
.SplitLayout.horizontal {
  flex-direction: column;
  height: 100%;
  bottom: 0;
  top: 0;
  width: 100%;
}
.SplitLayout .SPane {
  flex: 1;
  position: relative;
  outline: none;
  overflow: auto;
}
.SplitLayout .SPane.vertical {
  height: 100%;
}
.SplitLayout .Resizer {
  background: #00f;
  opacity: 0.2;
  z-index: 1;
  background-clip: padding-box;
}
.SplitLayout .Resizer:hover {
  transition: all 2s ease;
  color: #00f;
}
.SplitLayout .Resizer.horizontal {
  height: 11px;
  margin: -5px 0;
  border-top: 5px solid rgba(255,255,255,0);
  border-bottom: 5px solid rgba(255,255,255,0);
  cursor: row-resize;
  width: 100%;
}
.SplitLayout .Resizer.horizontal:hover {
  border-top: 3px solid rgba(0,0,0,0.5);
  border-bottom: 3px solid rgba(0,0,0,0.5);
}
.SplitLayout .Resizer.vertical {
  width: 11px;
  margin: 0 -5px;
  border-left: 5px solid rgba(255,255,255,0);
  border-right: 5px solid rgba(255,255,255,0);
  cursor: col-resize;
}
.SplitLayout .Resizer.vertical:hover {
  border-left: 3px solid rgba(0,0,0,0.5);
  border-right: 3px solid rgba(0,0,0,0.5);
}
.SplitLayout .Resizer.disabled {
  cursor: not-allowed;
}
.SplitLayout .Resizer.disabled:hover {
  border-color: transparent;
}
.SplitLayout.-bleedResizer .Resizer.horizontal {
  flex: 0;
  min-height: 3px;
  background-color: #9370db;
  cursor: row-resize;
  width: 100%;
  border-top: 2px transparent;
  border-bottom: 2px transparent;
  opacity: 0.25;
}
.SplitLayout.-bleedResizer .Resizer.horizontal:hover {
  opacity: 1;
  min-height: 7px;
  border: none;
}
.SplitLayout.-bleedResizer .Resizer.horizontal .LayoutSideMain__main {
  padding: 0;
}
.SplitLayout.-bleedResizer >.SPane.horizontal {
  padding: 0 0.75em;
}

.LayoutSideMain {
  height: calc(100vh - (0px + 114px));
  height: calc(100vh - (var(--breadcrumb-alert-height, 0px) + 114px));
}
.LayoutSideMain__main {
  height: 100%;
  margin: 0 auto;
  background-color: #fafafa;
}
.LayoutSideMain__main.full {
  max-width: 100%;
}
.LayoutSideMain__side {
  background-color: #fafafa /* white / page background */;
  box-shadow: 0 0 8px 0 rgba(72,72,72,0.15);
  height: 100%;
}
@media (max-width: 480px /*  galaxy is largest currently */) {
  .LayoutSideMain {
    flex-direction: column;
  }
  .LayoutSideMain>* {
    width: calc(100vw - 16px);
    min-width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    margin: 0 auto 2em;
  }
}

.Tabbed {
  flex: 1;
  padding-top: 0.5em;
  min-width: 1px;
  min-height: 1px;
  display: flex;
  flex-direction: column /*  for horizontal tabs, which is the default */;
}
.Tabbed > nav {
  flex: 0;
}
.Tabbed > article {
  flex: 1;
  min-height: 1px;
  min-width: 1px;
  display: block;
}
.Tabbed > article.-flex {
  display: flex;
  flex-direction: column;
}
.Tabbed.horizontal > nav,
.Tabbed.-horizontal > nav {
  margin-bottom: 1.5em;
  display: flex;
  align-items: center;
}
.Tabbed.-h > nav,
.Tabbed.-horizontal2 > nav {
  margin-bottom: 1.5em;
  display: flex;
}
.Tabbed.-h > nav ul.tabs,
.Tabbed.-horizontal2 > nav ul.tabs {
  width: 100%;
  border-bottom: 2px solid #ddd;
}
.Tabbed.-h > nav ul.tabs li,
.Tabbed.-horizontal2 > nav ul.tabs li {
  padding-bottom: 0.125em /*  add a little height */;
  margin-bottom: -2px;
  border: 2px solid transparent;
  border-bottom: 2px solid #ddd;
}
.Tabbed.-h > nav ul.tabs li.active,
.Tabbed.-horizontal2 > nav ul.tabs li.active {
  border: 2px solid #ddd;
  border-radius: 8px 8px 0 0;
  border-bottom: 2px solid transparent;
}
.Tabbed.vertical,
.Tabbed.-vertical {
  flex-direction: row;
  border: none;
}
.Tabbed.vertical > nav,
.Tabbed.-vertical > nav {
  max-width: 180px;
  margin-right: 2em;
  padding-top: 1em;
  flex: 0.5;
}
.Tabbed.vertical > nav ul.tabs,
.Tabbed.-vertical > nav ul.tabs {
  display: block;
}
.Tabbed.vertical > nav ul.tabs li,
.Tabbed.-vertical > nav ul.tabs li {
  display: block;
  padding: 4px 0.5rem 0 4px;
}
.Tabbed.vertical > article,
.Tabbed.-vertical > article {
  margin-top: 0;
  padding-bottom: 1em;
}
.Tabbed.vertical > article >.Tabbed,
.Tabbed.-vertical > article >.Tabbed {
  margin-top: 0;
}
.Tabbed ul.tabs li {
  display: inline-block;
  padding: 4px 1.5rem 0;
  transition: 0.75s;
  color: #484848 /*  normal text, headings, and non-field labels */;
  border-bottom: 3px solid #e5e5e5;
}
.Tabbed ul.tabs li:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.Tabbed ul.tabs li.active {
  border-bottom-color: #337ab7;
  background-color: #fff;
  color: #0071e6;
}
.Tabbed ul.tabs li[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.Tabbed ul.tabs li[disabled]:hover {
  background-color: inherit;
  cursor: default;
}
.Tabbed.-boxed {
  width: 100%;
  background-color: #fff;
}
.Tabbed.-boxed > article {
  background-color: #fff;
}
.Tabbed.-boxed > nav {
  background-color: #e7e7e7;
  padding-left: 6px;
}
.Tabbed.-boxed > nav ul.tabs li {
  font-size: 1.15rem;
  border-right: 1px solid #d6d9e1;
  padding: 2px 16px 4px 16px;
  margin-top: 4px;
  color: #848586;
}
.Tabbed.-boxed > nav ul.tabs li.active {
  background-color: #fff;
  border-color: transparent;
  color: #0071e6;
}
.Tabbed .tabs-actions {
  margin-left: auto;
}

.GroupHeading {
  color: #2f4f4f /*  todo: define this */;
  background: none;
  padding: 0;
}
.GroupHeading__icon {
  margin-right: 8px;
}
.GroupHeading__title {
  display: inline-block;
  margin-bottom: 0;
}

.Scrolling {
  flex: 1;
  min-height: 10px;
}

.Dashboard {
  max-width: 80em;
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
}
.Dashboard h1 {
  margin: 0 auto 1rem;
}
.Dashboard > rz-row.-flex {
  justify-content: space-evenly;
}
@media (max-width: 1200px) {
  .Dashboard > rz-cell.Grid.cols3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 780px) {
  .Dashboard > rz-cell.Grid.cols3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.Dashboard .DashboardItem {
  min-width: 24em;
  max-width: 24em;
  margin: 0 auto 3em;
}
.Dashboard .DashboardItem >header {
  background-color: #fff;
  color: #000;
}

.DashboardItem .QuickLinks__nav >ul>li {
  margin-bottom: 0.35em;
}

rz-form {
  display: block;
/*  in a line form, remove margins */
/*  a form that is a group gets a border. */
/*  optional within a Form, to mark the top section area in the form's pane, */
/*  as separate from possibly collapsed Section sections. */
}
rz-form.line rz-field {
  margin: 0;
}
rz-form.-padded {
  padding: 1rem;
}
rz-form.-grouped {
  padding: 1rem;
  border: 1px solid #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
rz-form .Form__top {
  padding-bottom: 1.5rem;
}

input[data-invalid="true"],
input:focus[data-invalid="true"] {
  border-bottom: 2px solid #f00;
/* border-bottom-color red */
}
input[type="decimal"] {
  max-width: 6em;
}
input:disabled {
  color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  border-color: #e8e8e8;
}
.is-disabled>label {
  color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}

.FileInput {
  display: flex;
}
.FileInput__button {
  flex: 1 0 auto;
}
.FileInput input[readonly] {
  border-color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
/* margin-top 0.5em */
/* margin-right 1em */
}

/* #333 */
.ComboBox {
  display: block;
  position: relative;
}
.ComboBox > .control {
  position: relative;
  text-align: left;
  color: #484848 /*  normal text, headings, and non-field labels */;
  background-color: transparent;
}
.ComboBox > .control input {
  width: 100%;
}
.ComboBox .arrow {
  content: ' ';
  height: 0;
  width: 0;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  display: block;
  position: absolute;
  right: 4px;
  bottom: 0.6em;
}
.ComboBox .arrow.left {
  left: 4px;
  right: auto;
}
.ComboBox.open .arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.ComboBox .clear {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 0.15em;
  color: $select-option-selected-bg;
  font-size: 12px;
}
.ComboBox .clear:hover {
  color: #f00;
  font-weight: bolder;
  cursor: pointer;
}
.ComboBox.readonly > .control:hover {
  cursor: default;
}
.ComboBox.readonly input {
  border-color: transparent;
  pointer-events: none;
}
.ComboBox .drop-down {
  text-align: left;
  border: 1px solid #d3d3d3 /*  html LightGray */;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  max-height: 20em;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  min-width: 100%;
  z-index: 9;
  -webkit-overflow-scrolling: touch;
}
.ComboBox .option {
  color: rgba(51,51,51,0.8);
  cursor: pointer;
  display: block;
  padding: 0.2em 0.5em;
}
.ComboBox .option:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ComboBox .option.highlighted,
.ComboBox .option:hover {
  background-color: #ffd700;
  color: #333;
}
.ComboBox .option.selected {
  background-color: #78afd5;
  color: #fff;
}
.ComboBox .option.bleed {
  padding: 0;
}
.ComboBox.-arrow-right input {
  padding-right: 15px;
}
.ComboBox.-arrow-left input {
  padding-left: 20px;
}
.ComboBox.-clearable input {
  padding-right: 15px;
}
.ComboBox.-arrow-right.-clearable input {
  padding-right: 30px;
}
.ComboBox.-list-mode .drop-down {
  max-height: none;
  border: none;
  box-shadow: none;
}

.AmountCo.-clearable {
  padding-right: 1em;
}
.AmountCo__clear {
  position: absolute;
  right: 0;
  font-size: 12px;
  cursor: pointer;
  width: 1em;
  line-height: 1em;
  text-align: center;
  bottom: 0.7em;
}

.MoneyCo {
  display: flex;
  flex-wrap: nowrap;
  max-width: 250px;
  position: relative;
}
.MoneyCo__currency {
  margin-top: 0;
  flex: 0 1 2.5em;
  margin-right: 4px;
}
.MoneyCo__currency input,
.MoneyCo__currency .value {
  text-align: center;
}
.MoneyCo__amount {
  width: 100%;
  min-width: 70px;
}
.MoneyCo__amount[size] {
  min-width: auto;
}

.ImageList-Dialog {
  z-index: 2001;
}
ul.ImageList {
  width: 920px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px;
  position: relative;
}
ul.ImageList li {
  flex-basis: 300px;
  height: 200px;
  position: relative;
}
ul.ImageList img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border: 3px solid #888;
  border-radius: 8px;
}
ul.ImageList img:hover {
  border-color: #000;
  cursor: pointer;
}
ul.ImageList .label-size {
  font-weight: bold;
  position: absolute;
  bottom: 5px;
  right: 12px;
  z-index: 1;
  color: #eee;
  background: rgba(0,0,0,0.4);
  padding: 0 0.375rem;
}
.footer-buttons {
  padding: 0.375rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -1rem;
  margin-bottom: 0.5rem;
}
.footer-buttons .b-container {
  width: 120px;
  display: flex;
}
.footer-buttons button,
.footer-buttons .image-count {
  background-color: #ccc;
  color: #333;
  text-align: center;
  font-size: 22px;
  height: 50px;
  padding: 8px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  align-self: center;
}
.footer-buttons .b-container button {
  flex: 1;
}
.footer-buttons .b-container:hover button {
  background-color: #bbb;
  border-color: #bbb;
}
.footer-buttons .image-count {
  flex: 1;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.footer-buttons .next,
.footer-buttons .prev {
  height: 0;
  width: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.footer-buttons .next {
  border-left: 25px solid #ccc;
}
.footer-buttons .prev {
  border-right: 25px solid #ccc;
}
.footer-buttons .b-container:hover .prev {
  border-right-color: #bbb;
}
.footer-buttons .b-container:hover .next {
  border-left-color: #bbb;
}
.imageOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.2);
  text-align: center;
  color: #fff;
  font-size: 2rem;
  padding-top: 2rem;
}
.searchBar {
  display: flex;
  padding: 0.375rem 0.75rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.searchBar > input {
  padding: 0.375rem 0.75rem;
  flex: 1;
  margin-right: 1em;
}
.searchBar > label {
  padding: 0.375rem 0.75rem;
  color: #808080;
}
.searchBar button {
  background-color: #ccc;
  color: #333;
  text-align: center;
  font-size: 22px;
  height: 50px;
  padding: 8px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  align-self: center;
}
.searchBar button:hover {
  background-color: #bbb;
}
.tox-promotion {
  display: none !important;
}

.TextAI-Dialog {
  z-index: 2001;
}
.TextAI-Dialog .Dialog__content {
  position: relative;
}
.TextAI-Dialog .Dialog__content .openAISource,
.TextAI-Dialog .Dialog__content .openAIGenerated {
  flex: 1;
  font-family: Roboto, sans-serif;
  min-width: auto;
  width: 880px;
}
.TextAI-Dialog .Dialog__content .openAIGenerated {
  resize: vertical;
}
.TextAI-Dialog .Dialog__content fieldset {
  display: flex;
}
.TextAI-Dialog .Dialog__content legend {
  padding: 0.5rem 0.375rem;
}
.TextAI-Dialog .Dialog__content .footer {
  display: flex;
}
.TextAI-Dialog .Dialog__content .language {
  margin-left: 30px;
}
.TextAI-Dialog .Dialog__content select {
  border-radius: 0;
  background-color: transparent;
  padding-bottom: 1px;
  border-bottom: 1px solid #d3d3d3;
  font-size: 15px;
}

.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:baseline;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:2px solid #eee;border-radius:10px;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox.tox-tinymce-inline{border:none;box-shadow:none;overflow:visible;overflow:initial}.tox.tox-tinymce-inline .tox-editor-container{overflow:visible;overflow:initial}.tox.tox-tinymce-inline .tox-editor-header{background-color:#fff;border:2px solid #eee;border-radius:10px;box-shadow:none;overflow:hidden}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border-radius:6px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>div>div .tox-icon svg{display:block}.tox .accessibility-issue__repair{margin-top:16px}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:rgba(0,101,216,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{color:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg{fill:#006ce7}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon{background-color:#006ce7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover{background-color:#0060ce}.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active{background-color:#0054b4}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.08);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{color:#8f5d00}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg{fill:#8f5d00}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon{background-color:#ffe89d;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover{background-color:#f2d574;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active{background-color:#e8c657;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon{background-color:#f2bfbf;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover{background-color:#e9a4a4;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active{background-color:#ee9494;color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{display:none}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#527530}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg{fill:#527530}.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{font-size:14px;margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:4px 4px 4px 8px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox .tox-advtemplate .tox-form__grid{flex:1}.tox .tox-advtemplate .tox-form__grid>div:first-child{display:flex;flex-direction:column;width:30%}.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2){flex-basis:0;flex-grow:1;overflow:auto}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child{width:100%}}.tox .tox-advtemplate iframe{border-color:#eee;border-radius:10px;border-style:solid;border-width:1px;margin:0 10px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bottom-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#006ce7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#006ce7;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;position:relative;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button::before{border-radius:6px;bottom:-1px;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #006ce7,0 0 0 3px rgba(0,108,231,.25);content:'';left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px}.tox .tox-button[disabled]{background-color:#006ce7;background-image:none;border-color:#006ce7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button.focus-visible:not(:disabled)::before{opacity:1}.tox .tox-button:focus-visible:not(:disabled)::before{opacity:1}.tox .tox-button:hover:not(:disabled){background-color:#0060ce;background-image:none;border-color:#0060ce;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled[disabled]{background-color:#0054b4;background-image:none;border-color:#0054b4;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button.tox-button--enabled:focus:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:hover:not(:disabled){background-color:#00489b;background-image:none;border-color:#00489b;box-shadow:none;color:#fff}.tox .tox-button.tox-button--enabled:active:not(:disabled){background-color:#003c81;background-image:none;border-color:#003c81;box-shadow:none;color:#fff}.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text{display:flex;padding:5px 4px}.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg{display:block;fill:currentColor}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled[disabled]{background-color:#a8c8ed;background-image:none;border-color:#a8c8ed;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled){background-color:#93bbe9;background-image:none;border-color:#93bbe9;box-shadow:none;color:#222f3e}.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled){background-color:#7daee4;background-image:none;border-color:#7daee4;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:rgba(34,47,62,.12);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:rgba(34,47,62,.18);border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:6px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,.3)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#006ce7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#006ce7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:6px;box-shadow:inset 0 0 0 1px #006ce7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#e3e3e3;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#fcfcfc;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;border-radius:3px;color:#222f3e;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active{background-color:#cce2fa}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#a6ccf7;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active{background-color:#cce2fa}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#a6ccf7;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#cce2fa;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:24px;max-width:100%;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(34,47,62,.7);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:#222f3e}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:28px;margin:6px 1px 5px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid transparent}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid transparent}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus{outline:#08f solid}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:5px 0 6px 11px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px -4px}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{fill:#222f3e;height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#cce2fa}.tox div.tox-swatch:not(.tox-swatch--remove) svg{display:none;fill:#222f3e;height:24px;margin:calc((30px - 24px)/ 2) calc((30px - 24px)/ 2);width:24px}.tox div.tox-swatch:not(.tox-swatch--remove) svg path{fill:#fff;paint-order:stroke;stroke:#222f3e;stroke-width:2px}.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg{display:block}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#fff;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:#222f3e;font-size:12px;line-height:18px}.tox .tox-comment__body{color:#222f3e;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:none;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,.7)}.tox .tox-user__avatar img{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;vertical-align:middle;width:36px}.tox .tox-user__name{color:#222f3e;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:none}.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#eee;border-radius:10px;border-style:solid;border-width:0;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;max-height:calc(100vh - 8px * 2);width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;padding:16px 16px}@media only screen and (min-width:768px){.tox .tox-dialog__body-nav{max-width:11em}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;flex-shrink:0;font-size:14px;line-height:1.3;margin-bottom:8px;max-width:13em;text-decoration:none}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(0,108,231,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #006ce7;color:#006ce7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-height:min(650px,calc(100vh - 110px));overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#006ce7;cursor:pointer;text-decoration:underline}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#003c81;text-decoration:underline}.tox .tox-dialog__body-content a.focus-visible{border-radius:1px;outline:2px solid #006ce7;outline-offset:2px}.tox .tox-dialog__body-content a:focus-visible{border-radius:1px;outline:2px solid #006ce7;outline-offset:2px}.tox .tox-dialog__body-content a:active{color:#00244e;text-decoration:underline}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content strong{font-weight:700}.tox .tox-dialog__body-content ul{list-style-type:disc}[dir="ltr"] .tox .tox-dialog__body-content dd,[dir="ltr"] .tox .tox-dialog__body-content ol,[dir="ltr"] .tox .tox-dialog__body-content ul{padding-left:2.5rem}[dir="rtl"] .tox .tox-dialog__body-content dd,[dir="rtl"] .tox .tox-dialog__body-content ol,[dir="rtl"] .tox .tox-dialog__body-content ul{padding-right:2.5rem}.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{margin-bottom:16px}[dir="ltr"] .tox .tox-dialog__body-content dd,[dir="ltr"] .tox .tox-dialog__body-content dl,[dir="ltr"] .tox .tox-dialog__body-content dt,[dir="ltr"] .tox .tox-dialog__body-content ol,[dir="ltr"] .tox .tox-dialog__body-content ul{margin-right:0}[dir="rtl"] .tox .tox-dialog__body-content dd,[dir="rtl"] .tox .tox-dialog__body-content dl,[dir="rtl"] .tox .tox-dialog__body-content dt,[dir="rtl"] .tox .tox-dialog__body-content ol,[dir="rtl"] .tox .tox-dialog__body-content ul{margin-left:0}[dir="ltr"] .tox .tox-dialog__body-content dd,[dir="ltr"] .tox .tox-dialog__body-content dl,[dir="ltr"] .tox .tox-dialog__body-content dt,[dir="ltr"] .tox .tox-dialog__body-content ol,[dir="ltr"] .tox .tox-dialog__body-content ul{margin-left:0}[dir="rtl"] .tox .tox-dialog__body-content dd,[dir="rtl"] .tox .tox-dialog__body-content dl,[dir="rtl"] .tox .tox-dialog__body-content dt,[dir="rtl"] .tox .tox-dialog__body-content ol,[dir="rtl"] .tox .tox-dialog__body-content ul{margin-right:0}.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul{display:block}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center{text-align:center}[dir="ltr"] .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:right}[dir="rtl"] .tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end{text-align:left}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--fullscreen{height:100%;max-width:100%}.tox .tox-dialog--fullscreen .tox-dialog__body-content{max-height:100%}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:none;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table thead th:first-child{padding-right:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #626262}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__table td:first-child{padding-right:8px}.tox .tox-dialog__iframe{min-height:200px}.tox .tox-dialog__iframe.tox-dialog__iframe--opaque{background:#fff}.tox .tox-navobj-bordered{position:relative}.tox .tox-navobj-bordered::before{border:1px solid #eee;border-radius:6px;content:'';top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:none;position:absolute;z-index:1}.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before{border-color:#006ce7;box-shadow:0 0 0 2px rgba(0,108,231,.25);outline:0}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #eee;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-edit-area::before{border:2px solid #2d6adf;border-radius:4px;content:'';top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:1}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;height:100%;position:absolute;width:100%}.tox.tox-edit-focus .tox-edit-area::before{opacity:1}.tox.tox-inline-edit-area{border:1px dotted #eee}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{display:grid;grid-template-columns:1fr min-content;z-index:2}.tox:not(.tox-tinymce-inline) .tox-editor-header{background-color:#fff;border-bottom:none;box-shadow:0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07);padding:4px 0}.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition){transition:box-shadow .5s}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header{border-top:1px solid #e3e3e3;box-shadow:none}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:#fff;box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15);padding:4px 0}.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header{box-shadow:0 2px 2px -2px rgba(34,47,62,.2),0 8px 8px -4px rgba(34,47,62,.15)}.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty{background:0 0;border:none;box-shadow:none;padding:0}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{box-sizing:border-box;max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34,47,62,.2);border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#006ce7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:6px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column}.tox .tox-form__group--stretched .tox-textarea{flex:1}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-custom-editor[focus-within],.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap[focus-within],.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 2px rgba(0,108,231,.25);outline:0}.tox .tox-custom-editor:focus-within,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 2px rgba(0,108,231,.25);outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#006ce7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 5.5px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#006ce7;box-shadow:0 0 0 2px rgba(0,108,231,.25);outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea-wrap{border-color:#eee;border-radius:6px;border-style:solid;border-width:1px;display:flex;flex:1;overflow:hidden}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox .tox-textarea-wrap .tox-textarea{border:none}.tox .tox-textarea-wrap .tox-textarea:focus{border:none}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-imagepreview{background-color:#666;height:380px;overflow:hidden;position:relative;width:100%}.tox .tox-imagepreview.tox-imagepreview__loaded{overflow:auto}.tox .tox-imagepreview__container{display:flex;left:100vw;position:absolute;top:100vw}.tox .tox-imagepreview__image{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools .tox-spacer{flex:1}.tox .tox-image-tools .tox-bar{align-items:center;display:flex;height:60px;justify-content:center}.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar{margin-top:8px}.tox .tox-image-tools .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-image-tools .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-image-tools .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-image-tools .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-image-tools .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-image-tools .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-image-tools .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#eee;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px -4px}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(0,108,231,.5);border-color:rgba(0,108,231,.5)}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#fff;border:1px solid transparent;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0 4px}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:8px}@media only screen and (min-width:768px){.tox .tox-menu .tox-collection__item-label{word-wrap:break-word;word-break:normal}.tox .tox-dialog__popups .tox-menu .tox-collection__item-label{word-break:break-all}}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:repeating-linear-gradient(transparent 0, transparent 1px,transparent 1px, transparent 39px) center top 39px/100% calc(100% - 39px) no-repeat;background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;grid-column:1/-1;grid-row:1;padding:0 11px 0 12px}.tox .tox-promotion+.tox-menubar{grid-column:1}[dir="ltr"] .tox .tox-promotion{padding-right:8px}[dir="rtl"] .tox .tox-promotion{padding-left:8px}[dir="ltr"] .tox .tox-promotion{padding-left:4px}[dir="rtl"] .tox .tox-promotion{padding-right:4px}.tox .tox-promotion{background:repeating-linear-gradient(transparent 0, transparent 1px,transparent 1px, transparent 39px) center top 39px/100% calc(100% - 39px) no-repeat;background:repeating-linear-gradient(transparent 0 1px,transparent 1px 39px) center top 39px/100% calc(100% - 39px) no-repeat;background-color:#fff;grid-column:2;grid-row:1;padding-top:5px}.tox .tox-promotion-link{align-items:unsafe center;background-color:#e8f1f8;border-radius:5px;color:#086be6;cursor:pointer;display:flex;font-size:14px;height:26.6px;padding:4px 8px;white-space:nowrap}.tox .tox-promotion-link:hover{background-color:#b4d7ff}.tox .tox-promotion-link:focus{background-color:#d9edf7}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:5px 1px 6px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:transparent;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#cce2fa;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn--active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#cce2fa;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:6px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:grid;font-size:14px;font-weight:400;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification a{cursor:pointer;text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#517342}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f5cccc;border-color:#f0b3b3;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#77181f}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fff5cc;border-color:#fff0b3;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#7a6e25}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d6e7fb;border-color:#c1dbf9;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#2a64a6}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{align-self:center;color:#222f3e;font-size:14px;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{align-self:start;grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;justify-self:end}.tox .tox-notification .tox-progress-bar{grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#eee transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #eee transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #eee transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #eee;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;min-height:0}.tox .tox-sidebar{background-color:#fff;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #eee;border-radius:6px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#006ce7;border:2px solid #0054b4;border-radius:6px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}[dir="ltr"] .tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-left:8px}[dir="rtl"] .tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type){margin-right:8px}[dir="ltr"] .tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-left:32px}[dir="rtl"] .tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider{margin-right:32px}[dir="ltr"] .tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-left:32px}[dir="rtl"] .tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group{margin-right:32px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #e3e3e3;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:14px;font-weight:400;height:25px;overflow:hidden;padding:0 8px;position:relative;text-transform:none}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__right-container{display:flex;justify-content:flex-end;white-space:nowrap}.tox .tox-statusbar__help-text{text-align:center}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:space-between;overflow:hidden}@media only screen and (min-width:768px){.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container{flex:0 0 calc(100% / 3)}}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end{justify-content:flex-end}.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start{justify-content:flex-start}.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around{justify-content:space-around}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}@media only screen and (max-width:767px){.tox .tox-statusbar__text-container .tox-statusbar__help-text{display:none}.tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child{display:block}}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){color:#222f3e;cursor:pointer}.tox .tox-statusbar__branding svg{fill:rgba(34,47,62,.8);height:1.14em;vertical-align:-.28em;width:3.6em}.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg{fill:#222f3e}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-bottom:3px;padding-left:1ch;padding-right:3px}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,.5)}.tox .tox-statusbar__resize-handle:focus svg{background-color:#dee0e2;border-radius:1px 1px 5px 1px;box-shadow:0 0 0 2px #dee0e2}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:2ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;justify-content:center;margin:6px 1px 5px 0;outline:0;overflow:hidden;padding:0;text-transform:none;width:34px}.tox .tox-tbtn svg{display:block;fill:#222f3e}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#cce2fa;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#cce2fa;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled .tox-tbtn--enabled svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:42px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:56px;width:68px}.tox .tox-tbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-number-input{border-radius:3px;display:flex;margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-number-input .tox-input-wrapper{background:#f7f7f7;display:flex;pointer-events:none;text-align:center}.tox .tox-number-input .tox-input-wrapper:focus{background:#cce2fa}.tox .tox-number-input input{border-radius:3px;color:#222f3e;font-size:14px;margin:2px 0;pointer-events:all;width:60px}.tox .tox-number-input input:hover{background:#cce2fa;color:#222f3e}.tox .tox-number-input input:focus{background:#fff;color:#222f3e}.tox .tox-number-input input:disabled{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button{background:#f7f7f7;color:#222f3e;height:28px;text-align:center;width:24px}.tox .tox-number-input button svg{display:block;fill:#222f3e;margin:0 auto;transform:scale(.67)}.tox .tox-number-input button:focus{background:#cce2fa}.tox .tox-number-input button:hover{background:#cce2fa;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:hover svg{fill:#222f3e}.tox .tox-number-input button:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-number-input button:active svg{fill:#222f3e}.tox .tox-number-input button:disabled{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-number-input button:disabled svg{fill:rgba(34,47,62,.5)}.tox .tox-number-input button.minus{border-radius:3px 0 0 3px}.tox .tox-number-input button.plus{border-radius:0 3px 3px 0}.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button{background:#cce2fa}.tox .tox-tbtn--select{margin:6px 1px 5px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;height:auto;height:initial;margin:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--bespoke{background:#f7f7f7}[dir="ltr"] .tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-left:4px}[dir="rtl"] .tox .tox-tbtn--bespoke+.tox-tbtn--bespoke{margin-right:4px}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label{cursor:not-allowed}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:6px 1px 5px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #cce2fa inset}.tox .tox-split-button:focus{background:#cce2fa;box-shadow:none;color:#222f3e}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-split-button .tox-tbtn{margin:0}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(34,47,62,.5)}.tox.tox-platform-touch .tox-split-button .tox-tbtn--select{padding:0 0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color{opacity:.6}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background-attachment:local;background-color:#fff;background-image:repeating-linear-gradient(#e3e3e3 0, #e3e3e3 1px,transparent 1px, transparent 39px);background-image:repeating-linear-gradient(#e3e3e3 0 1px,transparent 1px 39px);background-position:center top 40px;background-repeat:no-repeat;background-size:calc(100% - 11px * 2) calc(100% - 41px);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0;transform:perspective(1px)}.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary{background-position:center top 0;background-size:calc(100% - 11px * 2) calc(100% - 0px)}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-anchorbar,.tox .tox-toolbar-overlord{grid-column:1/-1}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord{border-top:1px solid transparent;margin-top:-1px;padding-bottom:1px;padding-top:1px}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary{background-position:center top 39px}.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child{background-image:none}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;background-position:center top 43px;background-size:calc(100% - 8px * 2) calc(100% - 51px);border:none;border-radius:6px;box-shadow:0 0 2px 0 rgba(34,47,62,.2),0 4px 8px 0 rgba(34,47,62,.15);overscroll-behavior:none;padding:4px 0}.tox-pop .tox-pop__dialog .tox-toolbar{background-position:center top 43px;background-size:calc(100% - 11px * 2) calc(100% - 51px);padding:4px 0}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 11px 0 12px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid transparent}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid transparent}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:6px;box-shadow:0 2px 4px rgba(34,47,62,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:none}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-tree{display:flex;flex-direction:column}.tox .tox-tree .tox-trbtn{align-items:center;background:0 0;border:0;border-radius:4px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:28px;margin-bottom:4px;margin-top:4px;outline:0;overflow:hidden;padding:0;padding-left:8px;text-transform:none}.tox .tox-tree .tox-trbtn .tox-tree__label{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-tree .tox-trbtn svg{display:block;fill:#222f3e}.tox .tox-tree .tox-trbtn:focus{background:#cce2fa;border:0;box-shadow:none}.tox .tox-tree .tox-trbtn:hover{background:#cce2fa;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn:active svg{fill:#222f3e}.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg{fill:rgba(34,47,62,.5)}.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover{background:#a6ccf7;border:0;box-shadow:none;color:#222f3e}.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>*{transform:none}.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled){color:#222f3e}.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg{fill:#222f3e}.tox .tox-tree .tox-trbtn:active>*{transform:none}.tox .tox-tree .tox-trbtn--return{align-self:stretch;height:unset;width:16px}.tox .tox-tree .tox-trbtn--labeled{padding:0 4px;width:unset}.tox .tox-tree .tox-trbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tree .tox-tree--directory{display:flex;flex-direction:column}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label{font-weight:700}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover[\:has\(.tox-mbtn\:hover\)]{background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover[\:has\(.tox-mbtn\:hover\)] .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron{margin-right:6px}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label[\:has\(\%2B.tox-tree--directory__children--growing\)] .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label[\:has\(\%2B.tox-tree--directory__children--shrinking\)] .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--shrinking) .tox-chevron{transition:transform .5s ease-in-out}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label[\:has\(\%2B.tox-tree--directory__children--growing\)] .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label[\:has\(\%2B.tox-tree--directory__children--open\)] .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--open) .tox-chevron{transform:rotate(90deg)}.tox .tox-tree .tox-tree--leaf__label{font-weight:400}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn{margin-left:auto}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg{fill:transparent}.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover[\:has\(.tox-mbtn\:hover\)]{background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover){background-color:transparent;color:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover[\:has\(.tox-mbtn\:hover\)] .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg{fill:#222f3e}.tox .tox-tree .tox-tree--directory__children{overflow:hidden;padding-left:16px}.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking{transition:height .5s ease-in-out}.tox .tox-tree .tox-trbtn.tox-tree--leaf__label{display:flex;justify-content:space-between}.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container{background-color:#fff;display:flex;flex:1;flex-direction:column}.tox .tox-view{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-view__header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 8px 0 8px;position:relative}.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar{padding:8px}.tox .tox-view--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-view__toolbar{display:flex;flex-direction:row;grid-gap:8px;gap:8px;justify-content:space-between;padding:8px 8px 0 8px}.tox .tox-view__toolbar__group{display:flex;flex-direction:row;grid-gap:12px;gap:12px}.tox .tox-view__header-end,.tox .tox-view__header-start{display:flex}.tox .tox-view__pane{height:100%;padding:8px;width:100%}.tox .tox-view__pane_panel{border:1px solid #eee;border-radius:6px}.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>*{margin-left:8px}.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>*{margin-right:8px}.tox .tox-well{border:1px solid #eee;border-radius:6px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #eee;border-radius:6px;display:flex;flex:1;overflow:hidden;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1}

::-webkit-datetime-edit-text,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-year-field {
  color: #333;
}
/*  cannot get setting placeholder only to become light gray */
input.NativeRzDate {
  width: 100% /*  fill width */;
  max-width: 10em /*  up to this arbitrary value */;
  min-width: 10em /*  up to this arbitrary value */;
}

.DOW__day {
  cursor: pointer;
  width: 20px;
  text-align: center;
  display: inline-block;
  font-size: 0.7rem;
  border: 1px solid #bebebe /*  X11 Gray */;
  background-color: #8b0000;
  color: #000;
  margin: 0 1px 0 0;
}
.DOW__day.-active {
  background-color: #008000;
  color: #fff;
}

.IntervalCo {
  max-width: 32em;
}
.IntervalCo__dow {
  min-width: 150px;
}
.IntervalCo .row .dates {
  display: flex;
  margin-right: 0;
}
.IntervalCo .row .dates .from {
  margin-right: 0.5em;
}
.IntervalCo .row .dates .word {
  margin: 0 1em 0 0.5em;
}

.TimeOfDayCo {
  max-width: 5em;
  height: 25px /*  currently, not a universal setting */;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
>.TimeOfDayCo__input {
  flex: 1;
  font-family: monospace;
  font-size: 16px;
}
.TimeOfDayCo >.TimeOfDayKind {
  flex: 0;
  font-size: 0.8em;
}

.SmallInteger {
  display: flex;
  max-width: 7em;
  align-items: flex-end;
}
.SmallInteger .icon.-input {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1 /*  make sure it appears above input */;
  height: 25px /*  currently, not a universal setting */;
}
.SmallInteger .icon.-input.icon-caret-up {
  margin-bottom: 1px;
  margin-top: -1px;
}
.SmallInteger .icon.-input.icon-caret-down {
  margin-bottom: -1px;
}
.SmallInteger input {
  flex: 1;
  width: 32px;
  height: 25px /*  currently, not a universal setting */;
  text-align: left;
  padding: 0 0 0 8px;
}
.SmallInteger.lr input {
  text-align: center;
  padding: 0 29px;
  margin: 0 -29px;
  z-index: 0;
}
.SmallInteger.rr input {
  padding: 0 16px 0 12px;
  margin: 0 -16px 0 0;
}
.SmallInteger.rr .SmallInteger__btns .btn__up .rz-icon,
.SmallInteger.rr .SmallInteger__btns .btn__dn .rz-icon {
/* border 1px solid lightgrey */
  border-radius: 2px;
  height: 13px;
  min-width: 15px;
  padding: 0;
}
.SmallInteger.rr .SmallInteger__btns .btn__up .rz-icon:before,
.SmallInteger.rr .SmallInteger__btns .btn__dn .rz-icon:before {
  line-height: 1.2em;
  width: 100%;
}

.ExternalLinkCo .Dialog__content input,
.ExternalLinkDialog .Dialog__content input {
  width: 100%;
}

/*  ListCo.styl */
ul.ListCo {
  list-style: none;
}
ul.ListCo.selectable li:not(.disabled) {
  cursor: pointer;
}
ul.ListCo.scrollable {
  overflow-y: auto;
}
ul.ListCo > li.-item {
  display: block;
  padding: 0.25rem 0.5rem;
}
ul.ListCo > li.-item:nth-child(odd) {
  background-color: #fff;
}
ul.ListCo > li.-item:nth-child(even) {
  background-color: #f0f0f0;
}
ul.ListCo > li.-item:hover {
  background-color: #fff8dc;
}
ul.ListCo > li.-item.selected {
  background-color: #ffd700;
  font-weight: 700;
  border-top: 2px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  border-bottom: 2px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
ul.ListCo > li.-item.bleed {
  padding: 0;
}
ul.ListCo > li.-placeholder {
  text-align: center;
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  font-size: 0.7rem;
}

.AlertableText {
  padding: 0 4px;
  margin-bottom: 2px;
  border: 2px solid transparent;
}
.AlertableText.alert {
  animation: borderBlink 0.5s step-end infinite;
}
@keyframes borderBlink {
  from, to {
    border-color: transparent;
  }
  50% {
    border-color: #ffa500;
  }
}

rz-row.-flex.Pending {
  margin-top: 1em;
}
rz-row.-flex.Pending > rz-cell {
  margin-top: 2em;
  min-width: 20em;
}
rz-row.-flex.Pending > rz-cell h4 {
  margin: 0 0 0.5em;
}
rz-row.-flex.Pending > div.h-loading {
  flex: 0;
  width: 8em;
}

.PlaceHolder {
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  background-color: inherit;
  font-size: 0.7rem;
}

.MarkedTextBoxCo textarea {
  width: 100%;
}
.MarkedTextBoxCo button.RzButton {
  font-size: 1rem;
  height: 1.5em;
  width: 4em;
  padding: 0;
  margin: 0 0.25em 0.25em;
  border: 1px solid #808080;
  border-radius: 8px;
  background-color: #fff;
  color: #808080;
}
.MarkedTextBoxCo button.RzButton:disabled {
  background-color: #006400;
  font-weight: bold;
  color: #ffd700;
  opacity: 1;
}

.LabelValue {
  display: flex;
  align-items: baseline;
}
.LabelValue__label {
  font-size: 0.8em;
  color: #808080 /*  html Gray */ /*  html Gray */;
  text-align: right;
  line-height: 2em;
  padding-right: 0.5em;
}
.LabelValue.left .LabelValue__label {
  text-align: left;
}
.LabelValue__sep {
  font-size: 0.8em;
  padding-right: 0.5em;
}
.LabelValue__value {
  font-size: 0.938em;
}
.LabelValue__valueSuffix {
  font-size: 0.8em;
  color: #808080 /*  html Gray */ /*  html Gray */;
  margin-left: 0.5em;
}
.LabelValue.inline {
  display: inline-block;
}
.LabelValue.padr {
  padding-right: 0.5em;
}
.LabelValue.bold {
  font-weight: 700;
  text-transform: uppercase;
}
.LabelValue.justified .LabelValue__label,
.LabelValue.-justified .LabelValue__label {
  margin-right: auto;
}
.LabelValue.right {
  justify-content: flex-end;
}
.LabelValue.dimValue .LabelValue__value {
  color: #a0a0a0 /*  mid */;
}

.RadioButton {
  cursor: pointer;
}
.RadioButton label {
  color: #585858;
}
.RadioButton input[type="radio"] {
  vertical-align: middle;
  position: relative;
  height: 24px;
  bottom: 1px;
  margin-right: 12px;
}

.RadioGroup.-inline {
  display: flex;
  justify-content: space-between;
}
.RadioGroup__options {
  margin-left: 0.75rem;
}
.RadioGroup.across .RadioGroup__options {
  margin-left: 0;
  display: flex;
}
.RadioGroup.across .RadioGroup__options >.RadioButton {
  margin-right: 2em;
}

.Switch {
  margin: 0;
  margin-bottom: 0.2em /*  aligns nicely to right or left of a text field */;
  width: 5em;
  background-color: transparent;
  border: 2px solid #d3d3d3;
  padding: 0.2em 0.25em 0.25em;
}

.ThreeWaySwitch {
  margin-left: 16px;
  padding: 5px;
  flex: 1;
}
.ThreeWaySwitch__label {
  text-overflow: ellipsis;
  font-size: 11px;
}
.ThreeWaySwitch__inner {
  display: inline-flex;
  border-radius: 6px;
  overflow: hidden;
}
.ThreeWaySwitch__sep {
  width: 1px;
  box-shadow: 0px 0 1px 0px #d5d5d5;
  background-color: #d9d9d9;
  z-index: 1;
}
.ThreeWaySwitch__switch {
  width: 22px /* to relative */;
  height: 22px /* to relative */;
  position: relative;
  cursor: pointer;
  background-color: #eaeaea;
}
.is-selected.ThreeWaySwitch__switch.-only {
  background-color: #91c785;
  box-shadow: inset 1px 0 5px 0 rgba(0,0,0,0.5);
}
.ThreeWaySwitch__switch.-only:before,
.ThreeWaySwitch__switch.-only:after {
  content: '';
  width: 12px;
  height: 1px;
  background-color: #555;
  display: block;
  transform-origin: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
}
.is-selected.ThreeWaySwitch__switch.-only:before,
.is-selected.ThreeWaySwitch__switch.-only:after {
  background-color: #fff;
}
.ThreeWaySwitch__switch.-only:before {
  transform: rotate(90deg) translate(-50%);
}
.is-selected.ThreeWaySwitch__switch.-exclude {
  background-color: #d57979;
  box-shadow: inset -1px 0 5px 0 rgba(2,0,0,0.5);
}
.ThreeWaySwitch__switch.-exclude:before {
  content: '';
  width: 12px;
  height: 1px;
  background-color: #555;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
}
.is-selected.ThreeWaySwitch__switch.-exclude:before {
  background-color: #fff;
}

.SelectCo {
  border: 1px solid transparent;
  border-bottom: 1px solid #d3d3d3;
  position: relative;
}
.SelectCo > .control {
  position: relative;
  text-align: left;
  color: #484848 /*  normal text, headings, and non-field labels */;
  background-color: transparent;
}
.SelectCo > .control input {
  width: 100%;
}
.SelectCo.is-required {
  border-bottom: 1px solid #f00;
}
.SelectCo:hover {
  border: 1px solid #000;
  cursor: pointer;
}
.SelectCo.readonly > .control:hover {
  cursor: default;
}
.SelectCo.readonly input {
  border-color: transparent;
  pointer-events: none;
}
.SelectCo .SelectCo__popup {
  text-align: left;
  border: 1px solid #d3d3d3 /*  html LightGray */;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  max-height: 20em;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  min-width: 100%;
  z-index: 9;
  -webkit-overflow-scrolling: touch;
}
.SelectCo .SelectCo__popup.option {
  cursor: pointer;
}
.is-disabled .control {
  color: #bbb;
}

/*  see also: /base/base-list.styl */
.Listing p.instructions {
  margin-left: 0;
}
.Listing li.Listing__item {
  display: block;
}
.Listing__placeholder {
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  font-size: 0.7rem;
}
.Listing.scroll ul {
  max-height: 45rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.Listing.scroll ul li {
/*  at least on Chrome, the scroll bar can cover text. */
/*  This is enough to stop that. */
  padding-right: 12px;
}
.Listing .list-filter {
  margin: 0 1rem 16px;
}
.Listing >.rz-button-add {
  box-shadow: none /* override */;
  font-size: 0.65rem;
  margin-top: 1.25em;
  margin-left: 0;
  line-height: 1.1em;
  height: 2.2em;
  padding: 0 0.25em;
}
.Listing >.rz-button-add span.icon {
  padding-right: 0.25em;
  font-size: 0.85em;
}

div.CutText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*  allowance, not necessarily actual width */
/* #bbf8eb   // during dev, can help align cells at times */
/*  top level is a container */
.TableCo {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.TableCo.-h12 > .ls.scroll {
  height: 12em;
}
.TableCo__filter {
  margin: 0 1em 1em;
  max-width: 20em;
}
.TableCo > .ls > table {
  table-layout: auto;
  width: 100%;
/* word-wrap break-word */
  padding-bottom: 0.25em;
}
.TableCo > .ls > table .button-delete {
  padding: 0;
  margin: 0;
  display: block;
  visibility: hidden;
  height: 2em;
  width: 2em;
  line-height: 0;
}
.TableCo > .ls > table .button-delete i {
  padding: 0;
}
.TableCo > .ls > table > thead > tr > td.right,
.TableCo > .ls > table > tbody > tr > td.right,
.TableCo > .ls > table > thead > tr > th.right,
.TableCo > .ls > table > tbody > tr > th.right {
  text-align: right;
  padding-right: 1em;
}
.TableCo > .ls > table > thead > tr > td.center,
.TableCo > .ls > table > tbody > tr > td.center,
.TableCo > .ls > table > thead > tr > th.center,
.TableCo > .ls > table > tbody > tr > th.center {
  text-align: center;
}
.TableCo > .ls > table > thead > tr > th {
  color: #79afd7;
  padding: 0 0.125rem;
  border: none;
  border-bottom: 2px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  margin-bottom: 4px;
  text-align: left;
}
.TableCo > .ls > table > thead > tr > th.check {
  text-align: center;
}
.TableCo > .ls > table > thead > tr > th.tool {
  width: 44px;
  padding: 0;
}
.TableCo > .ls > table > thead > tr > th > span.icon {
  margin-left: 0.7em;
  vertical-align: text-bottom;
  font-size: 12px;
/* margin-bottom -8px */
  color: #808080;
/* &::before */
/*     line-height normal */
/*     height 14px */
}
.TableCo > .ls > table > thead > tr > th > span.ColumnHead__sort-priority {
  color: #808080;
  font-size: 12px;
}
.TableCo > .ls > table > tbody > tr {
  color: #2f4f4f;
  border: none;
}
.TableCo > .ls > table > tbody > tr > td {
  padding: 0.25rem 0.125rem;
  text-align: left;
}
.TableCo > .ls > table > tbody > tr > td:nth-child(even) {
  background-color: none;
}
.TableCo > .ls > table > tbody > tr > td.check {
  text-align: center;
}
.TableCo > .ls > table > tbody > tr > td.check input[type=checkbox] {
  margin: 0;
}
.TableCo > .ls > table > tbody > tr > td.tool {
  width: 44px;
  padding: 0;
  vertical-align: middle;
  text-align: right;
}
.TableCo > .ls > table > tbody > tr > td.tool > button {
  height: 28px;
  padding: 0;
  box-shadow: none;
  border: 1px solid transparent;
  opacity: 0 /*  awaits fadeIn */;
  visibility: hidden /*  no interaction until faded in */;
}
.TableCo > .ls > table > tbody > tr > td.tool > button:hover {
  border: 1px solid #808080;
}
.TableCo > .ls > table > tbody > tr:hover {
  cursor: pointer;
  background-color: #fff8dc;
}
.TableCo > .ls > table > tbody > tr:hover .button-delete {
  visibility: visible;
}
.TableCo > .ls > table > tbody > tr:hover > td.tool > button {
  animation: fadeIn 1s;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}
.TableCo > .ls > table > tbody > tr:nth-child(even) {
  background-color: #f5f5f5;
}
.TableCo > .ls > table > tbody > tr:nth-child(even):hover {
  cursor: pointer;
  background-color: #fff8dc;
}
.TableCo > .ls > table > tbody > tr:nth-child(even):hover .button-delete {
  visibility: visible;
}
.TableCo > .ls > table > tbody > tr:nth-child(even):hover > td.tool > button {
  animation: fadeIn 1s;
  animation-delay: 0.75s;
  animation-fill-mode: forwards;
}
.TableCo > .ls > table > tbody > tr.selected {
  border-top: 2px solid #0071e6;
  border-bottom: 2px solid #0071e6;
  background-color: #ffd700;
}
.TableCo.striped > table > tbody > tr:nth-child(even):not(::hover) {
  background-color: #e8e8e8;
}
.TableCo.-fixed-layout > table {
  table-layout: fixed;
}
.TableCo.tighter table > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.TableCo.tighter table > tbody > tr > td.tool > button {
  height: 18px;
  font-size: 14px;
}
.TableCo > .ls.scroll {
  display: block;
  flex: 1; /*  grow to take space */
  height: 100%; /*  use all available space before having to scroll */
  overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
  overflow-x: auto;
}
.TableCo > .ls.scroll table {
  width: calc( 100% - 17px ) /* allow for scrollbar */;
}
.TableCo > .ls.scroll table thead th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5 /*  html WhiteSmoke */;
}
.white > .TableCo > .ls > table > thead > tr > th {
  background-color: #fff;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

.RzDateCo {
  max-width: 10em;
}

.MonthCalendar {
  max-width: 20em;
}
.MonthCalendar >header {
  text-align: center;
}
.MonthCalendar >header h5 {
  margin-top: 0.25rem;
}
.MonthCalendar >header .frame {
  width: 3rem;
}
.MonthCalendar >header .frame.hidden {
  visibility: hidden;
  display: inherit;
}
.MonthCalendar >header .MonthCombo {
  max-width: 10em;
  margin: 0 auto;
}
.MonthCalendar >header .MonthCombo .control>input {
  font-size: 1.25em;
}
.MonthCalendar .Month rz-cell {
  margin-right: 0;
}
.MonthCalendar .Month rz-row.dows {
  text-align: center;
  font-size: smaller;
}
.MonthCalendar .Month rz-row.Week {
  border-bottom: 1px solid #d3d3d3;
}
.MonthCalendar .Month rz-row.Week:first-child {
  border-top: 1px solid #d3d3d3;
}
.MonthCalendar .Month rz-row.Week rz-cell {
  margin-right: 0;
  border-right: 1px solid #d3d3d3;
  width: 14.2857%;
  flex-grow: 1;
  flex-basis: 0;
}
.MonthCalendar .Month rz-row.Week rz-cell:first-child {
  border-left: 1px solid #d3d3d3;
}
.MonthCalendar .Month .MDay {
  height: 2.5em;
  position: relative;
  padding: 2px /*  to allow for hover highlight */;
  overflow: hidden;
}
.MonthCalendar .Month .MDay .mday {
  font-size: 0.85em;
  line-height: 1.2em;
  color: #484848;
  position: absolute;
  top: 0;
  left: 4px;
}
.MonthCalendar .Month .MDay.today,
.MonthCalendar .Month .MDay.today.prev,
.MonthCalendar .Month .MDay.today.blocked {
  border: 1px solid #f00;
}
.MonthCalendar .Month .MDay.today .mday,
.MonthCalendar .Month .MDay.today.prev .mday,
.MonthCalendar .Month .MDay.today.blocked .mday {
  color: #00f;
  top: -1px;
  left: 3px;
}
.MonthCalendar .Month .MDay.prev,
.MonthCalendar .Month .MDay.next {
  background: #f5f5f5;
}
.MonthCalendar .Month .MDay.prev .mday,
.MonthCalendar .Month .MDay.next .mday {
  color: #d3d3d3;
}
.MonthCalendar .Month .MDay.selected {
  background: #e5b200;
  border: 2px solid #a9a9a9;
}
.MonthCalendar .Month .MDay.selected .mday {
  color: #000;
}
.MonthCalendar .Month .MDay:hover {
  padding: 0;
  border: 3px solid #add8e6;
}
.MonthCalendar .Month .MDay:hover .mday {
  top: -3px;
  left: 1px;
}
.MonthCalendar .Month .MDay.blocked:hover {
  cursor: not-allowed;
  border: none;
  padding: inherit;
}
.MonthCalendar .Month .MDay.blocked .mday {
  top: 0;
  left: 4px;
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}

.DayPickerCal >rz-row.-flex {
  justify-content: center;
}

.MoneyView.right {
  margin-right: -4px;
  padding-right: 4px;
}
.MoneyView.good {
  border: 1px solid #008000;
}
.MoneyView.danger {
  border: 1px solid #f00;
}

.MinMax__min.SmallInteger,
.MinMax__max.SmallInteger {
  flex: 1;
  max-width: 50px;
}
.MinMax__min.SmallInteger input[type=text],
.MinMax__max.SmallInteger input[type=text] {
  margin-right: -16px;
  padding: 0 20px 0 0;
  text-align: right;
}
.MinMax__min.SmallInteger {
  margin-right: 4px;
}

/*  Support standalone label marked as a field label */
/*  to be consistent with rz-field > label */
label.field {
  font-size: 0.85em;
  color: #808080 /*  html Gray */ /*  html Gray */;
}
rz-field {
  position: relative;
  display: flex;
  flex-direction: column;
/*  add specifics of right alignment for field */
}
rz-field label {
  font-size: 0.85em;
  color: #808080 /*  html Gray */ /*  html Gray */;
}
rz-field input:not([type='radio']):not([type='checkbox']) {
  width: 100%;
}
rz-field input:not([type='radio']):not([type='checkbox'])::-moz-placeholder {
  color: #e8e8e8;
  font-size: 0.7rem;
}
rz-field input:not([type='radio']):not([type='checkbox'])::placeholder {
  color: #e8e8e8;
  font-size: 0.7rem;
}
rz-field input:not([type='radio']):not([type='checkbox']):focus::-moz-placeholder {
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
rz-field input:not([type='radio']):not([type='checkbox']):focus::placeholder {
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
rz-field input:not([type='radio']):not([type='checkbox'])[readonly] {
  border-color: transparent;
}
rz-field.-label-west:not(.-type-checkbox) {
  margin-bottom: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}
rz-field.-label-west:not(.-type-checkbox) >* {
  flex: 1;
}
rz-field.-label-west:not(.-type-checkbox) label {
  flex: 0;
  min-width: 8em /*  override in specific cases */;
  max-width: 8em;
}
rz-field.-label-std:not(.-type-memo):not(.-type-checkbox) label {
  margin-bottom: -0.25rem /*  move little closer to input */;
  padding-top: 0.25rem /*  but keep same size, gives some space on top */;
}
rz-field.-label-floating:not(.-type-checkbox).is-empty:not([focus-within]) label {
  position: absolute;
  bottom: 4px;
}
rz-field.-label-floating:not(.-type-checkbox).is-empty:not(:focus-within) label {
  position: absolute;
  bottom: 4px;
}
rz-field.-label-floating:not(.-type-checkbox).is-empty:not([focus-within]) input {
  margin-top: 22px;
}
rz-field.-label-floating:not(.-type-checkbox).is-empty:not(:focus-within) input {
  margin-top: 22px;
}
rz-field.-label-none label {
  display: none;
}
rz-field.-type-checkbox > label {
  cursor: pointer;
  flex: initial;
  display: flex;
  margin: auto 0;
  align-self: flex-start;
}
rz-field.-type-checkbox > input {
  width: auto;
  flex: 0;
}
rz-field.right > input {
  text-align: right;
}
rz-field.-type-decimal:after {
  content: "%";
  position: absolute;
  left: 5em;
  bottom: 3px;
}
/*  in a row, center the checkbox vertically */
rz-row.-flex > rz-field.checkbox {
  align-self: center;
}
/*  in a cell flagged with 'fields', give virtical space */
rz-cell.fields > rz-field {
  margin-bottom: 0.75em;
}

.FormSection {
  margin-top: 32px;
}
.FormSection.first {
  margin-top: 0;
}
.FormSection h4 {
  color: #507a9b;
}

/*  An optional container of information/actions, when a conflict occurs */
.EntityErrorBox {
  border: 2px dashed #f00;
  padding: 0.75rem 1.25rem;
  color: #f00;
  max-width: 45em;
}
.EntityErrorBox p.instructions {
  max-width: 48em;
}

.EntityCard.-small-size {
  max-width: 30em;
}
.EntityCard.-mid-size {
  max-width: 50em;
}
.EntityCard.Pane {
  background-color: #fafafa /*  panes same as page, by default */;
  box-shadow: none;
/*  A container for the pane's heading, which The header section of a pane */
}
.EntityCard.Pane .Pane__heading {
  background-color: #fafafa;
  color: #507a9b;
}
.EntityCard.Pane .Pane__subject {
  padding: 0 1em;
}
.EntityCard.Pane .Pane__footer {
  background-color: #fafafa /*  panes same as page, by default */;
  color: #507a9b;
}
.EntityCard__empty {
  padding: 2em;
}
.EntityCard__subject {
  padding: 1em 1em 2em;
/*  fields not explicitly layed out in subject forms need bottom margin */
}
.EntityCard__subject > rz-form > rz-field {
  margin-bottom: 1em;
}
rz-row.-flex > .Pane.EntityCard {
  margin: 0 auto auto;
}

.QueryStatus {
  margin: 2em;
}

.PeopleQQ__params {
  margin-bottom: 1.5em;
}

.OrgsQQ__params {
  margin-bottom: 1.5em;
}

.LsHeaderCo {
  padding-top: 0.5em;
  border-bottom: 3px solid #0071e6;
  margin-bottom: 0.25rem;
}
.LsHeaderCo h5 {
  margin-top: 0;
}
.LsHeaderCo__actions .icon.select-all.-btn {
  color: #008000;
}
.LsHeaderCo__actions .icon.select-none.-btn {
  color: #ffa500;
}

.LsPanel {
  padding-bottom: 4px;
  border-bottom: 2px solid #0071e6;
/*  Give embedded tables (like those acting as a field in a form) a */
/*  more streamlined -- less stark -- appearance */
}
.LsPanel .ListTitle {
  padding-left: 1em;
}
.LsPanel > .LsPanel__ls {
  flex: 1;
  min-height: 10px;
}
.LsPanel__filter {
  margin: 0 1em;
}
.LsPanel.embedded {
  border: none /*  remove bottom border */;
}
.LsPanel.embedded >.LsHeaderCo {
  border-bottom: 1.5px solid #d3d3d3 /*  html LightGray */;
  margin-bottom: 0;
  padding-top: 0;
}
.LsPanel.embedded >.LsHeaderCo >.ListTitle {
  color: #808080 /*  html Gray */ /*  html Gray */;
  font-size: 0.85em;
  padding: 0;
}
.LsPanel.embedded >.TableCo table>thead>tr>th {
  background-color: #eee;
  border: none;
  color: #808080 /*  html Gray */ /*  html Gray */;
  font-size: 0.75rem;
}

.BoCard {
  margin: 0 /*  separation...  let containers do layout */;
  padding: 0 /*  bleed */;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.BoCard > .BoCardHeader {
  flex: 0;
  position: relative;
  margin-bottom: 0.5em;
  background-color: #0071e6;
}
.BoCard > .BoCardHeader > .BoCardHeader__heading {
  padding: 1px 0 2px 16px;
  border-top: 5px solid transparent;
  border-bottom: 1px solid #e8e8e8;
  color: #fcf1e5 /*  a light tint of #e67500 which is complementary to #0071e6 (rz-bg-head1) */;
  min-height: 35px;
}
.BoCard > .BoCardFooter {
  flex: 0;
  position: relative;
  margin: 0;
  margin-top: auto;
  padding: 0 0 0 1em /*  left only */;
  border-top: 1px solid #e8e8e8;
  border-bottom: 0.25rem solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  background-color: #fafafa /*  panes same as page, by default */;
  color: #507a9b;
}
.BoCard > .BoCardFooter h6 {
  margin: 0;
  display: inline-block;
  align-self: center;
}
.BoCard.dirty >.BoCardHeader .BoCardHeader__heading,
.BoCard.dirty:hover >.BoCardHeader .BoCardHeader__heading {
  border-top: 5px solid #f00;
}
.BoCard.dirty >.BoCardFooter,
.BoCard.dirty:hover >.BoCardFooter {
  border-bottom: 5px solid #f00;
}
.BoCard.-scroll-subject > .BoCard__subject {
  flex: 1;
  min-height: 10em;
  overflow-y: auto;
}
.BoCard .BoCard__meta {
  background-color: #e7e7e7;
  color: #181818;
  padding: 0.25em 1em;
}

.EntityContent > rz-form > rz-field {
  margin-bottom: 1em;
}

.ActiveBoCard.vh75 {
  min-height: 75vh;
}
.ActiveBoCard.-small-size {
  max-width: 32em;
}
.ActiveBoCard.-mid-size {
  max-width: 50em;
}
.ActiveBoCard__empty {
  padding: 2em;
}
.ActiveBoCard > .BoCard__subject {
/*  always inset entity content from card edge */
  padding: 1em 1em 2em;
}
.ActiveBoCard.BoCard {
  background-color: #fafafa /*  panes same as page, by default */;
  box-shadow: none;
}
.ActiveBoCard.BoCard >.BoCardHeader > .BoCardHeader__heading {
  background-color: #fafafa;
  color: #507a9b;
}
.ActiveBoCard.BoCard >.BoCardFooter {
  background-color: #fafafa /*  panes same as page, by default */;
  color: #507a9b;
}

.BoLsPanel {
  background-color: inherit;
}
.BoLsPanel__bo {
  padding-bottom: 0.5em;
}
.BoLsPanel__ls {
  margin-top: 1em;
}

.ActiveTable > .-table-header {
  border-bottom: 2px solid #0071e6;
  margin-bottom: 0.125rem /*  small space */;
}
.ActiveTable > .-table-header > .ActionBar {
  justify-content: flex-end;
  padding: 0.25rem 0.5rem;
  margin: 0;
}
.ActiveTable >.TableCo > table > thead {
  font-size: 0.8rem;
}
.ActiveTable.full-height >.TableCo > table > tbody {
  max-height: calc(100vh - 200px);
}

.MultiSelectTableCo {
  flex: 1;
  max-height: 100%;
}
.MultiSelectTableCo__header-extra {
  flex: 1;
  margin: 0 3em;
  align-items: flex-end;
  justify-content: flex-end;
}
.MultiSelectTableCo >.TableCo {
  flex: 1;
  min-height: 6em /*  arbitrary */;
  padding: 0 0 0.75em;
}
.MultiSelectTableCo >.TableCo > table.scroll {
  height: 100%;
}
.MultiSelectTableCo >.TableCo > table.scroll > tbody {
  max-height: none;
  height: calc(100% - 40px);
}

.LsBoPanel {
  background-color: inherit;
  padding: 0 0.5em 0.5em /*  top=0 fine with header; without may need override */;
}
.LsBoPanel__ls {
  max-width: 20em;
}
.LsBoPanel__bo {
  padding-left: 1em;
  border-left: 1px solid #d3d3d3;
}

.OwnedLsPanel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.OwnedLsPanel.-small {
  max-width: 32em;
}

.SidebarParams {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 1em;
/*  The component doesn't directly render the form, so its non-trivial */
/*  to explicitly set a "part" class on the form.  This works fine, but will */
/*  obviously fail if the rendered part is NOT an rz-form! */
}
.SidebarParams > rz-form {
  padding: 1em;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
/*  Targeting the rz-field element isn't as bad, since an rz-form is almost certainly */
/*  using rz-field descendants.   Notice here we're explicitly targeting direct */
/*  children (which don't have their own container managing field separation) */
}
.SidebarParams > rz-form > rz-field {
  margin-bottom: 0.5em;
}
.SidebarParams > .SidebarParams__submit {
  margin-top: 1em;
  margin-bottom: 0.5em;
  flex: 0 0 auto;
  width: 80%;
}

.PhonesTable >span.icon.row-icon.top {
  margin-top: 0.3em;
}

.PersonForm {
  padding: 1em;
}
.PersonForm__contact {
  margin-bottom: 32px;
}
.PersonForm__contact > rz-cell {
  min-width: 320px;
}
.PersonForm__details {
  margin-top: 4px;
}

.ContactSearch {
  height: 70vh;
  width: 70vw;
  max-width: 100%;
}
.ContactSearch__head {
  align-items: center;
  margin-bottom: 16px;
}
.ContactSearch__query .ButtonBar {
  margin: 0 32px 24px;
}
.ContactSearch__query .ButtonBar .TextButton {
  padding: 0;
  height: 36px;
}

.EditableItem .item> span {
/*  remove gutters from spans when editing an */
/*  element on a line.  Not needed and takes up space. */
  margin: 0;
}
.EditableItem__actions {
  flex: 1;
  max-width: 48px;
  text-align: right; /*  horiz */
  align-self: center; /*  vertical */
}
.EditableItem__actions span.icon.action {
  padding: 0.175em;
  border: 1px solid transparent;
}
.EditableItem__actions span.icon.action:hover {
  border: 1px solid #d3d3d3;
}
.EditableItem__actions span.icon.action.save {
  color: #008000;
}
.EditableItem__actions span.icon.action.cancel {
  color: #ffa500;
}
.EditableItem__actions span.icon.action.trash {
  color: #f00;
}
.EditableItem__modal-actions {
  margin-top: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.EditableItem.line>rz-form {
  padding: 0;
}
.EditableItem.line>.EditableItem__actions {
  max-width: 6em /*  room for horizontal */;
  flex: 0.25;
}
.EditableItem.line>.EditableItem__actions span.icon.action {
  padding: 1px;
  margin-right: -4px;
}
.EditableItem.inline rz-field {
  margin-top: 0;
  margin-bottom: 0;
}
.EditableItem.panel {
  padding-right: 12px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  margin: 1em -8px;
  box-shadow: 0 3px 17px #ccc;
}
.EditableItem.panel>rz-form {
  background: #fafafa;
  padding: 0.75em 0.5em 0.75em 1em;
  border-radius: 4px;
}
.EditableItem.panel>.EditableItem__actions {
  flex: 0;
  text-align: center;
  padding-bottom: 1.5em;
  padding-left: 0.3em;
}
.EditableItem.panel>.EditableItem__actions span.icon.action {
  display: block;
  font-size: 24px;
}
.EditableItem.expandLeft {
  margin-left: -8em;
}
.EditableItem.expandRight {
  margin-right: -8em;
}

.EditableList.Listing {
  max-width: 60em;
/*  Note: when editing a list item, drop-downs can sometimes be cut off, */
/*  when overflow is auto.   But setting to visible can mess up */
/*  long lists when editing, or especially adding. */
/*  FIXME: Find a solution, or use a modal dialog for editing */
}
.EditableList.Listing .Listing__header {
  display: flex;
  color: #a0a0a0 /*  mid */;
  font-size: 0.8rem;
  margin: 10px 0;
  transition: opacity 300ms;
}
.EditableList.Listing .Listing__header >div {
  flex: 1;
  margin: 0 8px;
}
.EditableList.Listing.is-editing .Listing__header {
  opacity: 0;
}
.EditableList.Listing.is-editing > ul.editable {
  overflow: visible;
}
.EditableList.Listing.is-editing > ul.editable > li.adding > .EditableItem {
  background-color: #f4f4f4;
}
.EditableList.Listing.is-editing > ul.editable > li.editing > .EditableItem {
  background-color: #f4f4f4;
}
.EditableList.Listing.is-editing > ul.editable > li.viewing {
  filter: blur(1.5px);
}
.EditableList.Listing.is-editing > ul.editable > li.viewing:nth-child(even) {
  filter: blur(1.5px);
}
.EditableList.Listing.is-editing > ul.editable > li.viewing:hover {
  background-color: #fff8dc;
  filter: none;
}
.EditableList.Listing .icon.add.icon-btn {
  margin-top: 0.25rem;
  margin-left: 0;
}
.EditableList.Listing ul.editable {
  overflow: auto;
}
.EditableList.Listing ul.editable > li {
  display: block;
  margin: 0;
  padding: 0;
/* border-bottom: 1px solid $gray-8 */
/* &:last-child */
/*     border-bottom-color transparent */
}
.EditableList.Listing ul.editable > li.viewing {
/* min-height: 35px; */
  align-items: center;
}
.EditableList.Listing ul.editable > li.viewing > .EditableItem {
  box-shadow: none;
}
.EditableList.Listing ul.editable > li .item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.EditableList.Listing ul.editable > li .item>* {
  flex: 1;
}
.EditableList.Listing ul.editable > li .item .label {
  font-size: 0.85em;
  color: $field-label-color;
}

.TaskForm {
  margin-top: 0.25em;
  margin-bottom: 1em;
}
.TaskForm .down0h {
  margin-top: 0.5em;
}
.TaskForm .TaskIncidents .incident {
  margin-top: 0.5em;
}
.TaskForm .TaskIncidents .incident .meta {
  font-size: 0.8rem;
  font-style: italic;
}

.UserTasksApp {
  max-width: 50rem;
  padding-top: 2em;
  margin: 0 auto;
}
.ContactTasksApp {
  max-width: 50rem;
  margin: 2em;
}
rz-row.todo-content {
/*  this is a hack until the top-level width:100% setting is removed from default rz-row */
/*  it messes with row lengths in a fixed width listing. */
  width: inherit;
  padding-right: 0.5em; /*  gives a little room... looks better when hovering */
}
.Tasks .Listing ul.editable {
  border-top: 2px solid #e8e8e8;
}
.Tasks .Listing ul.editable >li {
  border-bottom: 1px solid #e8e8e8;
}
.Tasks .Listing ul.editable >li:hover td.tool > button {
  visibility: visible;
}
.Tasks .Listing ul.editable >li.editing {
  padding: 2em 0;
}
.Tasks.Pane {
  min-width: 600px;
}
.Tasks.Pane >.Pane__subject {
  padding: 0 8px;
  margin-top: 1em;
}
.Tasks.Pane >.Pane__subject .todo-content {
  font-size: smaller;
  padding: 0.3em 0;
}
.Tasks.Pane >.Pane__subject .todo-content .contact {
  padding-top: 1em;
}
.Tasks.Pane >.Pane__subject .todo-content .contact a {
  z-index: 1;
  text-align: right;
  padding: 0.3em 0.75em;
  border: 1px solid #bebebe /*  X11 Gray */ /*   X11 Gray */;
  border-radius: 1em;
  color: #484848;
  text-decoration: none;
}
.Tasks.Pane >.Pane__subject .tool {
  width: 7%;
  vertical-align: middle;
  padding-right: 0.5em;
}
.Tasks.Pane .todo-due {
  padding: 0;
  text-align: center;
  background-color: transparent;
  color: #2f4f4f;
}
.Tasks.Pane .todo-due .date {
  font-size: smaller;
  border: 3px solid #d2691e;
  border-radius: 1em;
  padding: 0.4em 1em;
  min-width: 4em;
}
.Tasks.Pane .todo-due.unread .date {
  border: 3px dotted #d2691e;
}
.Tasks.Pane .todo-due.undated .date {
  border: 1px solid #008000;
}
.Tasks.Pane .todo-due.undated.unread .date {
  border: 1px dashed #008000;
}
.Tasks.Pane .todo-due.overdue .date {
  border-color: #f00;
}
.Tasks.Pane .todo-due.now .date {
  border-color: #d2691e;
}
.Tasks.Pane .todo-due.soon .date {
  border-color: #008000;
}
.Tasks.Pane .todo-due.later .date {
  border-color: #2f4f4f;
}
.Tasks.Pane .todo-meta {
  position: relative; /*  children have position absolute */
}

.AppLayout {
  height: calc(100vh - (0px + 114px));
  height: calc(100vh - (var(--breadcrumb-alert-height, 0px) + 114px));
}
.AppLayout__center {
  height: 100%;
  background-color: #fafafa;
}
.AppLayout__left {
/* margin-right 1.5em */
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(72,72,72,0.15);
}
.AppLayout__right {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(72,72,72,0.15);
}
.AppLayout__left,
.AppLayout__right {
  height: 100%;
  overflow: auto;
  z-index: 1;
}
@media (max-width: 480px /*  galaxy is largest currently */) {
  .AppLayout {
    flex-direction: column;
  }
  .AppLayout>* {
    width: calc(100vw - 16px);
    min-width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    margin: 0 auto 2em;
  }
}

.ConsumerForm {
  margin-bottom: 40px;
}

.VendorAccount {
  max-width: 70em;
}
.VendorAccount__settings {
  margin-top: 1em;
}

.ContactNotes {
  max-width: 768px /*  no particular reason */;
  padding: 0 0.5rem;
}

.SinglePageXT__ls {
  padding: 1em 0.75em 0.25em;
}

.ContactCardsPanel .Panel__content .LsPanel>.LsHeaderCo {
  padding-top: 0;
}

.PersonalDetails {
  margin-top: 40px;
}

.Pane.TravellerReservationHistory .Pane__subject {
  padding: 0.5rem;
}

.PeopleContacts .PeopleParamsFull__form {
  padding: 1em;
}
.PeopleContacts .PeopleParamsFull__tabs {
  margin-top: 1.5em;
  min-height: 16em;
}

.OrgContacts__params {
  padding: 1em;
}
.OrgContacts .OrgForm {
  padding: 1em;
}

.DashboardItem.WorkflowLinks {
  max-width: 50em;
}

.ModuleHome,
.ModuleDash {
  max-width: 90%;
  margin: 2em auto;
}
.ModuleHome .-shortcuts,
.ModuleDash .-shortcuts {
  max-width: 25em;
  text-align: center;
}
.ModuleHome >.Card,
.ModuleDash >.Card {
  text-align: center;
}
.ModuleHome h3,
.ModuleDash h3 {
  width: 100%;
  max-width: 30em;
  padding: 0 16px;
  border-bottom: 2px solid #484848;
  margin-bottom: 16px;
}
.ModuleHome__quick-links,
.ModuleDash__quick-links {
  max-width: 24em;
}
.ModuleHome__quick-links>ul>li,
.ModuleDash__quick-links>ul>li {
  display: block;
  margin-bottom: 0.5em;
}
.ModuleHome__big-links,
.ModuleDash__big-links {
  max-width: 24em;
}
.ModuleHome__big-links>ul>li,
.ModuleDash__big-links>ul>li {
  display: block;
  margin-bottom: 0.5em;
}
.ModuleHome nav.quick-links {
  max-width: 24em;
}
.ModuleHome nav.quick-links>ul>li {
  display: block;
  margin-bottom: 0.5em;
}

.PriceRequirementXT .ActiveBoCard {
  max-width: 32em;
  min-height: 30em;
}

.ChannelEditor__resellers {
  margin-top: 2em;
}

.Card.ReportRequest {
  max-width: 40em;
  margin: 20px auto;
  background-color: #fff;
  border-bottom: 6px solid #0071e6;
}
.Card.ReportRequest.-wider {
  max-width: 50em;
}
.Card.ReportRequest>header>h3 {
  padding-left: 2em;
  text-align: left;
}
.Card.ReportRequest>.Card__subject {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
}
.Card.ReportRequest>.Card__subject>.-main {
  flex: 1;
  min-width: 10em;
  padding: 0.75em 1.5em 3em;
}
.Card.ReportRequest>.Card__subject>.-main rz-form {
  margin-top: 0;
}
.Card.ReportRequest>.Card__subject>.-actions {
  padding: 0.5em;
  flex: 0;
  background-color: #eee;
  border-left: 2px solid #bbb;
  border-right: 2px solid #bbb;
}
.Card.ReportRequest>.Card__subject>.-actions>button.rz-button,
.Card.ReportRequest>.Card__subject>.-actions>button.rz-button-download {
  width: 10em;
  margin-bottom: 1em;
  background-color: #fff;
}


.ImportCustomers {
  max-width: 30em;
  border: 1px solid #008000;
  padding: 2em;
  margin: 2em auto;
}
.ImportCustomers h2 {
  margin-top: 0;
  text-align: center;
}

/*  CRM Style sheet */
#rz-crm .contact .rz-button-print {
  height: 20px;
  line-height: inherit;
  text-transform: none;
}
#rz-crm .ResellerForm .FeeExemptions rz-field.list,
#rz-crm .ConsumerForm .FeeExemptions rz-field.list {
  margin-left: 1em;
  max-width: 24em;
}
#rz-crm .ContactResults .nav-link {
  float: right;
  margin-right: 1em;
  margin-left: auto;
  text-align: right;
}
#rz-crm .CustomerNotes {
  margin-left: 1em;
  max-width: 40em;
}

nav.BreadCrumbNav .search-container {
  margin-left: auto;
  display: flex;
  align-items: center;
  position: relative;
}
nav.BreadCrumbNav .search-input {
  padding: 0.1em;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
  width: 250px;
}
nav.BreadCrumbNav .search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
}
nav.BreadCrumbNav .search-results li {
  padding: 0.1em;
  border-bottom: 1px solid #eee;
}
nav.BreadCrumbNav .search-results li:hover {
  background-color: #f0f0f0;
}
nav.BreadCrumbNav .search-results li a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
nav.BreadCrumbNav .search-results li a:hover {
  background-color: rgba(255,255,255,0.133);
}
nav.BreadCrumbNav .AppLevelAlert {
  display: inline-block;
  margin-left: 3em;
  color: #ff0;
  font-weight: bold;
  animation: blinker 4s linear infinite;
  height: 25px;
}
nav.BreadCrumbNav ul.BreadCrumbs {
  display: flex;
  align-items: center;
  padding: 2px 6px;
  z-index: 1;
  height: 2rem;
}
nav.BreadCrumbNav ul.BreadCrumbs >li {
  display: inline-block;
  vertical-align: middle;
}
nav.BreadCrumbNav ul.BreadCrumbs .sep {
  padding-bottom: 6px;
  font-size: x-large;
  line-height: 1rem;
}
nav.BreadCrumbNav ul.BreadCrumbs .nav-link {
  color: #fff;
}
nav.BreadCrumbNav ul.BreadCrumbs .nav-link:hover {
  background-color: rgba(255,255,255,0.133);
}
nav.BreadCrumbNav ul.BreadCrumbs li.app-nav-item {
  padding: 0 0.75em;
  position: relative;
}
nav.BreadCrumbNav ul.BreadCrumbs li.app-nav-item > div.drop-down {
  position: absolute;
  width: 20rem;
  left: 0;
  right: -10px; /*  justify a little right of the owner */
  z-index: 9;
  margin-top: 4px;
  padding: 0.25em 1em;
  background: rgba(255,255,255,0.9);
  border: 3px solid #e5b200;
  border-radius: 6px;
}
nav.BreadCrumbNav ul.BreadCrumbs li.app-nav-item > div.drop-down.hovering {
  margin-top: -2px;
  padding-top: 0;
}
nav.BreadCrumbNav ul.BreadCrumbs li.app-nav-item > div.drop-down.hovering ul.vertical li {
  padding: 0;
}
nav.BreadCrumbNav ul.BreadCrumbs li.app-nav-item .nav-link {
  margin: 0;
  padding: 0;
}

.UserWidget {
  min-width: 7em;
  margin-right: 2em;
  position: relative;
}
.UserWidget .user-name {
  padding: 0 8px;
  position: relative;
  bottom: 5px;
}
.UserWidget .menu {
  z-index: 9;
  position: absolute;
  top: 1.5em;
  right: 0;
  width: 100%;
  transition: 0.3s;
  background: #fafafa;
  border: 1px solid #bebebe /*  X11 Gray */ /*   X11 Gray */;
  box-shadow: 4px 4px 5px #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  padding: 0.25em 1.75em;
}
.UserWidget .menu .links {
  width: 100%;
}
.UserWidget .menu .links li {
  display: flex;
  justify-content: flex-end;
}

.UserPreferences {
  max-width: 50em;
  margin: 1em auto;
}
.UserPreferences h1 {
  text-align: center;
}

.AppHeader {
  width: 100%;
  height: 48px;
  display: flex;
  flex: 1 100%;
  padding: 0;
  background-color: #37414a;
  color: #fff;
  align-items: center;
}
.AppHeader h1 {
  margin: 0.5rem 0 0 1rem;
  flex: 1;
}
.AppHeader .-header-logo {
  margin: 0 1em;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  color: #fff;
}
.AppHeader .-header-logo img {
  display: inline-block;
  height: 1.25em;
}
.AppHeader .-branch-name {
  padding-bottom: 8px /*  calc( ( $page-header-h - this.div.height ) / 2 ) */;
}


/*  Login page styling */
.login {
  background: #fff;
  max-width: 80em;
  height: 100%;
  margin: 0 auto;
  padding: 4em;
}
/*  Login component styling */
.RezLogin__form {
  margin-left: 2em;
  padding-top: 2em;
}
.RezLogin__form p {
  margin-bottom: 2em;
}
.RezLogin__form input {
  margin-bottom: 1.5em;
  width: 100%;
}

.PaxTicket {
  padding: 4em 16em;
}
.PaxTicket .ShuttleTicket {
  height: 40em;
  width: 20em;
  border: 3px solid #556b2f;
  text-align: center;
}
.PaxTicket .ShuttleTicket .ResInfo {
  height: 9em;
  border: 2px solid #a9a9a9;
  margin: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PaxTicket .ShuttleTicket .ResQrCode {
  height: 12em;
  justify-content: center;
  background: #789;
  color: #ff0;
  font-weight: 700;
}
.PaxTicket .ShuttleTicket .TextButton {
  width: 90%;
  margin-top: 1em;
}

.SidebarPanel {
/* background rgba(249, 255, 229, 0.25) */
  border: 1px solid #d3d3d3;
  height: 100%;
}
.SidebarPanel header {
  padding: 0.75em 1em;
  background-color: #0071e6;
  color: #fcf1e5 /*  a light tint of #e67500 which is complementary to #0071e6 (rz-bg-head1) */;
  font-weight: 500;
}
.SidebarPanel__content.inset {
  padding: 1em;
}
.SidebarPanel__actions {
  padding: 0.5em 0.75em;
  display: flex;
  justify-content: flex-end;
}

.Emails {
  padding: 2em;
}

.PunchClock .Card__subject {
  padding: 0;
}
.PunchClock .-params {
  padding: 0.25em 1rem;
}
.PunchClock .-listing {
  background-color: #ccc;
  padding: 0.25rem 0;
}
.PunchClock .-listing h4 {
  margin: 0 1em;
}
.PunchClock .-subject {
  padding: 1rem;
}
.PunchClock .-shift-scheduled,
.PunchClock .-shift-clocked {
  padding: 0 1em;
}
.PunchClock .-shift-scheduled {
  border-right: 2px solid #d3d3d3;
}
.PunchClock .WestLabels.Grid.cols2 {
  grid-template-columns: 4em auto;
}
.PunchClock .WestLabels rz-cell:nth-child(odd ) {
  font-size: smaller;
  color: #808080;
  align-self: center;
}
.PunchClock .-shift-clocked .WestLabels.Grid.cols2 {
  grid-template-columns: 6em auto;
}
.PunchClock footer {
  border-top: 2px solid #d3d3d3;
  padding: 0.4em 0.5em;
}
.PunchClock footer div.instructions {
  margin-bottom: 0.5em;
}

.ContactSearch {
  height: 70vh;
  width: 70vw;
  max-width: 100%;
}
.ContactSearch__head {
  align-items: center;
  margin-bottom: 16px;
}
.ContactSearch__query .ButtonBar,
.ContactSearch__query margin 0 32px 24px,
.ContactSearch__query .TextButton {
  padding: 0;
  height: 36px;
}
.ContactSearch .FindPerson__params {
  margin-bottom: 1.5em;
}

.Travellers {
  flex: 1;
  position: relative;
}
.Travellers__note {
  background-color: #ddf589;
  color: #808080 /*  html Gray */;
  padding: 2px 0.5rem;
}
.Travellers rz-form {
  padding: 0;
}
.Travellers .Panel__content {
  height: 100%;
  position: relative;
}
.Travellers__listing {
  max-height: 40vh /*  arbitrary */;
}
.TravellerRowView {
  padding: 0.25rem;
  cursor: pointer;
}
.TravellerRowView__toggler {
  max-width: 30%;
  text-align: center;
  border-left: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
}
.TravellerRowView.is-active {
  color: #fff;
  background-color: #79afd7;
  position: relative;
}
.TravellerRowView.is-active .icon-check {
  font-weight: bold;
}
.TravellerRowView .icon-check {
  color: #d3d3d3 /*  html LightGray */;
}
.TravellerRowForm {
  width: 640px;
}
.TravellerRowForm__buttons {
  margin: 1.5rem -1rem -1rem -1rem;
  display: flex;
}

.SalesContact.is-required{border-bottom:1px solid red}.SalesContact .placeholder{color:#d3d3d3}
.ShopperCo{padding:.25em 1em;margin-bottom:.5em}.ShopperCo a.btn-link{margin-bottom:-0.25rem}
.AvailParams{min-width:320px;max-width:626px;display:flex;flex-direction:column}.AvailParams__pax{margin:0;margin-bottom:1em}.AvailParams__type{padding:0 1rem .5rem}.AvailParams__dates{margin-bottom:1.5em}.AvailParams__params{flex:1}.AvailParams__params .travel-params{padding:1.5em 1em 1em}.AvailParams__params .travel-params section.Tabbed.-product-tabs{margin-top:0;padding-top:0}.AvailParams__params .travel-params section.Tabbed.-product-tabs .FormSection{margin-top:0;margin-bottom:2em}.AvailParams__params .travel-params section.Tabbed.-product-tabs .FormSection h4{margin:0}@media(max-width 1024px){.AvailParams .ParamsPane .Panel__content>.Grid{grid-template-columns:repeat(1, 1fr)}}
.TaggedMemoForm {
  max-height: 80vh;
  overflow-y: auto;
}
.TaggedMemoForm .Grid.-header-fields {
  margin-bottom: 1em;
}
.TaggedMemoForm .Grid.-header-fields > rz-field.-label-std {
  margin-bottom: 0;
}

.TaggedMemoView > div {
  margin-left: 0.1em;
}

.PrefsForm {
  padding: 2em;
}
.PrefsForm .Tabbed article {
  padding: 0 2em;
  max-width: 40em;
}
.PrefsForm .Tabbed article.-wider {
/*  wider content */
  max-width: 54em;
}
.PrefsForm .Tabbed article.-tabbed {
/*  content contains tabs */
  max-width: 48em;
}
.PrefsForm .Tabbed article h3 {
  margin-bottom: 2em;
}
.PrefsForm .Tabbed article rz-field.-label-west:not(.-type-checkbox) {
  width: 100%;
  align-items: flex-end;
}
.PrefsForm .Tabbed article rz-field.-label-west:not(.-type-checkbox) >label {
  min-width: 16em /*  override in specific cases */;
  max-width: 16em;
  text-align: right;
  padding-right: 1.25em;
}
.PrefsForm .Tabbed article rz-field.-label-west:not(.-type-checkbox) >label::after {
  content: " :";
}
.PrefsForm .Tabbed article rz-field.-label-std {
  margin-bottom: 2em;
}
.PrefsForm .Tabbed article rz-field.-label-std.-type-checkbox {
  margin-bottom: 0.5em;
}
.PrefsForm .Tabbed article .ShuttleSettingTabs {
  margin-top: 2em;
}

.PrefsEditor__actions {
  margin-top: 2em;
}

.FacilityBox {
  padding: 10px 15px;
  padding-right: 40px;
  position: relative;
  background-color: #fefefe;
  color: #535353;
  display: flex;
  width: 100%;
  align-items: flex-start;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
}
.FacilityBox:after {
  content: '\F107';
  font-family: 'FontAwesome';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.is-open.FacilityBox:after {
  transform: translateY(-50%) rotate(180deg);
}
.FacilityBox__image-wrapper {
  width: 70px;
  height: 70px;
/* border 1px solid #555 */
  margin-right: 15px;
  flex: none;
  position: relative;
  overflow: hidden;
}
.FacilityBox__image-wrapper img {
/* max-width 100% */
  max-height: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.FacilityBox__meta-outside {
  position: absolute;
  right: -8px;
  top: 6px;
  font-size: x-small;
  color: #a0a0a0;
  transform: rotate(90deg);
  margin-right: 0 !important;
}
.FacilityBox__name {
  font-size: 18px;
}
.FacilityBox__city {
  color: #999;
}
.FacilityBox__preferred {
  font-size: 12px;
}
.FacilityBox__header {
  display: flex;
  align-items: baseline;
}
.FacilityBox__header > * {
  margin-right: 15px;
}
.is-open .FacilityBox__header {
  margin-bottom: 5px;
}
.FacilityBox__amenities {
  font-size: 12px;
  color: #5c7b92;
  margin-bottom: 5px;
}
.FacilityBox__description {
  font-size: 12px;
  margin-bottom: 5px;
}

.IntervalBox__values {
  display: flex;
  padding: 0.25rem 10px;
  justify-content: space-between;
  line-height: 20px;
  position: relative;
  font-size: 14px;
  min-height: 40px;
  align-items: center;
}
.IntervalBox__values > * {
  flex: 1;
  padding: 0.25rem 0;
}
.IntervalBox__values > .discounted {
  color: #008000;
  font-weight: 700;
}
.IntervalBox__children {
  background-color: #f3f7fa;
  padding: 0;
}
.IntervalBox__children > * {
  padding-left: 1rem;
  border-bottom: 1px solid #fff;
}
.IntervalBox__button {
  background-color: #6da7d1;
  height: 24px;
  color: #fff;
  flex: 0;
  line-height: 24px;
  font-size: 14px;
  cursor: pointer;
  align-self: center;
  padding: 0 5px;
}
.IntervalBox__dates {
  min-width: 210px;
}
.IntervalBox.-has-children .IntervalBox__values {
  cursor: pointer;
}
.IntervalBox.-has-children .IntervalBox__values > * {
  flex: 1;
  padding: 0 5px;
}
.IntervalBox.-has-children:hover {
  background-color: #fafafa;
}
.IntervalBox.-has-children:after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 10px;
  color: #777;
}
.RzBox.of-avail-product > .-values {
  display: flex;
  padding: 0.25rem 10px;
  justify-content: space-between;
  line-height: 20px;
  position: relative;
  font-size: 14px;
  min-height: 40px;
  align-items: center;
}
.RzBox.of-avail-product > .-values > * {
  flex: 1;
  padding: 0.25rem 0;
}
.RzBox.of-avail-product.-has-children .RzBox.of-avail-product__values {
  cursor: pointer;
}
.RzBox.of-avail-product.-has-children .RzBox.of-avail-product__values > * {
  flex: 1;
  padding: 0 5px;
}
.RzBox.of-avail-product.-has-children:hover {
  background-color: #fafafa;
}
.RzBox.of-avail-product.-has-children:after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 10px;
  color: #777;
}

.IntervalBox__values {
  display: flex;
  padding: 0.25rem 10px;
  justify-content: space-between;
  line-height: 20px;
  position: relative;
  font-size: 14px;
  min-height: 40px;
  align-items: center;
}
.IntervalBox__values > * {
  flex: 1;
  padding: 0.25rem 0;
}
.IntervalBox__values > .discounted {
  color: #008000;
  font-weight: 700;
}
.IntervalBox__children {
  background-color: #f3f7fa;
  padding: 0;
}
.IntervalBox__children > * {
  padding-left: 1rem;
  border-bottom: 1px solid #fff;
}
.IntervalBox__button {
  background-color: #6da7d1;
  height: 24px;
  color: #fff;
  flex: 0;
  line-height: 24px;
  font-size: 14px;
  cursor: pointer;
  align-self: center;
  padding: 0 5px;
}
.IntervalBox__dates {
  min-width: 210px;
}
.IntervalBox.-has-children .IntervalBox__values {
  cursor: pointer;
}
.IntervalBox.-has-children .IntervalBox__values > * {
  flex: 1;
  padding: 0 5px;
}
.IntervalBox.-has-children:hover {
  background-color: #fafafa;
}
.IntervalBox.-has-children:after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 10px;
  color: #777;
}

.TripSpecColumn {
  background-color: #fafafa;
  height: 90vh;
}
.TripSpecColumn h4 {
  padding-top: 0.75em;
  padding-bottom: 1em;
  text-align: center;
  font-weight: bold;
}
.TripSpecColumn > .avail-result.selected {
  background-color: #ffd700;
}
.TripSpecColumn > .-specs {
  flex: 0;
}

/* .AvailabilityNew.AvailabilityNew.AvailabilityNew */
.AvailResults {
  margin: 0 16px 0 16px;
  flex: 1;
  min-width: 655px;
}
.AvailResults__top {
  display: flex;
  margin-bottom: 15px;
}
.AvailResults__top .ComboBox {
  background-color: #fff;
}
.AvailResults__search {
  background-color: #fff;
  margin-right: 15px;
  text-align: right;
  padding: 0 10px;
}
.AvailResults .avail-result {
  border: none;
  margin: 0 0 15px 0;
  padding: 0.5em;
  background-color: #fefefe;
  box-shadow: 0 1px 12px rgba(51,51,51,0.129);
}
.AvailResults.-empty {
  padding-top: 300px;
  text-align: center;
  color: #bdc7da;
}
.AvailResults .Tabbed {
  margin: 0;
  padding: 0;
}
.AvailResults .expansion-btn {
  padding-bottom: 0.5em;
  margin-top: auto;
  color: #777;
  font-size: 0.85em;
  font-weight: bold;
}
.AvailResults .spec-facility-logo {
  max-height: 2em;
}

.ExploreParams .DiscoveryParams__form {
  flex: 1;
  overflow-y: auto;
}
.ExploreParams .SideBarPanel__actions {
  padding: 0.5em;
}
.ExploreParams__detail {
  margin-bottom: 1em;
}
.ExploreParams__detail.is-collapsed {
  margin-bottom: 3em;
}

.ExploreResults h2 {
  margin: 0.5em 0;
}
.ExploreResults h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}
.ExploreResults__filter {
  margin-bottom: 1em;
}
.Card.ExploreResult {
  padding: 0;
  margin-bottom: 1em;
  max-width: 25em;
}
.Card.ExploreResult .Card__subject {
  padding: 0;
  overflow: hidden;
}
.Card.ExploreResult .-head-content {
  padding: 0.5em;
}
.Card.ExploreResult .-text-content {
  padding: 0.5em;
}
.Card.ExploreResult header.ExploreResultHeader {
  padding: 0 0.5em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.Card.ExploreResult header.ExploreResultHeader > .StarRating {
  padding: 0.1em 0.25em;
  border: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  border-radius: 4px;
}
.Card.ExploreResult.-large img {
  width: 100%;
  max-height: 20em;
}
.Card.ExploreResult.-large .-region {
  background-color: #bbb;
}
.Card.ExploreResult.-large .-region > h4 {
  text-align: center;
}

.EventManifest > ul {
  border-top: 1px solid #808080;
  padding-top: 0.5em;
}
.EventManifest > ul > li {
  margin: 0;
  font-size: 0.9rem;
}
ul.ListCo.manifest {
  border-top: 1px solid #808080;
  padding-top: 0.5em;
}
ul.ListCo.manifest > li {
  margin: 0;
  font-size: 0.9rem;
}
ul.ListCo.manifest > li .ShareButton {
  margin-top: 0.5em;
  height: 2em;
}

/*  DiscoveredFacility.styl */
.DiscoveredFacility > .-event-dates {
  display: flex;
  flex-direction: column;
  margin: 1em auto;
  height: 15em;
  border: 1px solid #87cefa;
  background-color: #eee;
  padding: 0 0.5rem;
  width: 100%;
}
.DiscoveredFacility > .-actions {
  margin-bottom: 1.5em;
}
.DiscoveredFacility .result-content,
.DiscoveredFacility .result-manifest {
  margin: 1em auto;
  border: 1px solid #87cefa;
  background-color: #eee;
  padding: 0.5rem;
  display: flex;
  min-height: 10em;
  width: 100%;
}
.DiscoveredFacility .result-manifest {
  flex: 1;
}
.DiscoveredFacility .ManifestHeading {
  border-bottom: 2px solid #d3d3d3;
}

.DiscoverySearch h3 {
  margin-top: 0.25em;
}
.DiscoverySearch .ExploringPane {
  height: 100%;
  padding: 0 0.75em;
}
.DiscoverySearch .ExploringPane > .-actions {
  border-top: 2px solid #808080;
  padding: 2em;
}

.CreateWizard.booking {
  max-width: 40em;
  margin: 0 auto;
}
.CreateWizard.booking .-subhead {
  margin: 0 0 2em;
}
.CreateWizard.booking .-subhead >.label {
  font-size: smaller;
  font-style: italic;
}
.CreateWizard.booking .-subhead >.data {
  margin: 0;
}
.CreateWizard.booking footer.-buttons {
  margin-top: 2em;
}


rz-row.ConnectionView.-flex {
  align-items: center;
}
rz-row.ConnectionView.-flex >span.rz-icon {
  font-size: 20px;
}

.BillBooking {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 1em;
}

.Modal.-full-screen.BookedComponent .Modal__container {
  max-width: 1200px;
}

.SpecEditorPopup .-date-time {
  padding: 0.5em 3em;
}


.ResTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 2em;
}

.ReservedUnits__allnone {
  font-size: 12px;
  padding-left: 0.25rem;
  margin-bottom: 0.25rem;
}
.ReservedUnits__item {
  background: #8ba2b3 /*  reverse header */;
  color: #fff;
  border: none;
  line-height: 36px;
  margin-bottom: 4px;
  width: calc(100% - 8px);
  position: relative;
  justify-content: normal;
  cursor: pointer;
  padding: 0 8px;
  padding-right: 0;
  display: flex;
}
.ReservedUnits__item >.ResTitle {
  flex: 1;
}
.ReservedUnits__item >.icon {
  flex: 0;
}
.ReservedUnits__item.is-active {
  background-color: #78afd5;
}
.ReservedUnits__item.is-active:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-left: 8px solid #78afd5;
  border-bottom: 18px solid transparent;
  position: absolute;
  right: -8px;
}
.ReservedUnits__item.is-selected {
  background-color: #78afd5;
}
.ReservedUnits__placeholder {
  position: absolute;
  transform: translate(-50%);
  top: 50%;
  left: 50%;
  color: #999;
  line-height: 16px;
}
.ReservedUnits__del-button,
.ReservedUnits__check-button {
  font-size: 18px;
  width: 36px;
  align-self: center;
  margin-left: auto;
/* border-left 1px solid white */
}
.ReservedUnits__check-button {
  border: 1px solid #fff;
  font-size: 16px;
  width: 26px;
  margin-right: 7px;
  border-radius: 4px;
}
.ReservedUnits__check-button:before {
  color: transparent;
}
.is-selected .ReservedUnits__check-button:before {
  color: inherit;
}

.ResPrice .ResPriceCalcLine {
  background-color: rgba(6,110,13,0.09);
  padding: 0.5em 1em;
  border: 2px solid #ddd;
}
.ResPrice .ListingPanel {
  margin-top: 1.5em;
  margin-bottom: 0;
}
.ResPrice .ListingPanel .Panel__title {
  padding-left: 0;
}

.BookingReses rz-row.-flex > .ButtonBar {
  flex: 0 /*  override */;
  margin-left: 1em;
}
.BookingReses.Tabbed {
  margin-left: 1em;
}
.BookingReses.Tabbed > nav > .tabs-actions {
  display: none;
}
.BookingReses.Tabbed .ResAssign {
  max-width: 30em;
  margin-left: 5em;
}
.BookingReses.Tabbed .ResAssign > rz-field {
  margin-bottom: 1em;
}

.BookingPriceSummary {
  flex: 1;
  margin-left: 1rem;
  max-width: 320px;
  display: flex;
  flex-direction: column;
}
.-component-mode .BookingPriceSummary {
  background-color: #e7e7e7;
}
.BookingPriceSummary__buttons {
  margin: auto 0 -1em 0;
  display: flex;
}
.BookingEditor__row {
  margin: 1rem;
}
.BookingEditor.-component-mode .BookingInfoSummary .Pane__header {
  display: none;
}
.-component-mode .BookingInfoSummary {
  background-color: #e7e7e7;
}
.BookingInfoSummary .Pane__subject > rz-cell.inset {
  padding-top: 0.25em;
}
.BookingInfoSummary .Pane__subject > rz-cell.inset > .-meta {
  margin-right: 2em;
}
.BookingInfoSummary .ComponentReplaceField {
  margin-top: 1em;
}
.BookingComments {
  padding: 1em;
}
.BookingDetails {
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.08), 0 0 8px 0 rgba(0,0,0,0.12);
  padding-bottom: 2em;
  min-height: 25em;
}
.BookingDetails.Tabbed.-horizontal > nav {
  margin-bottom: 0.5em /*  reduce from default */;
}
.BookingDetails .ReservedUnits {
  margin-top: 1em;
}
.NewComponentModal .Modal__content {
  min-height: 500px;
  min-width: 800px;
}

.BookingModule {
  max-width: 1360px;
  min-width: 1024px;
  margin: auto;
  min-height: calc(100vh - 153px) /*  temp, need to through height 100% from top level */;
}
/* overrides that could be global */
/* .Listing */
/*     >ul */
/*         >li */
/*             min-height 50px!important */
/*             background-color: $color-blue-light */
/*             padding-bottom: 4px */
/*             padding-top: 13px */
/*             padding-left: 8px */

.StatCal {
  display: flex;
  flex-direction: column;
  max-height: 500px /*  this is arbitrary, allowing charter selection to scroll... needs usability testing (and/or rewrite wizard containers) */;
}
.StatCal__description-column {
  width: 220px;
  padding: 0.5rem;
  padding-left: 0;
  line-height: 1em;
  text-align: center;
}
.StatCal h3.StatCal__description-column {
  font-size: 1.2em;
  margin-top: 0.5em;
}
.StatCal__dates {
  display: flex;
  color: #7c86a2;
  flex: 0;
}
.StatCal__facility {
  margin-bottom: 1rem;
}
.StatCal__product {
  display: flex;
}
.StatCal__facility-name {
  color: #303030;
  font-weight: 500;
}
.StatCal__cell {
  cursor: pointer;
}
.StatCal__cell.-status-Open:hover {
  background-color: #008000;
}
.StatCal__cell,
.StatCal__date {
  background-color: #fff;
  min-width: 60px;
  padding: 0.5rem;
  margin-right: 0.5rem;
  flex: 1;
  text-align: center;
  justify-content: center;
}
.StatCal .-status-Open:before,
.StatCal .-status-Quote:before,
.StatCal .-status-Order:before {
  content: '';
  display: block;
  margin: auto;
  border-radius: 50%;
  background-color: #b8e986;
  width: 15px;
  height: 15px;
}
.StatCal .-status-Open:before {
  background-color: #b8e986;
}
.StatCal .-status-Quote:before {
  background-color: #ffb945;
}
.StatCal .-status-Order:before {
  background-color: #fe8795;
}
.StatCal__legend {
  display: flex;
  justify-content: flex-end;
  color: #7c86a2;
}
.StatCal__legend-item {
  display: flex;
  margin-right: 1.5rem;
  font-size: 12px;
}
.StatCal__legend-item:before {
  margin-right: 0.5rem !important;
}
.StatCal__date {
  background-color: transparent;
}

.TaxesField__dialog > .Dialog__box {
  max-width: 40em;
}

.ExtraItemEdit {
  min-width: 916px;
  display: flex;
  position: relative;
  min-height: 400px;
}
.ExtraItemEdit__combos {
  padding-right: 1em;
  border-right: 1px solid #e8e8e8;
}
.ExtraItemEdit__list {
  min-width: 200px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 400px;
  z-index: 0;
}
.ExtraItemEdit__product {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.ExtraItemEdit__product-content {
  margin-bottom: auto;
}
.ExtraItemEdit__content {
/* width: 600px */
  width: 100%;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
}
.ExtraItemEdit__buttons {
  margin: 0;
  margin-top: auto;
}
.ExtraItemEdit__placeholder {
  margin: auto;
  color: #808080 /*  html Gray */;
}
.ExtraItemEdit__billing {
  padding: 0.5rem;
  background-color: #f5f2ea;
}

.WizardStep {
  margin: 0 1em 1em 2em;
  max-width: 960px;
}
.WizardStep__title {
  display: flex;
  color: #79afd7;
  font-size: 1.125em;
  position: relative;
/* align-items: center */
  padding-left: 0.4em;
  align-items: baseline;
  width: -moz-max-content;
  width: max-content;
}
.WizardStep__nextBtn {
  min-width: 140px;
  margin-left: auto;
  display: block;
}
.WizardStep__name {
  display: flex;
  align-items: center;
}
.WizardStep__name:before {
  content: '';
  width: 0.438em;
  height: 0.438em;
  border-radius: 50%;
  background-color: #bebebe /*  X11 Gray */;
  position: absolute;
  left: -0.95em;
  box-shadow: 0 0 0 0.5em #fafafa;
}
.WizardStep__value {
  white-space: pre-wrap;
}
.WizardStep__content {
  padding: 0 5px 1rem;
}
.WizardStep__content .item {
  background-color: $rz-wizard-semi-bg;
}
.WizardStep.is-active .WizardStep__title:before {
  background-color: #79afd7;
  width: 0.5em;
  height: 0.5em;
}
.WizardStep.is-active .WizardStep__name {
  font-weight: 500;
}
.WizardStep.is-disabled .WizardStep__title {
  color: #bebebe /*  X11 Gray */;
}

.WizardSidebar {
  background-color: #fff;
  display: flex;
  flex-direction: column;
/* min-height: 100% */
/* max-height: 100% */
  height: 100%;
/* box-shadow: 0 0 4px 0px #4848481c */
}
.SidebarBilling {
  margin-top: auto;
}

.ResSummary__table {
  display: flex;
  flex-direction: column;
}
.ResSummary__table > div {
  display: flex;
}
.ResSummary__table > div:first-child {
  color: #bebebe /*  X11 Gray */;
  text-align: center;
}
.ResSummary__table > div > div {
  flex: 1;
  text-align: right;
}
.ResSummary__table > div > div:first-child {
  width: 200px;
  color: #bebebe /*  X11 Gray */;
  text-align: left;
}

.WizardProposals__summary {
  display: flex;
  flex-direction: column;
}
.WizardProposals__summary > div {
  display: flex;
}
.WizardProposals__summary > div:first-child {
  color: #bebebe /*  X11 Gray */;
  text-align: center;
}
.WizardProposals__summary > div > div {
  flex: 1;
  text-align: right;
}
.WizardProposals__summary > div > div:first-child {
  width: 200px;
  color: #bebebe /*  X11 Gray */;
  text-align: left;
}
.WizardProposals__layout {
  display: flex;
}
.WizardProposals__layout .ProposedPricing {
  flex: 1;
  margin-top: 0.75rem;
}
.WizardProposals__layout .ProposedPricing .ResTaxes {
  margin-top: 1em;
}
.WizardProposals__layout .ProposedPricing .ResTaxes .Panel__content .Listing {
  padding: 0 2em 0 0.5em;
}
.WizardProposals__layout .ProposedPricing .ResTaxes .Panel__content .Listing.is-editing {
  padding: 0 0;
}
.WizardProposals__layout .ResDiscounts {
  margin-top: 1em;
}
.WizardProposals__layout .ResDiscounts .Panel__content .Listing {
  padding: 0 2em 0 0.5em;
}
.WizardProposals__layout .ResDiscounts .Panel__content .Listing.is-editing {
  padding: 0 0;
}
.WizardProposals__layout .ResSummary {
  width: 310px;
  margin-left: 1.5rem;
}
.WizardProposals .ProposedReses {
  margin-bottom: 1em;
}
.WizardProposals .ProposedResOther {
  margin: 1em;
  margin-left: auto;
  width: 16em;
}

.TerminalInfoButton {
  margin: 1em 0 0;
  height: 4em;
  text-align: center;
}
.TerminalInfoButton .TextButton {
  width: 100%;
  height: 100%;
}
.TerminalInfoBox {
  height: 10em;
  padding: 1em 0.5em 0.5em;
}
.TerminalInfoBox .-stats {
  padding: 0 0.5em;
  margin-bottom: 0.5em;
}
.TerminalInfoBox .-stats.Grid {
  grid-row-gap: 0;
}
div.error {
  margin: 0.5em;
  padding: 0.75em;
  border: 2px dashed #f00;
  color: #f00;
}

.PosTx {
  margin: auto;
  background-color: #f5f5f5 /*  html WhiteSmoke */;
}
.PosTx__main {
  text-align: center;
  padding: 0.5em;
}
.PosTx__main .TextButton {
  width: 100%;
}
.PosTx__status {
  margin: 1em 0;
  height: 200px;
}
.PosTx__actions {
  height: 3em;
  background: #f5f5f5 /*  html WhiteSmoke */;
}

.PosPayment .Modal__content {
  padding: 0;
  width: 450px;
}
.PosPayment__billing.Grid {
  grid-column-gap: 0;
}
.PosPayment__payer {
  margin: 1em;
}
.PosPayment__payer rz-field {
  margin-bottom: 0.75em;
}
.PosPayment__amount {
  margin: 1em;
}
.PosPayment__amount >label.checkbox {
  margin-top: auto /*  put check box at bottom of grid cell */;
}

.PosVoid .Modal__content {
  padding: 0;
  width: 300px;
}
.PosVoid__amounts.Grid {
  grid-column-gap: 0;
  margin-bottom: 2em;
}

.PosComplete .Modal__content {
  padding: 0;
  width: 450px;
}
.PosComplete__billing.Grid {
  grid-column-gap: 0;
}
.PosComplete__payer {
  margin: 1em;
}
.PosComplete__payer rz-field {
  margin-bottom: 0.75em;
}
.PosComplete__amount {
  margin: 1em;
}


.WizardCheckout__ticketing {
  margin-top: 0.75em;
  margin-bottom: 1.25em;
  border: 1px dashed #a0a0a0 /*  mid */;
  padding: 0.25rem 1rem;
}
.WizardCheckout__ticketing label {
  font-size: 1.05em;
}
.WizardCheckout__ticketing >rz-field.-label-std.-type-text > label {
  font-weight: bold;
  margin-bottom: 0.25em;
}
.WizardCheckout__receipts {
  margin-top: 1.5em;
}
.WizardCheckout__summary {
  padding-left: 1.5em;
}
.WizardCheckout__summary .LabelValue {
  padding: 0.25rem 1rem 0.25rem 1rem;
  background-color: #f2f2f2;
  border: 1px solid #d3d3d3 /*  html LightGray */;
}
.WizardCheckout__summary .LabelValue.-paid {
  background-color: #ddf589;
}
.WizardCheckout__summary .LabelValue.-balance {
  background-color: #ffdfdf;
}
.WizardCheckout__summary .LabelValue .LabelValue__label {
  font-size: 1rem;
}
.WizardCheckout__cashbox {
  margin: 0.5em 1em 1em;
  border: 1px solid #d3d3d3;
  padding: 0.75em;
}
.WizardCheckout .TextButton {
  border-radius: 4px;
}
.WizardCheckout .TextButton.save {
  margin-top: 0.5em;
  width: 100%;
}
.WizardCheckout .PaidVoucher {
  margin: 0.5em 2em 1em;
  border: 1px solid #d3d3d3;
  padding: 0.75em;
}

.WizardStepsContainer {
  position: relative;
  margin: 0 auto;
  max-width: 1024px;
  height: 100%;
  padding-top: 1em;
}
.WizardStepsContainer:before {
  content: '';
  width: 1px;
  top: 1em;
  bottom: 1em;
  position: absolute;
  background-color: #d3d3d3 /*  html LightGray */;
  left: 1.1em;
}
.WizardNotice {
  max-width: none;
}

.WizardProductList__table {
  width: 100%;
/* margin-bottom:1.5rem */
  table-layout: fixed;
  background-color: #f4f9fc;
  max-width: 900px;
}
.WizardProductList__facility {
  text-align: left;
  font-weight: 500;
  font-size: 1em;
  background-color: #f4f9fc;
  padding: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.WizardProductList__facility-product {
  flex: 3;
}
.WizardProductList__header th {
  color: #a0a0a0 /*  mid */;
  font-weight: normal;
  font-size: 10px;
}
.WizardProductList__item td {
  text-align: center;
  padding: 0.5rem;
}
.WizardProductList__item td:first-child {
  text-align: left;
}
.WizardProductList__item td.WizardProductList__action {
  text-align: right;
}
.WizardProductList__item td.WizardProductList__action .SmallInteger {
  margin: auto;
}
.WizardProductList .WizardStep__nextBtn {
  max-width: 20em;
  margin: 1em auto 0;
}

.PickupTime {
  margin-bottom: 1em;
}
.PickupTime >.RadioGroup {
  margin-bottom: 1em;
}
.PickupTime.ReturnBlock {
  margin-left: 3em;
}

.ShuttlePickupTiming__times {
  padding-top: 70px;
}
.ShuttlePickupTiming {
  margin-bottom: 20px;
}

.AsiProduct__tabs {
  display: flex;
  margin-bottom: 1rem;
}
.AsiProduct__tab {
  padding: 0 1rem;
  transition: 0.75s;
  border-bottom: 3px solid #e5e5e5;
/* min-width 200px */
  text-align: center;
  line-height: 2em;
  cursor: pointer;
  position: relative;
}
.AsiProduct__tab.is-selected {
  border-bottom-color: #337ab7;
  background-color: #f5f5f5;
  color: #367fb5;
}
.AsiProduct__tab.is-selected .selector .arrow {
  visibility: visible;
}
.AsiProduct__tab.is-selected .selector .value {
  color: #367fb5;
}
.AsiProduct__tab .selector {
  padding-right: 0.5rem;
}
.AsiProduct__tab .selector .control {
  border: none;
}
.AsiProduct__tab .selector .value {
  padding: 1rem;
  padding-right: 0.75rem;
}
.AsiProduct__tab .selector .arrow {
  visibility: hidden;
}
.AsiProduct__tab-mask {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.AsiProduct__remaining.danger {
  color: #f00;
}
.AsiProduct__remaining.caution {
  color: #ffa500;
}
.AsiProduct__remaining.good {
  color: #4fdd72;
}
.LocationOption {
  margin-bottom: 0.25rem;
/* border-bottom: 1px solid $gray-8 */
  display: flex;
}
.LocationOption__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 8px;
}
.LocationOption__name {
  font-size: 1.5em;
  line-height: 1em;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.LocationOption__zone {
  margin: 0 0.5rem -4px 0;
}
.LocationOption__description {
  font-size: 0.7em;
  color: #808080 /*  html Gray */;
}

.ModalMenu {
  position: relative;
/*  .drop-down styled in /ui/site.scss */
}

li>.sublist-title {
  font-style: italic;
  font-weight: 700;
}
ul.SubList {
  padding-left: 2em;
}
ul.SubList.across {
  display: flex;
}
ul.SubList.across li {
  font-size: 1.6em;
  padding: 0.5rem;
  margin: 1rem;
  list-style: none;
}

/*  Generic Entity Styling */
.EntityTitle {
  display: flex;
}
.EntityTitle__domain {
  flex: 0 0 auto;
  padding-right: 1em;
  border-right: 2px solid #a0a0a0 /*  mid */;
}
.EntityTitle__title {
  margin: auto 0;
  padding-left: 12px;
}

.SideBarSearchPanel .SideBarPanel__content > rz-form rz-field {
  margin-bottom: 0.6em;
}

.BudgetItemCost.Dialog .Dialog__content {
  width: 45em;
}

.PoEntryForm__amounts {
  padding-left: 4em;
}

.PoPaymentRq header {
  background-color: #f4f4f4 /*  shading of descriptive / less important data */;
  padding: 1em;
  border-bottom: 2px solid #d3d3d3;
}
.PoPaymentRq__payable {
  min-width: 54em;
  min-height: 18em;
  padding: 1em;
}
.PoPaymentRq__paid {
  margin-top: 0.75em;
  background-color: #e3d8c3 /*  a section with increased importance */ /*  a section that describes a successful result or completion */;
  padding: 0.25em 1em;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
}

.PoCheckForm .PoCheckEntries {
  margin: 2em 0;
}

.PurchaseOrder {
  margin: 1em auto;
  width: 60em;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  padding: 0.75em 2em;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.PurchaseOrder__none {
  margin-top: 1em;
  text-align: center;
}
.PurchaseOrder rz-row.DocHead {
  padding-bottom: 4px;
  border-bottom: 4px solid #0071e6;
  margin-bottom: 0.5rem;
}
.PurchaseOrder rz-row.DocHead rz-field {
  flex: 0;
}
.PurchaseOrder .-buttons > button.TextButton {
  width: 70%;
  margin-top: 0.75em;
  margin-left: auto;
  max-height: 2em;
}
.PurchaseOrder .PoDetails {
  margin-top: 0.5em;
  flex: 1;
  height: 10px /*  anything for flex expansion */;
}
.PurchaseOrder .PoDetails .BillingBox {
  margin-top: 2em;
}
.PurchaseOrder .PoDetails .PoTabs {
  padding-right: 1em;
  border-right: 2px solid #d3d3d3;
  min-height: 14em;
}
.PurchaseOrder .PoDetails .PoTabs .PoEntries {
  margin-right: 3em;
}
.PoEntryForm {
  min-height: 400px;
  min-width: 600px;
}
.PoEntryForm .PoEntryHeader {
  padding-bottom: 0.5em;
  border-bottom: 4px solid #0071e6;
}
.PoEntryForm .PoEntryDetails {
  padding-right: 2em;
}

.ConfirmRequest__method-info {
  height: 12em;
  padding-right: 2em;
}
.ConfirmRequest__method-info .-rq-method {
  max-width: 12em;
}
.ConfirmRequest rz-field.-type-memo {
  margin: 0;
}

.ConfirmEditor {
  padding: 1em 2em 0;
}

.BillOrder {
  display: inline-flex;
  flex-direction: column;
}
.BillOrder .TitledBar__title {
  text-align: center;
}
.BillOrder div.gap {
  height: 0.4em;
}
.BillOrder .Panel__content {
  padding: 0.5em 1em 0;
}

.PrintableTicket {
  display: flex;
  position: relative;
  width: 7.15in;
  height: 1.968in;
/* margin: 1em */
  background: #fff;
/* box-shadow: inset 0 0 0 6px #000 */
  font-size: 11px;
  color: #000;
  page-break-after: always;
/* justify-content:space-around */
}
.PrintableTicket__left-section {
/* width: 1.25in */
  width: 17.85%;
  border-right: none /* 1px dashed #555 */;
  padding: 0.8em;
  display: flex;
  flex-direction: column;
}
.PrintableTicket__left-section:before {
  content: '';
  margin-top: auto;
}
.PrintableTicket__main-section {
/* width: 3.75in */
  width: 53.57%;
  padding: 0.8em;
  display: flex;
}
.PrintableTicket__main-section-left {
  width: 1.2in;
  padding-right: 0.8em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
}
.PrintableTicket__main-section-right {
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.PrintableTicket__right-section-1,
.PrintableTicket__right-section-2 {
/* width: 1in */
  width: 14.28%;
  padding: 0.8em;
  border-left: none /* 1px dashed #555 */;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PrintableTicket__right-section-1 {
  font-size: 9px;
}
.PrintableTicket__right-section-1:before {
  content: '';
  margin-top: auto;
}
.PrintableTicket__product__right {
  font-size: 0.8em;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 500;
}
.PrintableTicket__name {
  font-size: 14px;
  font-weight: 500;
}
.PrintableTicket__product {
  font-size: 16px;
  font-weight: 500;
}
.PrintableTicket__station {
  font-size: 14px;
  font-weight: 500;
}
.PrintableTicket__date {
/* flex 1 */
  display: flex;
  flex-direction: column;
}
.PrintableTicket__qr {
  position: relative;
  text-align: center;
}
.PrintableTicket__qr-img {
  max-width: 100%;
}
.PrintableTicket__qr-res-id {
  text-align: center;
  line-height: 12px;
  margin-bottom: 0.5em;
}
.PrintableTicket__conf-no {
  text-align: center;
  font-size: 0.8em;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 1em;
  max-height: 3em;
}
.PrintableTicket__extra-item {
  font-weight: 500;
}
.PrintableTicket__extras {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 2.4em; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 1.2em;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PrintableTicket__extras__right {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  height: 1.6em; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 0.8em;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CstTrv {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.TicketLV {
  margin-bottom: 0.4em;
/* &__label */
/*     font-weight: 500 */
/*     text-transform: uppercase */
}
.TicketLV__label {
  line-height: 0.85em;
  font-size: 0.9em;
}
.TicketLV__value {
  word-break: break-all;
  font-size: 1.1em;
}
.TicketLV.-small .TicketLV__label {
  font-size: 7px;
  text-transform: none;
}
.TicketLV.-small .TicketLV__value {
  font-size: 9px;
  line-height: 9px;
}
.TicketLV.-bold .TicketLV__value {
  font-weight: 500;
}
.TicketLV.-top {
  display: flex;
  flex-direction: column;
}
.flex {
  display: flex;
}

.TicketView {
  display: flex;
  min-width: 600px;
}
.TicketView >* {
  flex: 1;
  padding: 0.5rem;
  border: 1px solid #fff;
  border-top: none;
  border-bottom: none;
}
.TicketView__icon {
  flex: 0;
  line-height: 29px;
}
.TicketView__icon.-leader {
  color: #6495ed;
  font-weight: bold;
}
.TicketView__name {
  flex: 2;
}
.TicketView__status {
  color: #808080 /*  html Gray */ /*  html Gray */;
}
.TicketView__status.failure {
  color: #f00;
}
.TicketView__status.good {
  color: #008000;
}
.TicketView__status.caution {
  color: #ffa500;
}

.ProductSelector {
  font-size: 1.2em;
}
.ProductSelector__all {
  margin-left: 1em;
  margin-top: 0.5em;
}
.ProductSelector__nav-btn {
  background-color: #5298cb;
  color: #fff;
  width: 34px;
  font-size: 1.1em;
}
.ProductSelector__product {
  text-align: center;
  background-color: #fff;
  padding: 0 1em;
}

.ReceiversList {
  background-color: #fff;
}
.ReceiversList__item:nth-child(even) {
  background-color: #f8f8f8;
}

.Tickets {
  min-width: 720px;
/* min-height 500px */
}
.Tickets__product {
  font-size: 1.5em;
}
.Tickets__header {
  display: flex;
  justify-content: space-between;
}
.Tickets__nav-btn {
  background-color: #5298cb;
  color: #fff;
  width: 34px;
  font-size: 1.1em;
}
.Tickets__nav-product {
  text-align: center;
  background-color: #fff;
  padding: 0 1em;
}
.Tickets__apply-to-all {
  margin-left: 1em;
  margin-top: 0.5em;
}
.Tickets__product-selection {
  font-size: 1.2em;
}
.Tickets__list {
  padding: 1em 0.5em;
}
.Tickets__list li:nth-child(odd).TicketView > * {
  border-color: #f8f8f8;
}
.Tickets__summary {
  margin-bottom: 1em;
  font-size: 1rem;
}
.Tickets__summary span {
  margin-right: 0.5em;
}
.Tickets__summary span:after {
  content: ',';
}
.Tickets__summary span:last-child:after {
  content: '';
}
.Tickets__controls {
  margin-top: auto;
  padding: 0.5em;
  border-top: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
.Tickets__button {
  font-size: 20px;
  height: 74px;
  font-weight: 500;
  width: 200px;
  margin: 0.5em;
  vertical-align: middle;
}
.Tickets__forwarding-header {
  margin: 0.5em 1em;
  color: #808080 /*  html Gray */;
  font-weight: 500;
}
.TicketModal .Modal__container {
  min-height: 70%;
  background-color: #ebf2f5;
}
.TicketModal .Modal__content {
  min-width: 960px;
}
.TicketModal .Modal__footer {
  background-color: #fff;
  position: relative;
}
.TicketModal .Modal__footer:before {
  content: '';
  position: absolute;
  height: 6px;
  top: -6px;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,0.051));
}
/*  override EditableList having overflow auto, which doesnt matter here */
.EditableList.Listing.TicketModal__listing > ul.editable {
  overflow: visible /*  needs drop-down to be visible past the end of list area */;
}

.OrderSidePane{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:100%}.OrderSidePane>.OrderSidePane__actions{flex:0;text-align:center;margin-top:auto;margin-bottom:.75em}.OrderSidePane>.OrderSidePane__actions .TextButton{width:90%;margin:.5em}.OrderSidePane>.Travellers{flex:1}.OrderSidePane>.OrderCustomer{flex:0;background-color:#fff;padding:0 .5em .5em}.OrderSidePane>.OrderCustomer .Fielded>label.std{padding:0}.OrderSidePane>.BillOrder{flex:0}
.DocEmailer {
  min-width: 30em;
  min-height: 35em;
}
.DocEmailer rz-field.-type-memo {
  margin-top: 2em;
}
.DocEmailer rz-field.-type-memo textarea {
  min-height: 15em;
}

.OrderProfitability > .OrderProfitHeading {
  color: #507a9b;
}
.OrderProfitability > .OrderProfitRow.-total {
  border-top: 2px solid #a9a9a9;
  margin-top: 0.75em;
  padding-top: 0.5em;
}
.OrderProfitability > .OrderProfitRow:not(.-total) > .-descriptive {
  font-size: 0.9rem;
}

.InsuranceItemEdit__travel-info {
  background-color: #ebf2f5;
  margin: -1em;
  margin-bottom: 0;
  padding: 1em;
}
.InsuranceItemEdit__payment-info {
  background-color: #f5f2ea;
  margin: -1em;
  padding: 1em;
}
.InsuranceItemEdit rz-field.-type-memo {
  height: 100%;
}
.InsuranceItemEdit textarea {
  height: 100%;
}

.AdhocBookingPopup {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}
.AdhocBookingPopup__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 20px;
}
.AdhocBookingPopup__buttons {
  display: flex;
  justify-content: flex-end;
  grid-gap: 10px;
  gap: 10px;
}
.AdhocBookingPopup__multi-select {
  position: relative;
}
.AdhocBookingPopup__multi-select-trigger {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background-color: #f9f9f9;
}
.AdhocBookingPopup__multi-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.AdhocBookingPopup__multi-select-options-item {
  padding: 8px;
  cursor: pointer;
}
.AdhocBookingPopup__multi-select-options-item:hover {
  background-color: #f0f0f0;
}
.AdhocBookingPopup__multi-select-options-item.selected {
  font-weight: bold;
  background-color: #e6f7ff;
}

.OrderMain .Panel__content.inset {
  padding-top: 0.25em;
}
.OrderMain__header {
  background-color: $pane-bg-l1;
  padding: 0.5em 0 0;
  border-bottom: 3px solid #d3d3d3;
  margin-bottom: 0.75em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.OrderMain__attrs {
  border: 2px solid #d3d3d3;
  border-radius: 0.75em;
  padding: 0.75em;
  background-color: $pane-bg-d1;
  position: relative;
}
.OrderMain__attrs .toggle-button {
  position: absolute;
  top: 0.01em;
  right: 0.01em;
  font-size: 1.5em;
  cursor: pointer;
}
.OrderMain__attrs .collapsed-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0;
}

.PosRefund .Modal__content {
  padding: 0;
  width: 300px;
}
.PosRefund__billing.Grid {
  grid-column-gap: 0;
}

/*  Style the tabs */
/*  */
.FopEntryTabs.Tabbed.horizontal {
  height: 15em;
}
.FopEntryTabs.Tabbed.horizontal nav {
  margin-bottom: 0.75em;
}
.FopEntryTabs.Tabbed.horizontal nav ul.tabs {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.FopEntryTabs.Tabbed.horizontal nav ul.tabs li {
  background-color: #fff;
  padding-bottom: 0.25em /*  add a little height */;
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccc;
}
.FopEntryTabs.Tabbed.horizontal nav ul.tabs li.active {
  border: 1px solid #ccc;
  border-bottom: 1px solid transparent;
}
.FopEntryTabs.Tabbed.horizontal rz-field.-type-money {
  margin-bottom: 1em;
}
.FopEntryTabs.Tabbed.horizontal rz-cell.ccAuthPanel {
  margin: auto 1em 0;
  padding: 0.5em;
}

.Status__empty {
  text-align: center;
  margin: 2em auto;
  padding: 2em;
}

.SalesOrderReceipts {
  max-width: 85em;
  margin: 0 auto;
}
.SalesOrderReceipts > section.Panel {
  margin-bottom: 2em;
}
.SalesOrderReceipts > section.Panel .rz-icon.-btn.add {
  color: #fff;
}
.ReceiptItemEdit {
  min-height: 20em;
  width: 48em;
}
.ReceiptItemEdit .FopEntryTabs {
  margin-top: 1em;
  margin-bottom: 2em;
}
.Transfer {
  min-width: 600px;
}

.SalesOrder .SalesOrder__summary {
  margin-bottom: 0.5em;
}
.SalesOrder .SalesOrder__summary .Pane__subject {
  padding: 0 1em 1em;
}
.SalesOrder .SalesOrder__billing {
  display: inline-flex;
  flex-direction: column;
  margin-top: auto;
}
.SalesOrder .SalesOrder__tabs {
  flex: 1;
  margin-top: 1em;
  min-height: 25em; /*  with diff background, prevents bottom bouncing up and down from tab to tab */
}
.SalesOrder .OrderProfitability,
.SalesOrder .SalesOrderNotes,
.SalesOrder .SalesOrderTodos {
  margin: 2em;
  margin-left: 0;
  max-width: 60em;
}

.SalesOrderXT__ls {
  padding: 1em 0.5em;
}
.email-warning {
  margin-top: 16px;
  background-color: #f1aaaa;
  color: #fff;
  padding: 16px;
  text-align: center;
}

.PaymentSchedules {
  max-width: 40em;
}

.FacilityCreatorWizard {
  max-width: 42em;
  margin: auto;
  padding: 1em;
}
.FacilityCreatorWizard h4 {
  margin-bottom: 1.25em;
}
.FacilityCreatorWizard footer {
  margin-top: 2em;
}

.EntitySidebar {
  background-color: #eee;
  padding: 0 0.75em;
  height: 100%;
}
.EntitySidebar__title {
  height: 60px /*  same as Pane_header */;
  padding-top: 0.25em;
  color: #507a9b;
  text-align: center;
  border-bottom: 1px solid #aaa;
}
.EntitySidebar__group {
  margin-top: 2.5em;
}
.EntitySidebar__group > .-title {
  font-size: 1em;
  padding-left: 0.5rem;
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.75em;
}
.EntitySidebar__group.SideBarInternalLinks li {
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  border-bottom: 1px solid #d3d3d3;
}
.EntitySidebar__links {
  padding-left: 0.5rem;
  margin-top: 1em;
  font-size: small;
}
.EntitySidebar__actions {
  padding-left: 0.5rem;
  margin-top: 0.75em;
  margin-left: -0.35em;
}
.EntitySidebar__actions .LinkButton.selected {
  font-weight: 700;
  color: #ff6c08;
  border: 1px solid #ff6c08;
}

.OwnedMemos .ActiveTable {
  max-width: 60em;
}

.ImagesList .framed > img {
  max-width: 100%;
  max-height: 100%;
}
.ImagesList rz-cell.-overflow {
  overflow: hidden;
}
.ImagesList li.viewing {
  padding-bottom: 0.3em;
  border-bottom: 2px solid #d3d3d3;
}
/*  May be in a Dialog (a portal) so not descendant of .ImagesList */
.ImageForm .framed > img {
  max-width: 100%;
  max-height: 100%;
}

.MemosList__dialog .Dialog__content {
  width: 30em;
  height: 25em;
}

.WebContentForm {
  min-height: 24em;
}
.WebContentForm >rz-field.lang-field {
  max-width: 20em;
}
.WebContentForm__other {
  margin-top: 48px;
}

.Listing.Amenities {
  max-width: 40em;
}
.Dialog.Amenity .Dialog__box {
  min-width: 35em;
}

.ComponentsLsCo .LsBoPanel__ls {
  min-width: 25em;
}

.FacilityUnitForm__tabs {
  margin-top: 1em;
  min-height: 15em;
}
.FacilityUnitForm__products {
  margin-top: 3em;
  border-top: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
.FacilityUnitForm__products .instructions {
  padding: 0;
}
.FacilityUnitForm__products .ListedProduct {
  display: block;
  color: #303030;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 0.5em;
}
.FacilityUnitForm__products .ListedProduct > rz-row {
  padding: 0 0.25rem 0 0;
}

.FacilityUnits {
  max-width: 70em;
  margin-top: 4em;
}
.FacilityUnits .UnitView rz-cell.icon {
  flex: 0 0 auto;
}

.FacilityTriggers {
  max-width: 800px;
}
.FacilityTriggers__view .icon {
  width: 30px;
  align-self: center;
}

.LosFieldGroup__label {
  color: $field-label-color;
  align-self: end;
  padding-bottom: 4px;
}

.FacilityForm .Gap.javelin {
  margin-top: 48px;
}
.FacilityForm .UserNotif {
  padding: 16px;
  border: 2px dashed #ff8c00;
  margin-bottom: 16px;
}
.FacilityForm section.Tabbed.horizontal ul.tabs > li {
  padding: 0 1.75em;
}
.FacilityForm__settings {
  margin-top: 1.5rem;
  margin-left: 2em;
}
.FacilityForm__primary {
  margin-bottom: 2em;
}
.FacilityForm__naming {
  margin-bottom: 2em;
}
.FacilityForm__products .Listing {
  padding-left: 1em;
  padding-right: 1em;
  max-width: 50em;
}
.FacilityForm__products .Listing ul {
  border-top: 3px solid #e8e8e8;
}
.FacilityForm__products .Listing li.viewing {
  padding: 0.25em 1em;
  border-bottom: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
.FacilityForm .FacilityUnits,
.FacilityForm .ContentPage {
  min-height: 40vh;
}

.InitialAvailRateForm rz-field.member {
  margin-top: 2em;
}

.ProductCreatorWizard {
  max-width: 42em;
  margin: auto;
  padding: 1em;
}
.ProductCreatorWizard h3,
.ProductCreatorWizard h4 {
  margin-bottom: 1.25em;
}
.ProductCreatorWizard footer {
  margin-top: 2em;
}
.ProductCreatorWizard__unit {
  margin-bottom: 2em;
}
.ProductCreatorWizard__program {
  margin-bottom: 2em;
}

.TargetsField {
  max-width: 30em;
}

.ChannelsField {
  max-width: 30em;
}

.ExclusionsField {
  max-width: 30em;
}

.RateSupplementForm__calculator {
  min-height: 12em;
  background-color: #f5f5f5;
  padding: 0 0.5em;
  border: 2px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  border-radius: 4px;
}
.RateSupplementForm__tabs {
  margin-top: 3em;
  height: 340px /*  retain height for all tabs to avoid bobbing in a modal */;
}
.RateSupplementForm__settings {
  margin-left: 6em;
}
.RateSupplementForm__exclusions {
  max-width: 50em;
}
.RateSupplementForm__exclusions h5 {
  margin-top: 0;
}
/*  When it's being edited inline within a list */
.EditableItem > .RateSupplementForm {
  padding: 1em 0 1em 1em;
}

.TripRateForm {
/* set w/h to keep size uniform for lower tabs */
  width: 50rem;
  min-height: 28rem;
}
.TripRateForm__rate {
  margin-top: 1.5em;
}
.TripRateForm__tabs {
  margin-top: 1.5em;
}

.StockRateForm {
/* set w/h to keep size uniform for lower tabs */
  width: 50rem;
  min-height: 32rem;
}
.StockRateForm__rate {
  margin-top: 1.5em;
}
.StockRateForm__tabs {
  margin-top: 1.5em;
}

.ProductProgram__program {
  margin-bottom: 1em;
}
.ProductProgram__program .label {
  color: $field-label-color;
}
.ProductProgram__program .value {
  font-weight: bold;
}
.ProductProgram__settings {
  margin-left: 0.5em;
  border-left: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */ /*  default border color */;
  padding-left: 1em;
  max-width: 40%;
}
.ProductProgram__settings > .Stacked {
  margin-top: 2em;
}
.ProductProgram rz-field.-label-west.PriceAbsentField > label {
  flex: 0;
  min-width: 15em;
}
.ProductProgram .ActiveTable__params {
  padding: 0.5em;
  border: 1px solid #507a9b;
  border-radius: 6px;
  background-color: #f4f4f4 /*  shading of descriptive / less important data */;
  max-width: 45em;
  margin-bottom: 2em;
}
.ProductProgram .ActiveTable__params .-group-head {
  margin-top: -8px;
  color: #507a9b;
}

.BudgetedCostPo .Dialog__box {
  max-width: 1200px;
  height: 600px;
}

.EventPurchases >.-ad-hoc {
  margin-bottom: 2em;
}

.EventBudgetEditor {
  max-width: 54em;
}

.RateForm {
/* set w/h to keep size uniform for lower tabs */
  width: 50rem;
  min-height: 27rem;
}
.RateForm__rate {
  margin-top: 1.5em;
}
.RateForm__guestRate {
  padding-bottom: 2em;
}
.RateForm__roomRate {
  padding-bottom: 1em;
  margin-top: 1.5em;
}
.RateForm__roomTabs.Tabbed.-h {
  height: 13em;
  padding-right: 1em;
}
.RateForm__roomTabs.Tabbed.-h > nav {
  margin-bottom: 0.75em;
}

.EventRate.-view {
  font-size: 0.9rem;
  padding: 0 1em;
  box-shadow: none;
}

.ProductRateEditor {
  border: 1px solid #d3d3d3 /*  html LightGray */;
  box-shadow: 0 0 16px 0 rgba(0,0,0,0.078);
}
.ProductRateEditor__subject {
  padding: 0.5em;
}

.EventPrograms > .rz-button-add {
  margin-top: 0.5rem;
}

.ProductEventView .-properties {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.5em;
  background-color: #f0f0f0;
  border: 2px solid #ccc;
  border-radius: 4px;
}

.EventDetail > header h4 > .TriggerButton {
  margin-left: 4em;
}
.EventDetail > header p {
  font-size: small;
}
.EventDetail li.rate-program rz-row.plan-source {
  border-top: 1px solid $border-col;
  border-bottom: 1px solid $border-col;
  font-size: 0.7rem;
}
.EventDetail li.rate-program > rz-row > h4 {
  margin: 0;
}
.EventDetail li.rate-program ul.source-rates {
  border-bottom: 2px solid $border-col;
}
.EventDetail .Listing.plan-rates > ul > li.viewing {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.EventsView {
  min-height: 480px;
}
.EventsView >.SplitLayout.vertical {
  position: relative;
}
.EventsView .MonthCalendar.Events {
  margin: 1em 0;
  max-width: none /*  remove limit */;
  padding-right: 1em;
}
.EventsView .MonthCalendar.Events .Month .MDay {
  height: 4em;
}
.EventsView .MonthCalendar.Events .Month .MDay .event-summary {
  margin-top: 1rem;
  padding-left: 0.25rem;
  font-size: 0.7rem;
  background-color: rgba(34,128,52,0.33);
}
.EventsView .MonthCalendar.Events .Month .MDay .event-summary.stop {
  background-color: rgba(234,14,25,0.18);
}
.EventsView .MonthCalendar.Events .Month .MDay .event-summary h6 {
  font-size: 0.7rem;
  margin: 0 0 0.5rem;
}
.EventsView .MonthCalendar.Events .Month .MDay.selected {
  background: #ffd700;
}
.EventsView .EventDetail {
  margin: 0 0 0 1em;
}
.EventsView .EventCreator > button {
  margin-top: 1.5em;
}
.EventsView ::-webkit-clear-button {
  display: none;
}
.EventsView__selection > .Tabbed__tab {
  display: flex;
  flex-direction: column;
  height: 60vh;
}
.EventsView__rq {
  padding-bottom: 1em;
  border-bottom: 2px solid #0071e6;
  margin-right: 17px /*  to align with table below */;
}

.StockProductBoCo .ProductSideBar {
  background-color: #eee;
  padding: 0 0.75em;
  height: 100%;
}
.StockProductBoCo .ProductSideBar .ProductDomain {
  height: 60px; /*  same as Pane_header */
  padding-top: 0.25em;
  color: #507a9b;
  text-align: center;
  border-bottom: 1px solid #aaa;
}
.StockProductBoCo .ProductSideBar .RelatedLinks {
  font-size: small;
}
.StockProductBoCo .ProductSideBar .RelatedLinks .RelatedLink {
  margin-bottom: 1em;
}
.StockProductBoCo .ProductEditor__settings {
  margin-left: 2em;
  margin-top: 24px;
}
.StockProductBoCo .StockProductForm__rates {
  min-height: 16em;
}

/*  the padding is here until we figure out a standard for pane subjects. */
.BasicProductForm {
  padding: 0 0.5rem;
}
.BasicProductForm__pricing {
  max-width: 60em;
}
.BasicProductForm__pricing .Price {
  max-width: 20em;
  margin-left: 4em;
}

/*  the padding is here until we figure out a standard for pane subjects. */
.SupplierProductForm {
  padding: 0 3rem;
  max-width: 100em;
}
.SupplierProductForm__pricing {
  max-width: 60em;
}
.SupplierProductForm__pricing .Price {
  max-width: 20em;
  margin-left: 4em;
}

.FGroupForm > .Tabbed {
  margin-top: 3em;
}

.ImportRates {
  max-width: 30em;
  border: 1px solid #008000;
  padding: 2em;
  margin: 2em auto;
}
.ImportRates h2 {
  margin-top: 0;
  text-align: center;
}

.Restrictions__tabs {
  margin-top: 3em;
}

#rz-pm rz-cell.framed {
  margin: 0.5em;
  border: 1px solid #808080;
  border-radius: 3px;
  padding: 0.25em;
}
#rz-pm rz-cell.framed>img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

.SidebarCard .EventParams {
  padding: 1em 1em 2em;
  border-bottom: 4px solid #0071e6;
}
.SidebarCard .EventResults {
  margin-top: 0.25em;
  padding: 0.25em;
}

.ManifestPaxPopup .-errors {
  min-height: 3em;
}

.BoardingManifest {
  padding: 0 1em;
}
.BoardingManifest.empty {
  padding: 8em;
}
.BoardingManifest header {
  height: 4em;
}

.ZoneRoutes__editor {
  max-width: 40em;
}

.StopCard {
  min-height: 3.5em;
  margin: 6px 0;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  display: flex;
  flex-direction: row;
}
.StopCard >rz-cell.StopCard__time,
.StopCard >rz-cell.StopCard__pax {
  margin-left: 0;
  margin-right: 0;
  flex: 0;
  min-width: 50px;
}
.StopCard >rz-cell.StopCard__info {
  margin-left: 0;
  margin-right: 0;
  flex: 1;
  width: auto;
}
.StopCard__info {
  padding: 0 1em;
  border-left: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
}
.StopCard__pax,
.StopCard__time {
  background-color: #c7d1c1;
  max-width: 4em;
  text-align: center;
}
.StopCard__pax {
  padding: 0.75em 0 0;
}
.StopCard__actions {
  max-width: 4em;
  min-height: 100%;
}
.StopCard__actions > .TextButton {
  min-height: 100%;
}
.StopCard.completed {
  background-color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  border: 1px solid #a9a9a9;
}
.StopCard.completed .StopCard__time,
.StopCard.completed .StopCard__pax {
  background-color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}

.PaxCard {
  max-width: 40em;
  margin-bottom: 0.25em;
  padding-right: 0.25em;
  border-bottom: 1px solid #808080;
/* &.-travelled */
/*     border 1px solid $color-done */
/* &.-boarded */
/*     border 1px solid $color-boarded */
/* &.-boarding */
/*     border 1px solid $color-boarding */
/* &.-reserved */
/*     border 1px solid $color-reserved */
/* &.-ticketed */
/*     border 1px solid $color-ticketed */
}
.PaxCard__btns {
  flex: 0;
}
.PaxCard .-pax-status {
  min-width: 4em;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
}
.PaxCard .-pax-status.-travelled {
  background-color: #808080;
}
.PaxCard .-pax-status.-boarded {
  background-color: #008000;
}
.PaxCard .-pax-status.-boarding {
  background-color: #ff8c00;
}
.PaxCard .-pax-status.-reserved {
  background-color: #f00;
}
.PaxCard .-pax-status.-ticketed {
  background-color: #ffa500;
}
.PaxCard .Grid.PaxActions {
  grid-column-gap: 2px;
}
.PaxCard .Grid.PaxActions .-pax-status {
  min-width: 4em;
}
.PaxCard .Grid.PaxActions .-pax-status.-reassign {
  background-color: #ffa500;
}
.PaxCard .Grid.PaxActions .-pax-status.-unassign {
  background-color: #f00;
}
.PaxCard__info {
  flex: 1;
  padding-left: 0.25rem;
}
.PaxCard__info .-name {
  font-weight: 700;
}
.PaxCard__info .icon-wheelchair {
  font-size: 1rem;
  font-weight: bold;
  color: #00f;
  text-align: right;
  width: 3em;
}
.PaxCard__info .-station {
  font-size: smaller;
}
.PaxCard__info .nav-link {
  padding: 0 0.25rem;
}
.PaxCard.isDragging {
  border: 1px solid #789;
  background-color: #e8e8e8;
  color: #808080;
}
.PaxCard.isDragging .-pax-status {
  background-color: #bebebe /*  X11 Gray */;
}

.PaxManifest {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.PaxManifest__list {
  min-height: 8em;
}

.RunDirectionButtons {
  grid-column-gap: 8px;
}
.RunDirectionButtons>.TextButton {
  height: 2.25rem;
  font-size: 1rem;
}
.RunDirectionButtons>.TextButton:not(.selected) {
  opacity: 0.6 /*  take a little off */;
}
.RunDirectionButtons>.TextButton.selected {
  font-size: 1.15rem;
}

.ShuttleRunForm >h4 {
  margin-top: 0;
  margin-bottom: 1em;
}
.ShuttleRunForm__run-info {
  margin-top: 1.5em;
}
.ShuttleRunForm__run-info > rz-field {
  margin: 0;
}
.ShuttleRunForm__details {
  margin-top: 2em;
}
.ShuttleRunForm h5 {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 1em;
}

.RideInfo .DirectionRun {
  position: relative;
  height: 1.5em;
}
.RideInfo .DirectionRun.unconfirmed {
  border: 1px solid #808080;
}
.RideInfo .DirectionRun.unconfirmed.-inbound {
  border: 1px solid #87bf87;
}
.RideInfo .DirectionRun.unconfirmed.-outbound {
  border: 1px solid #d0b4e8;
}
.RideInfo .DirectionRun .-direction,
.RideInfo .DirectionRun .-direction-text {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.RideInfo .DirectionRun .-direction-text {
  z-index: 1;
  padding-left: 0.5em;
}

.ThinLoc {
  margin: 0 0.25em;
  position: relative;
  height: 1.5em;
}
.ThinLoc.unconfirmed {
  border: 1px solid #808080;
}
.ThinLoc.unconfirmed.-inbound {
  border: 1px solid #87bf87;
}
.ThinLoc.unconfirmed.-outbound {
  border: 1px solid #d0b4e8;
}
.ThinLoc .-direction,
.ThinLoc .-direction-text {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ThinLoc .-direction-text {
  z-index: 1;
  padding-left: 0.5em;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.AddRunBox {
  height: 40px;
  border: 3px solid #d3d3d3 /*  html LightGray */;
  border-radius: 4px;
  color: #bebebe /*  X11 Gray */;
  width: 80%;
  margin: 4px auto;
  padding: 0.25em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AddRunBox.dragging {
  border: 3px solid #808080 /*  html Gray */;
  color: #585858;
}
.AddRunBox.droppable {
  border: 3px solid #f00;
  color: #303030;
}

.RunPopup__reserving {
  margin-top: 1em;
}

.RunCard {
  padding: 0;
  margin-bottom: 0.5rem;
}
.RunCard.selected {
  background-color: #7fffd4;
}
.RunCard .RunHead {
  margin: 0.1rem 0;
}
.RunCard .RunHead .ItemGlyph {
  padding: 0;
  border: none;
}
.RunCard .RunHead .RunHeadMain.assign-alert {
  border: 2px solid #ff4500;
}
.RunCard .RunHead .RunHeadMain__info {
  padding-left: 0.25em;
  flex: 1;
  min-width: 7em;
  white-space: nowrap;
  overflow-x: hidden;
}
.RunCard .RunHead .RunHeadMain__icons {
  flex: 0;
  min-width: 2em;
  border-left: 1px solid #ccc;
}
.RunCard .RunHead .RunHeadMain__icons .icon-van-0 {
  font-size: 1.3rem;
}
.RunCard .RunHead .-direction {
  white-space: nowrap;
  overflow-x: hidden;
}
.RunCard .RunHead .runs-stops >.bull {
  padding: 0 2px;
}
.RunCard .RunHead .__assignee {
  background-color: #fff8dc;
  font-size: smaller;
  justify-content: space-between;
  padding: 0 0.25rem;
}
.RunCard .RunHead .__assignee .-driver {
  text-align: left;
  margin-right: 0.25rem;
}
.RunCard .RunHead .__assignee .-vehicle {
  flex: 0;
  min-width: 25%;
  text-align: right;
}
.RunCard rz-cell.RunHead.clickable:hover {
/* border 3px solid #0071e6 */
  background-color: #0071e6;
  color: #ff0;
  font-weight: bold;
}
.RunCard__detail {
  flex: 1;
  min-height: 40px;
  background-color: #fafafa;
  display: flex;
  flex-direction: column;
}
.RunCard__detail .run-buttons {
  width: 100%;
  display: grid;
  grid-column-gap: 2px;
  grid-row-gap: 0;
  grid-template-columns: repeat(2, 1fr);
}
.RunCard__detail .run-buttons > .btn-shuttle {
  height: 2em;
  font-size: 0.9rem;
  padding: 0;
}
.RunCard__detail .run-buttons > .btn-shuttle.selected {
  font-weight: 700;
  color: #ff0;
}
.RunCard__detail .StopSchedule {
  padding-bottom: 0.5rem;
}
.RunCard.droppable {
  border: 3px solid #f00;
}
.RunCard.completed {
  background-color: #d9d9d9;
}

.RunsVList {
  display: flex;
  flex-direction: column;
}
.RunsVList header.RunsVList__header {
  padding: 0 0.5em;
  flex: 0;
}
.RunsVList__filters {
  padding: 0 0.5em 0.5em;
}
.RunsVList__runs {
  min-height: 84px;
  flex: 0.6;
  padding: 0.5em 0;
  border-top: 3px solid #d3d3d3;
  border-bottom: 3px solid #d3d3d3;
}
.RunsVList .AddRunBox {
  flex: 0;
}
.RunsVList__detail {
  flex: 0.4;
  min-height: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.DropToUnassign {
  border: 3px solid #d3d3d3 /*  html LightGray */;
  border-radius: 4px;
  color: #bebebe /*  X11 Gray */;
  width: 20em;
  margin: 1em auto;
  padding: 0.75em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DropToUnassign.dragging {
  border: 3px solid #808080 /*  html Gray */;
  color: #585858;
}
.DropToUnassign.droppable {
  border: 3px solid #f00;
  color: #303030;
}

.ActiveRuns__actions .TextButton {
  font-size: 16px;
  padding: 2px 4px;
  height: 26px;
}

.AvailableShuttle {
  border: 3px solid #808080 /*  html Gray */;
  border-radius: 12px;
  margin: 1em 1.25em 2em;
}
.AvailableShuttle__stats {
  border-bottom: 3px solid #808080 /*  html Gray */;
  display: flex;
  flex-direction: row;
}
.AvailableShuttle__stats .ItemGlyph {
  flex: 0;
  border: none;
  border-radius: 8px 0 0 0;
  padding: 0.5rem;
}
.AvailableShuttle__stats .AvailableShuttle__info {
  text-align: left;
  padding: 0.25rem;
  padding-right: 0.5rem;
  flex: 1;
}
.AvailableShuttle__stats .AvailableShuttle__info .AvailableShuttle__veh {
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.AvailableShuttle__stats .AvailableShuttle__info .AvailableShuttle__veh .icon-shuttle-0 {
  font-size: 22px;
  margin-top: -4px;
}
.AvailableShuttle__stats .AvailableShuttle__info .AvailableShuttle__veh .icon-van-0 {
  font-size: 22px;
  margin-top: -4px;
}
.AvailableShuttle__stats .AvailableShuttle__info .AvailableShuttle__veh .icon-wheelchair:not(.-active) {
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
}
.AvailableShuttle__stats .AvailableShuttle__info .AvailableShuttle__driver .-name {
  flex: 1;
}
.AvailableShuttle__stats .AvailableShuttle__info .AvailableShuttle__driver .Shift {
  flex: 0;
  text-align: right;
  font-size: 0.7em;
  min-width: 8em;
}
.AvailableShuttle__stats .AvailableShuttle__run {
  flex: 0;
/* border 1px solid transparent */
  border-left: 1px solid #ccc;
  padding-left: 4px;
  display: flex;
}
.AvailableShuttle__stats .AvailableShuttle__run .-stats {
  width: 3.7em;
}
.AvailableShuttle__stats .AvailableShuttle__run .-stats .LabelValue {
  height: 1.2em;
}
.AvailableShuttle__stats .AvailableShuttle__run .-stats .LabelValue .LabelValue__label {
  line-height: none;
}
.AvailableShuttle__stats .AvailableShuttle__run .-status {
  width: 1.5em;
  background-color: #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  position: relative;
}
.AvailableShuttle__stats .AvailableShuttle__run .-status.outbound {
  background-color: #d0b4e8;
}
.AvailableShuttle__stats .AvailableShuttle__run .-status.inbound {
  background-color: #87bf87;
}
.AvailableShuttle__stats .AvailableShuttle__run .-status>div {
  top: -1em;
  text-transform: uppercase;
  font-size: 0.8rem;
  position: absolute;
  transform-origin: bottom left;
  transform: rotate(90deg);
}
.AvailableShuttle .ActiveRuns {
  background-color: #e0e0e0;
  padding-top: 0.35rem;
  padding-bottom: 0.5rem;
}
.AvailableShuttle .ActiveRuns >.RunCard {
  background-color: #fff;
}
.AvailableShuttle__summary {
  padding: 1em;
  grid-column-gap: 1rem;
}
.AvailableShuttle__summary .-boarded {
  color: #008000;
  border-color: #008000;
}
.AvailableShuttle__summary .-boarding {
  color: #ff8c00;
  border-color: #ff8c00;
}
.AvailableShuttle__summary .-reserved {
  color: #6495ed;
  border-color: #6495ed;
}
.AvailableShuttle .ResCount {
  font-size: 1.5rem;
  text-align: center;
  border: 2px solid;
  border-radius: 1rem;
}
.Draggable.isDragging {
  border: 3px solid #008000;
}

.ShuttlesView {
  display: flex;
  flex-direction: column;
  padding-top: 1em;
  border-top: 3px solid #d3d3d3;
}
.ShuttlesView .ShuttlesView__shuttles {
  flex: 1;
  min-height: 10px;
  display: flex;
  flex-direction: column;
}
.ShuttlesView .ShuttlesView__shuttle-list {
  width: 100%;
}

.RideBookingInfo > .no-selection {
  padding: 1em;
  width: 100%;
  margin: auto;
  text-align: center;
}
.RideBookingInfo span.-links {
  padding-left: 2em;
}
.RideBookingInfo > header {
  padding: 0.25rem 1rem;
}
.RideBookingInfo > header > h3 {
  font-size: 1rem;
  font-weight: 700;
}
.RideBookingInfo .Panel__content {
  padding: 0.75em 1em;
}
.RideBookingInfo .RideBookingInfo__pax {
  height: 96px;
  font-weight: bold;
}
.RideBookingInfo .RideBookingInfo__pax .LabelValue__value>a {
  overflow: hidden;
  white-space: nowrap;
}

.LayoutSideMain__main {
  display: flex;
  flex-direction: column;
}
.PipelineMain {
  height: 100%;
}
.PipelineMain >.SPane.vertical {
  display: flex;
  flex-direction: column;
}
.PipelineMain__center {
  flex: 1;
  min-height: 10px;
  display: flex;
  flex-direction: column;
}
.PipelineMain__center .RideBookingInfo {
  flex: 0;
}
.PipelineMain__center .ShuttlesView {
  flex: 1;
  min-height: 10px;
}
.PipelineMain .PipelineRuns {
  height: 100% /* calc(100vh - 120px); */;
  display: flex;
  flex-direction: column;
}
.PipelineMain .PipelineRuns >.RunsVList {
  flex: 1;
  min-height: 50vh;
}

.ResPipeline .target {
  border: 3px solid #008000;
}
.ResPipeline .dragging {
  border: 3px solid #008000;
}
.ResPipeline .droppable {
  border: 3px solid #f00;
}
.ResPipeline .placeholder {
  min-height: 100px;
  flex: 1;
}
.ResPipeline .SidebarCard__header {
  margin-bottom: 0 /*  so buttons sit on the params bottom border */;
}
.ResPipeline .SidebarCard.PipelineRuns >.Listing {
  padding-left: 6px;
}
.ResPipeline .PipelineSettings .Setting {
  margin-left: 0.25em;
}
.ResPipeline .-view {
  display: flex;
  padding-right: 0.5em /*  for scrollbar */;
}
.ResPipeline .-view .ItemGlyph {
  flex: 0;
}
.ResPipeline .-view .-content {
  flex: 1;
  margin: 0 0.5em;
  padding-bottom: 0.5em;
}
.ResPipeline .-view .-content .-direction {
  font-size: small;
  margin-left: -0.25em;
  padding-left: 0.25em;
}
.ResPipeline .-view.thin .ItemGlyph {
  padding: 0 0.75em;
  margin-right: 0;
}
.ResPipeline .-view.thin .ItemGlyph__text {
  font-size: 1rem;
}
.ResPipeline__booking {
  height: 16em;
  margin: 0;
}
.ResPipeline__runs {
  margin-top: 1em;
  border-top: 4px solid #708090;
}
.ResPipeline__runs h4 {
  margin: 0 0 1em;
}
.ResPipeline .icon-wheelchair {
  font-size: 1.1em;
  font-weight: bold;
  color: #00f;
}

.ReservedPaxAssignment__form {
  margin-top: 1.5em;
}
.ReservedPaxAssignment__actions {
  margin-top: 1.5em;
}
.ReservedPaxAssignment__actions .TextButton {
  margin: 0 0.25rem;
}

.ReservedPax .-view {
  padding-right: 1em;
  display: flex;
  flex-direction: row;
}
.ReservedPax .-view .ItemGlyph {
  flex: 0;
  padding: 0.25rem 0.25rem;
  min-width: 2em;
}
.ReservedPax .-view .-content {
  flex: 1;
}
.ReservedPax .-view .PaxName {
  font-weight: 700;
}
.ReservedPax .-view .padl {
  padding-left: 0.5em;
}
.ReservedPax__item-stn {
  padding: 0 0.5em;
  font-size: 0.7rem;
}
.ReservedPax__editor {
  margin-left: 2em;
}
.ReservedPax__editor h2 {
  margin-bottom: 1em;
}
.ReservedPax__actions {
  padding: 0.25em 0 0.5em 1em;
  border-bottom: 2px solid #0071e6;
}
.ReservedPax__actions .ActionBar {
  justify-content: flex-end;
}
.ReservedPax__actions .ActionBar .TextButton {
  background-color: transparent;
  border: 1px solid #d3d3d3;
  color: #a9a9a9;
  padding: 0;
  flex: 0;
  height: 1.5rem;
  min-width: 1.5rem;
  margin: 0 2px;
}
.ReservedPax__actions .ActionBar .TextButton:hover {
  background-color: #a9a9a9;
  color: #fff;
}
.ReservedPax__actions .ActionBar .TextButton.selected {
  background-color: #444;
  color: #fff;
  font-weight: bold;
}

.CodeExtent__editor.driver {
  max-width: 45em;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.CodeExtent__editor.driver .ListingPanel {
  margin-bottom: 3em;
}

.DriverView {
  max-width: 50em;
  padding-left: 3em;
}
.DriverView .TriggerButton {
  font-size: 1rem;
  max-width: 4em;
  margin-left: 2em;
}

.QueryPane{max-width:100vw;height:calc(100vh - 120px);overflow:hidden}.QueryPane header{flex:0;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.QueryPane header h1{margin:0 0 .75em;text-align:center;width:100%;background:#0071e6;color:#fcf1e5;height:2.5rem;font-size:1.4em;font-weight:bold}.QueryPane__rq{padding:0 1em}.QueryPane__params{grid-column-gap:4em;max-width:80em;margin:0 auto 1em}.QueryPane__actions{max-width:20em;margin:1.5em 0;display:flex;flex-direction:column;justify-content:center}.QueryPane__actions .TextButton.search{min-width:8em;max-height:2.5em}.QueryPane__rs{margin:1em 0;padding:0 .25em}.QueryPane__rs .TableCo>.ls>table{table-layout:fixed;width:100%}.QueryPane__rs .TableCo>.ls>table thead>tr>th{background:#0071e6;color:#fcf1e5;text-align:left}.QueryPane__rs .TableCo>.ls>table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.ImportRes {
  max-width: 30em;
  border: 1px solid #008000;
  padding: 2em;
  margin: 2em auto;
}
.ImportRes h2 {
  margin-top: 0;
  text-align: center;
}

/*  inbound/outbound buttons and areas */
/*  must always get these backgrounds */
.outbound {
  background-color: #d0b4e8;
}
.inbound {
  background-color: #87bf87;
}

progress[value] {
/* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 12px;
  border-radius: 4px;
}
progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25) inset;
}
.Card.RunningBatchProcesses {
  max-width: 60em;
}
.Card.BatchProcess {
  max-width: 40em;
  margin: 1.25rem auto;
  background-color: #fff;
  border-bottom: 6px solid #0071e6;
}
.Card.BatchProcess>header>h3 {
  padding-left: 2em;
  text-align: left;
}
.Card.BatchProcess>.Card__subject {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0;
}
.Card.BatchProcess>.Card__subject>.-main {
  flex: 1;
  min-width: 10em;
  padding: 12px 36px 3em;
}
.Card.BatchProcess>.Card__subject>.-main rz-form {
  margin-top: 0;
}
.Card.BatchProcess>.Card__subject>.-actions {
  padding: 0.5em;
  flex: 0;
  background-color: #eee;
  border-left: 2px solid #bbb;
  border-right: 2px solid #bbb;
}
.Card.BatchProcess>.Card__subject>.-actions>button.rz-button,
.Card.BatchProcess>.Card__subject>.-actions>button.rz-button-download {
  width: 10em;
  margin-bottom: 1em;
  background-color: #fff;
}

.CurrencyExchange rz-field[data-name="rates"] {
  margin-top: 1.5em;
}

.SysAcctExtent .ActiveBoCard {
  height: 30em;
}

.CoaAccountsTable {
  margin: 2em 0 0;
}
.CoaAccountsTable div.rt-td {
  padding: 2px 4px;
}
.CoaAccountsTable >.ActiveTable > .TableCo > table > tbody {
  max-height: 50vh /*  override, since plenty available */;
}

.ImportGL {
  max-width: 30em;
  border: 1px solid #008000;
  padding: 2em;
  margin: 2em auto;
}
.ImportGL h2 {
  margin-top: 0;
  text-align: center;
}

.GlTxListing__dialog .Dialog__box {
  max-width: 95vw;
  width: 1600px;
}
.GlTxListing__dialog .Dialog__box .Dialog__content {
  padding-top: 1em;
  padding-bottom: 5em;
}
.GlTxListing__dialog .Dialog__box .Dialog__content .LsPanel__ls.TableCo {
  height: 50vh /*  to fix overflow problem  in the table */;
}

.OptionAdder {
  display: flex;
  min-height: 8em;
  border: 4px solid #008000;
  padding: 1em;
}
.OptionAdder .OptionAdder__btns {
  flex: 0;
}
.OptionAdder.vertical {
  flex-direction: column;
}
.OptionAdder.vertical .OptionAdder__btns {
  margin-top: 2em;
}
.OptionAdder.horizontal {
  flex-direction: row;
}
.OptionAdder.horizontal .OptionAdder__btns {
  min-width: 8em;
  margin-left: 2em;
}

.GJAdjustmentForm {
  min-height: 20em;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.GJAdjustmentForm header {
  background-color: #eee;
  border-bottom: 1px solid #d3d3d3;
  padding: 1em;
}
.GJAdjustmentForm rz-field[data-name="entries"] {
  padding: 0.5em 1em;
  min-height: 50vh;
  max-height: 80vh;
}
.GJAdjustmentForm rz-field[data-name="entries"] .BoLsPanel__ls {
  height: 15vh; /*  to enable scrolling */
}
.GJAdjustmentForm rz-field[data-name="entries"] .GJEntriesHeader {
  color: #008000;
}
.GJAdjustmentForm rz-field[data-name="entries"] .GJEntriesHeader.-invalid {
  color: #f00;
}
.GJAdjustmentForm rz-field[data-name="amount"] {
  margin-right: 0.2em;
}

.RzDocument {
  margin: 1em auto;
  flex: 1;
  height: 50vh;
  width: 60em;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  padding: 0.75em 2em;
}
.RzDocument__none {
  margin-top: 1em;
  text-align: center;
  height: 8em;
}
.RzDocument rz-row.DocHead {
  padding-bottom: 4px;
  border-bottom: 4px solid #0071e6;
  margin-bottom: 0.5rem;
}
.RzDocument rz-row.DocHead rz-field {
  flex: 0;
}
.RzDocument .-buttons > button.TextButton {
  width: 70%;
  margin-top: 0.75em;
  margin-left: auto;
  max-height: 2em;
}
.RzDocButtons {
  margin-left: 1em;
  border-left: $border-v-sep;
  padding-left: 1em;
  padding-right: 1em;
}
.RzDocButtons > button.TextButton {
  margin-bottom: 0.25em;
}

.RzPaymentFop {
  height: 6em /*  to keep all consistent */;
}

.PaymentParticulars rz-row.-flex > .-contact-toggle {
  min-width: 6em;
  height: 2em;
  flex: 0;
  align-self: flex-end;
  margin-right: 2em;
}

.RzSinglePmtForm.-wide {
  width: 40em;
}
.RzSinglePmtForm__pmt {
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  padding: 1em;
  margin-bottom: 1em;
}

.RzOffsetPmtForm {
  min-height: 20em;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.RzOffsetPmtForm__pmt {
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  padding: 1em;
  margin-bottom: 1em;
}
.RzOffsetPmtForm rz-field[data-name="offsets"] {
  margin-top: 2em;
  min-height: 6em;
}

.DisbursementXT__bo > .Dialog__box {
  width: 64em;
}

.PrintableChecks {
  padding: 0.5em 1em;
}
.PrintableChecks__top {
  padding: 0.5em;
  border-bottom: 3px solid #0071e6;
  margin-bottom: 0.25em;
}
.PrintableChecks__top .MiniCard {
  margin-right: 1em;
  width: -moz-fit-content;
  width: fit-content;
}
.PrintableChecks__top .MiniCard.CheckNumberBox > .MiniCard__content {
  padding: 0 1em;
}
.PrintableChecks .PrintableCheck {
  margin: 0.5em;
  border: 2px solid #d3d3d3;
  padding: 0.4em 1em;
}
.PrintableChecks .PrintableCheck .label {
  font-size: 0.8em;
  font-style: italic;
  color: #808080;
}
.PrintableChecks .PrintableCheck.selected {
  border: 2px solid #008000;
  background-color: #ebefdb;
}

.RzDocument.RzPaymentDoc > rz-row.DocHead {
  margin-bottom: 1em;
}
.RzDocument.RzPaymentDoc .RzPaymentForm .-preamble {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #d3d3d3;
  margin-bottom: 1em;
}
.RzDocument.RzPaymentDoc .RzPaymentForm .-payment-entry {
  padding-right: 2em;
  border-right: 2px solid #d3d3d3;
}
.RzDocument.RzPaymentDoc .RzPaymentForm .-payment-entry .RzPaymentFop {
  margin-top: 1em;
}
.RzDocument.RzPaymentDoc .RzPaymentForm .-payable-info {
  padding-right: 1em;
}

.MultiSaleReceiptOrdersParams rz-form {
  padding: 1em;
}
.MultiSaleReceiptEntry {
  padding: 0.5em;
  overflow-y: auto;
}
.MultiSaleReceiptEntry > rz-form {
  padding: 0.5em 1em 1em;
}
.MultiSaleReceiptEntry > rz-form .-preamble {
  margin-bottom: 1em;
}
.MultiSaleReceiptEntry > rz-form .-preamble .-amount-panel {
  height: 6em /*  maintain height, even if some items hidden */;
}
.MultiSaleReceiptEntry > rz-form .-preamble button.TextButton {
  margin-top: 1em;
  width: 12em;
}
.MultiSaleReceiptEntry > rz-form .-preamble >.Grid {
  margin-bottom: auto /*  so that inner grids don't expand to full height of outer grid */;
}
.MultiSaleReceiptEntry .-apply-table rz-row {
  border-bottom: 4px solid #0071e6;
  margin-bottom: 0.5rem;
}
.MultiSaleReceiptEntry .-apply-table rz-row > .ActionBar {
  justify-content: flex-end;
  padding: 0.25rem 0.5rem;
}
.MultiSaleReceiptEntry .-apply-table > .-content {
  margin-top: 0.5em;
}
.MultiSaleReceiptEntry .-apply-table > footer {
  margin-top: 1em;
  border-top: 4px solid #0071e6;
  padding-right: 17px /*  an allowance (not actual width) for scrollbar width */ /* align to last col, adjusted for scroll-bar */;
  display: flex;
}
.MultiSaleReceiptEntry .-apply-table > footer rz-cell {
  margin-left: auto;
}
.MultiSaleReceiptEntry .-apply-table > footer rz-cell .MoneyView {
  width: 8em;
}
.MultiSaleReceiptEntry .-apply-table >.TableCo > table {
  table-layout: fixed;
}

rz-block{--bg: inherit;--fg: inherit;--bc: inherit;--display: inherit;--box-border: 1px solid var(--bc, lightgray);display:flex;flex-direction:column}rz-block.-boxed{border:var(--box-border);border-radius:6px;padding:.75em}rz-block.-push-r{flex-direction:row}rz-block.-push-r>*{flex:0;margin-left:auto}
.RemoteMappingExtent .AppLayout__left {
  max-width: 600px;
}
.RemoteMappingExtent .AppLayout__left .Pane__subject {
  padding-left: 1em;
/*  temporary/partial fix of scrolling, until converted */
}
.RemoteMappingExtent .AppLayout__left .Pane__subject .TableCo.basic>table.scroll>tbody {
  max-height: 60vh;
}

.SupplyFeedConfig > h5 {
  margin-top: 1.75em; /*  slightly more margin for checkbox group headers */
}

.UserExtent .UserRoleChooser {
  height: 100%;
  padding-left: 1em;
  border-left: 2px solid #d3d3d3;
/*  This is needed to allow dropdown to go below end of list. */
/*  But when this is applied to */
}
.UserExtent .UserRoleChooser .Listing.is-editing > ul.editable {
  overflow: visible;
}

.RolesExtent .ActiveBoCard {
  width: 42em;
}
.RolesExtent .RoleForm .PermissionsGranted .-item {
  font-family: monospace;
  font-size: 1em;
}
.RolesExtent .RoleForm .PermissionsGranted .-actions {
  font-family: monospace;
  text-align: right;
  flex: 0;
}

.CustomDoc .CustomDoc_def {
  max-width: 40em;
}
.CustomDoc .CustomDoc_sections {
  min-height: 15em;
}

/*
Note:
Variables are defined separate stylus files, which must be imported in this order:
       - tenant/vars.styl
       - @rz/basics/src/stylus/vars.styl
These imports are handled at build time, via Webpack config
*/
/* reset.scss - level the field across browsers.  */
html,
body,
section,
article,
div,
span,
aside,
footer,
header,
summary,
menu,
nav,
fieldset,
form,
input,
select,
label,
legend,
blockquote,
pre,
code,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
i,
u,
b,
em,
img,
s,
small,
strike,
strong,
sub,
sup,
tt,
dl,
dt,
dd,
ol,
ul,
li,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
canvas,
details,
figure,
figcaption,
caption,
output {
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
*:active,
*:hover {
  outline: 0;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
header,
footer {
  width: 100%;
}
section,
article {
  width: auto;
}
.hidden,
[hidden],
template {
  display: none;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  background-color: transparent;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"] {
  width: auto;
}
input[type="number"] {
  max-width: 9em;
}
select {
  border-radius: 0;
}
audio,
canvas,
progress,
video {
  display: inline-block; /*  1 */
  vertical-align: baseline; /*  2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
html {
  height: 100%;
  font-family: 'Roboto', sans-serif;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.618;
  background-color: #fafafa;
  color: #484848 /*  normal text, headings, and non-field labels */;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.vertical li {
  display: block;
  padding: 0.25rem 0.5rem;
}
ul.vertical li.bleed {
  padding: 0;
}
ul.vertical li.selected {
  font-weight: 700;
  background-color: #ffd700;
  border-top: 2px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
  border-bottom: 2px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */;
}
ul.vertical li:hover {
  background-color: #fff8dc;
}
ul.across li {
  display: inline-block;
}
ul.editable li.viewing:not(.disabled),
ul.selectable li.viewing:not(.disabled) {
  cursor: pointer;
}
ul.editable li.viewing:nth-child(odd),
ul.selectable li.viewing:nth-child(odd) {
  background-color: #fff;
}
ul.editable li.viewing:nth-child(even),
ul.selectable li.viewing:nth-child(even) {
  background-color: #f0f0f0;
}
ul.editable li.viewing:hover,
ul.selectable li.viewing:hover {
  background-color: #fff8dc;
}
td,
th {
  font-size: 0.9em;
}
th {
  font-weight: 500;
  color: #808080 /*  html Gray */ /*  html Gray */;
}
button:not(.disabled),
a:not(.disabled),
input[type="submit"]:not(.disabled),
input[type="reset"]:not(.disabled),
input[type="button"]:not(.disabled),
.clickable:not(.disabled) {
  cursor: pointer;
}
input::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #e8e8e8;
  font-size: 0.7rem;
}
input {
  border-radius: 0;
  background-color: transparent;
  padding-bottom: 1px /*  consumed on focus */;
  border-bottom: 1px solid #d3d3d3 /*  html LightGray */;
  font-size: 15px;
}
input:focus {
  outline: 0;
  padding-bottom: 0;
  border-bottom: 2px solid #79afd7;
}
input:focus::-webkit-input-placeholder {
  color: #bebebe /*  X11 Gray */;
  font-size: 0.7rem;
}
input.invalid {
/*  This is important, because our way of doing an invalid input, */
/*  is to underline the input with red. */
  border-bottom: 2px solid #f00;
}
input[readonly] {
  border-color: transparent;
}
input[readonly][placeholder="--"]::-webkit-input-placeholder {
  color: #484848 /*  normal text, headings, and non-field labels */;
}
button {
  transition: border 0.3s ease-in-out;
}
div.disabled > div.control > input.invalid {
  border-bottom: 1px solid #d3d3d3 /*  html LightGray */;
}
.selector .value.invalid {
  border-bottom: 2px solid #f00;
}
.floating-label > input::-webkit-input-placeholder {
  color: transparent;
}
.floating-label >label {
  color: #bebebe /*  X11 Gray */ /*   X11 Gray */;
  pointer-events: none;
  position: absolute;
  left: 0.3em;
  top: 0.25em;
  transition: 0.3s ease all;
}
.floating-label >input:not(:-moz-placeholder-shown) ~ label, .floating-label >textarea:not(:-moz-placeholder-shown) ~ label {
  top: -1.3em;
  left: 0;
  color: $field-label-color;
}
.floating-label >input:focus ~ label,
.floating-label >input:not(:placeholder-shown) ~ label,
.floating-label >textarea:focus ~ label,
.floating-label >textarea:not(:placeholder-shown) ~ label {
  top: -1.3em;
  left: 0;
  color: $field-label-color;
}
@media screen and (min-width: 0 0) {
  select {
    background: none;
    padding: 5px;
  }
}
select.inline,
.inline select {
  padding-right: 0.2em;
  border: none;
  width: 8em;
}
textarea {
  font-size: 1em;
  padding: 0.6em;
/* height: 6em; */
  min-height: 3em;
  min-width: 20em;
  border: 1px solid #d3d3d3 /*  html LightGray */;
  background-color: rgba(255,255,255,0.302);
}
input[type="checkbox"] {
  vertical-align: middle;
  position: relative;
  height: 1.5em;
  bottom: 1px;
  margin-right: 0.75em;
  cursor: pointer;
}
input[type="time"],
input[type="date"] {
  max-width: 10em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 1.5rem;
}
h2 {
  font-size: 1.65em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.1em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.85em;
}
header > h4,
section > h4 {
  margin: 0.75em 0 0.25em;
}
i,
em {
  font-style: italic;
}
b,
strong {
  font-weight: 700;
}
a,
.link {
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  color: #00f;
}
a:hover,
.link:hover {
  color: #ff69b4;
}
a:visited,
.link:visited {
  color: #00f;
}
fieldset {
  margin-bottom: 1em;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.blurred {
  filter: blur(1px);
}
.h-inline-label {
  font-size: 0.7em;
}
.h-inline-label::after {
  content: ": ";
}
.h-loading {
  position: relative;
  min-height: 150px;
}
.h-loading >* {
  opacity: 0.3;
}
.h-loading:after {
  content: '\f021';
  font-family: 'FontAwesome';
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  animation: spin 2s linear infinite;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #507a9b;
}
.h-semi-transparent {
  opacity: 0.6;
}
.h-no-margin {
  margin: 0;
}
.h-flex {
  display: flex;
}
.h-flex-0 {
  flex: 0 !important;
}
.h-flex-nowrap {
  flex-wrap: nowrap;
}
.h-flex-b-auto {
  flex-basis: auto !important;
}
.h-nogap {
  grid-gap: initial;
}
.h-color-error {
  color: #f00;
}
.h-color-warning {
  color: #ffa500;
}
.h-color-good {
  color: #008000;
}
.bordered {
  border: 1px solid #d3d3d3 /*  html LightGray */ /*  html LightGray */ /*  default border color */ /*  default for something with a border */;
  border-radius: 3px;
}
.label {
  color: #808080 /*  html Gray */ /*  html Gray */;
  font-size: 0.85em;
}
.successful,
.good {
  color: #008000;
}
.warning {
  color: #ffa500;
}
.danger {
  color: #f00;
}
.failure {
  color: #f00;
}
.stronger {
  font-weight: 500;
}
.strongest {
  font-weight: 700;
}
.invisible {
  visibility: hidden;
}
.full {
  width: 100%;
}
.center {
  text-align: center;
  justify-content: center;
}
.right {
  text-align: right;
  justify-content: end;
}
.left {
  text-align: left;
  justify-content: start;
}
.bottom {
  vertical-align: bottom;
  display: inline-block;
}
.tight {
  margin: 0;
}
.detached {
  margin-top: 2em;
}
.inset {
  padding: 1em;
}
.indent {
  padding-left: 1.5rem;
}
.inline {
  display: inline-block;
}
.inline>* {
  display: inline-table; /*  better vertical alignment */
}
.disabled {
  cursor: not-allowed /*  should be applied to any disabled elem */;
  pointer-events: none;
  opacity: 0.4;
}
.h-click-disabled {
  pointer-events: none;
}
.spread {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: flex-end;
}
.tiny {
  padding: 0;
  margin: 0;
}
.tiny {
  font-size: 0.7rem;
}
.little {
  font-size: 0.8rem;
}
.small {
  font-size: 0.9rem;
}
.normal {
  font-size: 1em;
}
.big {
  font-size: 1.15rem;
}
.large {
  font-size: 1.3rem;
}
.tinier {
  font-size: 0.7em;
}
.littler {
  font-size: 0.8em;
}
.smaller {
  font-size: 0.9em;
}
.bigger {
  font-size: 1.15em;
}
.larger {
  font-size: 1.3em;
}
.form-column-small {
  max-width: 20em;
}
.form-column-standard {
  max-width: 30em;
}
.form-column-large {
  max-width: 45em;
}
.form-column-double {
  max-width: 60em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.push-right {
  margin-left: auto;
}
.push-down {
  margin-top: auto;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.1em;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid 9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
html,
body {
  margin: 0;
  min-height: 100%;
}
body {
  display: flex;
  flex-flow: column;
}
body #page {
  background-color: #fafafa;
  flex: 1;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
}
body .drop-down a {
  color: #222 !important;
}
body .meta {
  font-size: 0.8rem;
  font-style: italic;
}
#rz-app-frame {
  flex: 1 100%;
}
#rz-app .rz-app-nav {
  border: none;
  background-color: #4a5864;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#rz-app .rz-app-nav .BreadCrumbNav {
  flex: 1;
}
#rz-app .rz-app-nav .UtilityNav {
  flex: 0;
  padding-right: 3em;
}
#page-footer {
  padding: 0.25em 1.5em;
  background-color: #414345;
}
#rz-app-version,
#rz-app-copyright {
  color: #909090;
  font-size: 14px;
}
#page-footer {
  z-index: 1;
}
#rz-app-content {
  position: relative;
}
#rz-app-content > .dashboard {
  margin: 1em 4em;
}
.loader-container {
  overflow: hidden;
  margin: auto;
}
.loader {
  margin: 10% auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border: 1.1em solid rgba(100,100,100,0.2);
  border-left-color: #808080;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
}
/*  App-wide styling of text flagged as "instructions" */
.instructions p,
legend.instructions,
p.instructions {
  margin-top: 0.25em;
  padding-bottom: 0.5em;
  font-size: 0.8em;
  color: #7b5802;
  max-width: 35em;
}
/*  App-wide styling of a div.placeholder, used only for empty forms. */
div.placeholder {
  width: 100%;
  max-width: 30em /*  this is arbitrary... change if better value comes along */;
  text-align: center;
  margin-top: 3em;
  color: #808080;
}
.error-msg {
  color: #f00;
}
rz-cell>a.nav-link {
  margin-left: -0.35em;
}
/*  app-specific behavior of certain clickables */
.nav-link,
.LabelValue.clickable,
rz-cell.clickable {
  background-color: transparent;
}
.nav-link:hover,
.LabelValue.clickable:hover,
rz-cell.clickable:hover {
  background-color: #f0ffff;
}
/*  For things tagged as a work in progress */
.todo {
  font-weight: 700;
  color: #8b0000;
  border: 1px dashed #8b0000;
  max-width: 30rem;
  margin: 0.5rem auto;
  text-align: center;
}
input,
textarea,
keygen,
select,
button {
  margin: 0;
}
.ListedItem {
  background-color: #fff;
  padding: 0.5em;
  margin-bottom: 0.25em;
  border: 1px solid #e8e8e8;
}
/*  Inset listings that are at the top level of the */
/*  main app layout pane. */
.LayoutSideMain__main > .LsPanel {
  padding: 0.5em;
}
.OwnedNotes__editor rz-field[data-name="content"]>textarea {
  min-width: 35vw;
  min-height: 35vh;
}
@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}