@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap");
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #42a5f5;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #42a5f5;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  border-radius: 5px 5px 0 0;
  background: #42a5f5;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #bbb;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(72, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72, 72, 72, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(72, 72, 72, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #42a5f5;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #42a5f5;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: #42a5f5;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #42a5f5;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
  border-left: 1px solid rgba(72, 72, 72, 0.2);
  border-right: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 rgba(72, 72, 72, 0.2);
  box-shadow: -1px 0 0 rgba(72, 72, 72, 0.2);
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e2e2e2;
  border-color: #e2e2e2;
}

.flatpickr-day.today {
  border-color: #bbb;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #bbb;
  background: #bbb;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #42a5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #42a5f5;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #42a5f5;
  box-shadow: -10px 0 0 #42a5f5;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(72, 72, 72, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
  box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  border-left: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eaeaea;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #5897fb;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 4px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}

.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
}

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-fixed {
  position: fixed;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: block;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color);
} 
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* -----------------------------------------------------------------------

Borrowed temporarily from ...

 Blueprint CSS Framework 1.0.1
 http: //blueprintcss.org

----------------------------------------------------------------------- */
/* reset */
html {
  margin: 0;
  padding: 0;
  border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

th, td {
  text-align: left;
  font-weight: normal;
}

table, th, td {
  vertical-align: top;
}

a img {
  border: none;
}

:focus {
  outline: 0;
}

/* typography */
h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 2em;
  margin-bottom: 0.75em;
}

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

p {
  margin: 0 0 1.5em;
}

li ul, li ol {
  margin: 0;
}

ul, ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

dl {
  margin: 0 0 1.5em 0;
}

dl dt {
  font-weight: bold;
}

dd {
  margin-left: 1.5em;
}

table {
  margin-bottom: 1.4em;
  width: 100%;
}

th {
  font-weight: bold;
}

th, td, caption {
  padding: 0.25em 1em 0.25em 0.25em;
}

hr {
  border: none;
}

label {
  margin-top: 0.75em;
  margin-bottom: 0.25em;
}

input,
select,
textarea {
  display: block;
  font-size: 1rem;
}

[type=color],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
textarea {
  appearance: none;
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #bbb;
  color: #000;
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
}
[type=color]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
textarea:focus {
  border-color: #666;
}
[type=color]:disabled,
[type=date]:disabled,
[type=datetime]:disabled,
[type=datetime-local]:disabled,
[type=email]:disabled,
[type=month]:disabled,
[type=number]:disabled,
[type=password]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=text]:disabled,
[type=time]:disabled,
[type=url]:disabled,
[type=week]:disabled,
input:not([type]):disabled,
textarea:disabled {
  cursor: not-allowed;
}
[type=color]::placeholder,
[type=date]::placeholder,
[type=datetime]::placeholder,
[type=datetime-local]::placeholder,
[type=email]::placeholder,
[type=month]::placeholder,
[type=number]::placeholder,
[type=password]::placeholder,
[type=search]::placeholder,
[type=tel]::placeholder,
[type=text]::placeholder,
[type=time]::placeholder,
[type=url]::placeholder,
[type=week]::placeholder,
input:not([type])::placeholder,
textarea::placeholder {
  opacity: 0.25;
}

[type=checkbox],
[type=radio],
input.button {
  display: inline;
}

.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-gap: 24px;
}
.grid-wrapper.small-gap, .grid-wrapper .grid-wrapper {
  grid-gap: 10px;
}
.grid-wrapper.responsive {
  grid-template-columns: repeat(auto-fit, minmax(3rem, 1fr));
}
.grid-wrapper.boxes > div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgb(222, 240, 252);
  padding: 1rem;
}
.grid-wrapper.interior-padding > div {
  padding-left: 1rem;
  padding-right: 1rem;
}
.grid-wrapper.interior-padding > div:first-child {
  padding-left: 0;
}
.grid-wrapper.interior-padding > div:last-child {
  padding-right: 0;
}
.grid-wrapper > .span-one {
  grid-column-end: span 1;
}
.grid-wrapper > .span-two {
  grid-column-end: span 2;
}
.grid-wrapper > .span-three {
  grid-column-end: span 3;
}
.grid-wrapper > .span-four {
  grid-column-end: span 4;
}
.grid-wrapper > .span-five {
  grid-column-end: span 5;
}
.grid-wrapper > .span-six {
  grid-column-end: span 6;
}
.grid-wrapper > .span-seven {
  grid-column-end: span 7;
}
.grid-wrapper > .span-eight {
  grid-column-end: span 8;
}
.grid-wrapper > .span-nine {
  grid-column-end: span 9;
}
.grid-wrapper > .span-ten {
  grid-column-end: span 10;
}
.grid-wrapper > .span-eleven {
  grid-column-end: span 11;
}
.grid-wrapper > .span-twelve {
  grid-column-end: span 12;
}
.grid-wrapper > .span-thirteen {
  grid-column-end: span 13;
}
.grid-wrapper > .span-fourteen {
  grid-column-end: span 14;
}
.grid-wrapper > .span-fifteen {
  grid-column-end: span 15;
}
.grid-wrapper > .span-sixteen {
  grid-column-end: span 16;
}
.grid-wrapper > .span-seventeen {
  grid-column-end: span 17;
}
.grid-wrapper > .span-eighteen {
  grid-column-end: span 18;
}
.grid-wrapper > .span-nineteen {
  grid-column-end: span 19;
}
.grid-wrapper > .span-twenty {
  grid-column-end: span 20;
}
.grid-wrapper > .span-twentyone {
  grid-column-end: span 21;
}
.grid-wrapper > .span-twentytwo {
  grid-column-end: span 22;
}
.grid-wrapper > .span-twentythree {
  grid-column-end: span 23;
}
.grid-wrapper > .span-twentyfour {
  grid-column-end: span 24;
}
.grid-wrapper > .col-one {
  grid-column-start: 2;
}
.grid-wrapper > .col-two {
  grid-column-start: 3;
}
.grid-wrapper > .col-three {
  grid-column-start: 4;
}
.grid-wrapper > .col-four {
  grid-column-start: 5;
}
.grid-wrapper > .col-five {
  grid-column-start: 6;
}
.grid-wrapper > .col-six {
  grid-column-start: 7;
}
.grid-wrapper > .col-seven {
  grid-column-start: 8;
}
.grid-wrapper > .col-eight {
  grid-column-start: 9;
}
.grid-wrapper > .col-nine {
  grid-column-start: 10;
}
.grid-wrapper > .col-ten {
  grid-column-start: 11;
}
.grid-wrapper > .col-eleven {
  grid-column-start: 12;
}
.grid-wrapper > .col-twelve {
  grid-column-start: 13;
}
.grid-wrapper > .col-thirteen {
  grid-column-start: 14;
}
.grid-wrapper > .col-fourteen {
  grid-column-start: 15;
}
.grid-wrapper > .col-fifteen {
  grid-column-start: 16;
}
.grid-wrapper > .col-sixteen {
  grid-column-start: 17;
}
.grid-wrapper > .col-seventeen {
  grid-column-start: 18;
}
.grid-wrapper > .col-eighteen {
  grid-column-start: 19;
}
.grid-wrapper > .col-nineteen {
  grid-column-start: 20;
}
.grid-wrapper > .col-twenty {
  grid-column-start: 21;
}
.grid-wrapper > .col-twentyone {
  grid-column-start: 22;
}
.grid-wrapper > .col-twentytwo {
  grid-column-start: 23;
}
.grid-wrapper > .col-twentythree {
  grid-column-start: 24;
}
.grid-wrapper.debug > div {
  border: 1px dotted gray;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@page {
  margin: 0.25in;
}
.narrow {
  max-width: 50rem;
  margin: 0;
  padding: 0 1rem;
}

.clear {
  clear: both;
}

.small {
  font-size: 0.8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}

.large {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 1.25em;
}

.quiet {
  color: #666;
}

.loud {
  color: #000;
}

.top {
  margin-top: 0;
  padding-top: 0;
}

.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

.error, .alert, .notice, .success, .info {
  padding: 0.8em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  border: 1px solid #ddd;
  border-radius: 0.25em;
}

.error, .alert {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
  display: inline-block;
}

.notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}

.success {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}

.info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}

.error a, .alert a {
  color: #8a1f11;
}

.notice a {
  color: #514721;
}

.success a {
  color: #264409;
}

.info a {
  color: #205791;
}

.underline {
  text-decoration: underline;
}

.container {
  min-width: 100%;
}
.container.with-subnavigation {
  padding-top: 0;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.flex {
  display: flex;
}

#header {
  padding: 2em;
  text-align: left;
  background: rgb(49, 99, 140);
  position: relative;
}
#header h1, #header h2, #header h3, #header h4, #header h5 {
  font-weight: bold;
  color: hsl(207.032967033, 48.1481481481%, 112.0588235294%);
  padding-bottom: 0.25em;
}
#header p, #header li {
  color: hsl(207.032967033, 48.1481481481%, 112.0588235294%);
}
#header a.button, #header input[type=submit] {
  position: relative;
  padding: 0.7em 1.25em;
  background: #206bcb;
  font-size: 90%;
  color: rgb(222, 240, 252);
  border-radius: 4px;
  border: none;
  text-decoration: none;
  float: right;
  background-color: #3e9ee5;
}
#header a.button:hover, #header input[type=submit]:hover {
  background: #3e9ee5;
  cursor: pointer;
}
#header a.button.green, #header input[type=submit].green {
  background: #267800;
  color: rgb(238, 255, 229.5);
}
#header a.button.green:hover, #header input[type=submit].green:hover {
  background: rgb(54.15, 171, 0);
  color: white;
}
#header a.button.orange, #header input[type=submit].orange {
  background: rgb(255, 133, 27);
  color: rgb(255, 242.1578947368, 231);
}
#header a.button.orange:hover, #header input[type=submit].orange:hover {
  background: rgb(255, 242.1578947368, 231);
  color: white;
}
#header a.button:hover, #header input[type=submit]:hover {
  color: rgb(14.6382978723, 48.9468085106, 92.8617021277);
  background-color: rgb(151.8904109589, 203.1780821918, 241.1095890411);
}

.main {
  padding: 2em;
  text-align: left;
  background: hsl(207.032967033, 48.1481481481%, 112.0588235294%);
  color: #003366;
  position: relative;
  min-width: 100%;
}
.main h1, .main h2, .main h3, .main h4, .main h5 {
  font-weight: bold;
  color: rgb(89.25, 89.25, 89.25);
}
.main h1.blue, .main h2.blue, .main h3.blue, .main h4.blue, .main h5.blue {
  color: rgb(49, 99, 140);
}

body {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 87.5%;
  color: rgb(49, 99, 140);
  text-decoration: none;
  background: white;
}
body.white-background {
  background: white;
}
body .scrollable {
  height: 600px;
  overflow-y: auto;
}
body .iblock {
  display: inline-block;
}
body .smaller {
  font-size: 0.875em;
  line-height: 1.25em;
}
body .small {
  line-height: 1.25em;
  margin-bottom: 1.25em;
}
body .small.bottom {
  margin-bottom: 0;
}
body .caps {
  text-transform: uppercase;
}
body hr {
  border-top: 1px dotted rgb(140, 182, 216);
  margin: 0;
  background: none;
  margin-bottom: 1em;
  margin-top: 1em;
}
body hr.thick {
  border-top: 2px solid #cccccc;
}
body hr.blue {
  border-top-color: rgb(175.25, 218.75, 247.75);
}
body hr.gray {
  border-top-color: #999999;
}
body hr.above {
  margin: 0;
  margin-bottom: 1em;
}
body hr.below {
  margin: 0;
  margin-top: 1em;
}
body hr.tight {
  margin: 0;
}
body hr.tighter {
  margin: 0.125em 0;
  padding: 0.125em 0;
}
body hr:first-child {
  margin-top: 0;
}
body h1, body h2, body h3, body h4, body h5 {
  font-weight: bold;
  color: rgb(89.25, 89.25, 89.25);
}
body h1.section, body h2.section, body h3.section, body h4.section, body h5.section {
  padding-top: 0.25em;
  border-top: 1px solid #cccccc;
}
body h1.section.thick, body h2.section.thick, body h3.section.thick, body h4.section.thick, body h5.section.thick {
  border-top: 3px solid rgb(140, 182, 216);
}
body h1.section.blue, body h2.section.blue, body h3.section.blue, body h4.section.blue, body h5.section.blue {
  border-top-color: rgb(222, 240, 252);
}
body h1.section.gray, body h2.section.gray, body h3.section.gray, body h4.section.gray, body h5.section.gray {
  border-top-color: #cccccc;
}
body .tight h1, body .tight h2, body .tight h3, body .tight h4, body .tight h5, body .tight p, body .tight li, body .tight div {
  margin-bottom: 0.25rem;
  line-height: 110%;
}
body h1.tightish, body h2.tightish, body h3.tightish, body h4.tightish, body h5.tightish, body p.tightish, body dl.tightish, body li.tightish, body div.tightish, body ul.tightish, body ol.tightish, body fieldset.tightish {
  margin-bottom: 0.5em;
  line-height: 110%;
}
body h1.tightish h1, body h1.tightish h2, body h1.tightish h3, body h1.tightish h4, body h1.tightish h5, body h1.tightish p, body h1.tightish li, body h1.tightish div, body h2.tightish h1, body h2.tightish h2, body h2.tightish h3, body h2.tightish h4, body h2.tightish h5, body h2.tightish p, body h2.tightish li, body h2.tightish div, body h3.tightish h1, body h3.tightish h2, body h3.tightish h3, body h3.tightish h4, body h3.tightish h5, body h3.tightish p, body h3.tightish li, body h3.tightish div, body h4.tightish h1, body h4.tightish h2, body h4.tightish h3, body h4.tightish h4, body h4.tightish h5, body h4.tightish p, body h4.tightish li, body h4.tightish div, body h5.tightish h1, body h5.tightish h2, body h5.tightish h3, body h5.tightish h4, body h5.tightish h5, body h5.tightish p, body h5.tightish li, body h5.tightish div, body p.tightish h1, body p.tightish h2, body p.tightish h3, body p.tightish h4, body p.tightish h5, body p.tightish p, body p.tightish li, body p.tightish div, body dl.tightish h1, body dl.tightish h2, body dl.tightish h3, body dl.tightish h4, body dl.tightish h5, body dl.tightish p, body dl.tightish li, body dl.tightish div, body li.tightish h1, body li.tightish h2, body li.tightish h3, body li.tightish h4, body li.tightish h5, body li.tightish p, body li.tightish li, body li.tightish div, body div.tightish h1, body div.tightish h2, body div.tightish h3, body div.tightish h4, body div.tightish h5, body div.tightish p, body div.tightish li, body div.tightish div, body ul.tightish h1, body ul.tightish h2, body ul.tightish h3, body ul.tightish h4, body ul.tightish h5, body ul.tightish p, body ul.tightish li, body ul.tightish div, body ol.tightish h1, body ol.tightish h2, body ol.tightish h3, body ol.tightish h4, body ol.tightish h5, body ol.tightish p, body ol.tightish li, body ol.tightish div, body fieldset.tightish h1, body fieldset.tightish h2, body fieldset.tightish h3, body fieldset.tightish h4, body fieldset.tightish h5, body fieldset.tightish p, body fieldset.tightish li, body fieldset.tightish div {
  margin-bottom: 0.5em;
  line-height: 110%;
}
body h1.tight, body h2.tight, body h3.tight, body h4.tight, body h5.tight, body p.tight, body dl.tight, body li.tight, body div.tight, body ul.tight, body ol.tight, body fieldset.tight {
  margin-bottom: 0.25em;
  line-height: 110%;
}
body h1.tightest, body h2.tightest, body h3.tightest, body h4.tightest, body h5.tightest, body p.tightest, body dl.tightest, body li.tightest, body div.tightest, body ul.tightest, body ol.tightest, body fieldset.tightest {
  margin: 0;
  padding: 0;
}
body h1.tight-margins, body h1.tight-margins > p, body h2.tight-margins, body h2.tight-margins > p, body h3.tight-margins, body h3.tight-margins > p, body h4.tight-margins, body h4.tight-margins > p, body h5.tight-margins, body h5.tight-margins > p, body p.tight-margins, body p.tight-margins > p, body dl.tight-margins, body dl.tight-margins > p, body li.tight-margins, body li.tight-margins > p, body div.tight-margins, body div.tight-margins > p, body ul.tight-margins, body ul.tight-margins > p, body ol.tight-margins, body ol.tight-margins > p, body fieldset.tight-margins, body fieldset.tight-margins > p {
  margin-bottom: 0.25em;
}
body h1.text-center, body h2.text-center, body h3.text-center, body h4.text-center, body h5.text-center, body p.text-center, body dl.text-center, body li.text-center, body div.text-center, body ul.text-center, body ol.text-center, body fieldset.text-center {
  text-align: center;
}
body h1.padded, body h2.padded, body h3.padded, body h4.padded, body h5.padded, body p.padded, body dl.padded, body li.padded, body div.padded, body ul.padded, body ol.padded, body fieldset.padded {
  padding: 1em;
}
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body p a, body dl a, body li a, body div a, body ul a, body ol a, body fieldset a {
  color: rgb(49, 99, 140);
}
body h1 a.plain, body h2 a.plain, body h3 a.plain, body h4 a.plain, body h5 a.plain, body p a.plain, body dl a.plain, body li a.plain, body div a.plain, body ul a.plain, body ol a.plain, body fieldset a.plain {
  text-decoration: none;
}
body h1 a:hover, body h2 a:hover, body h3 a:hover, body h4 a:hover, body h5 a:hover, body p a:hover, body dl a:hover, body li a:hover, body div a:hover, body ul a:hover, body ol a:hover, body fieldset a:hover {
  color: rgb(140, 182, 216);
}
body h1.bottom, body h1 .bottom, body h2.bottom, body h2 .bottom, body h3.bottom, body h3 .bottom, body h4.bottom, body h4 .bottom, body h5.bottom, body h5 .bottom, body p.bottom, body p .bottom, body dl.bottom, body dl .bottom, body li.bottom, body li .bottom, body div.bottom, body div .bottom, body ul.bottom, body ul .bottom, body ol.bottom, body ol .bottom, body fieldset.bottom, body fieldset .bottom {
  margin-bottom: 0;
}
body div.pad-right, body p.pad-right, body tr.pad-right, body td.pad-right {
  padding-right: 1em;
}
body div.pad-bottom, body p.pad-bottom, body tr.pad-bottom, body td.pad-bottom {
  padding-bottom: 1em;
}
body div.pad-top, body p.pad-top, body tr.pad-top, body td.pad-top {
  padding-top: 1em;
}
body div.light, body p.light, body tr.light, body td.light {
  color: #999999;
}
body div.light h1, body div.light h2, body div.light h3, body div.light h4, body div.light h5, body div.light p, body div.light label, body p.light h1, body p.light h2, body p.light h3, body p.light h4, body p.light h5, body p.light p, body p.light label, body tr.light h1, body tr.light h2, body tr.light h3, body tr.light h4, body tr.light h5, body tr.light p, body tr.light label, body td.light h1, body td.light h2, body td.light h3, body td.light h4, body td.light h5, body td.light p, body td.light label {
  color: #999999;
}
body [contenteditable=true] {
  cursor: pointer;
  outline: none;
}
body [contenteditable=true] p {
  padding: 0;
  margin: 0;
}
body [contenteditable=true]:hover {
  outline: 1px dotted rgb(140, 182, 216);
  background-color: rgb(235.211038961, 242.4383116883, 248.288961039);
}
body [contenteditable=true].focused {
  outline: 1px solid rgb(140, 182, 216);
  background-color: white;
  padding: 0.5em;
}
body div.blue, body td.blue, body ul.blue {
  background-color: rgb(222, 240, 252);
}
body div.blue select, body td.blue select, body ul.blue select {
  background-color: white;
}
body div.light-gray, body td.light-gray, body ul.light-gray {
  background-color: rgb(229.5, 229.5, 229.5);
  color: gray;
}
body div.gray, body td.gray, body ul.gray {
  background-color: #999999;
}
body div.white, body div.light-blue, body td.white, body td.light-blue, body ul.white, body ul.light-blue {
  background-color: white;
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
}
body div.white p.blue, body div.light-blue p.blue, body td.white p.blue, body td.light-blue p.blue, body ul.white p.blue, body ul.light-blue p.blue {
  color: rgb(49, 99, 140);
}
body div.white select, body div.light-blue select, body td.white select, body td.light-blue select, body ul.white select, body ul.light-blue select {
  background-color: rgb(222, 240, 252);
}
body div.light-blue, body td.light-blue, body ul.light-blue {
  background-color: rgb(240, 246, 255);
}
body div.light-blue.highlight:hover, body td.light-blue.highlight:hover, body ul.light-blue.highlight:hover {
  background-color: rgb(248, 248, 248);
}
body div.dark-blue, body td.dark-blue, body ul.dark-blue {
  background-color: rgb(82.8733766234, 145.737012987, 196.6266233766);
}
body .pill {
  display: inline-block;
  color: white;
  background-color: rgb(87, 158, 216);
  padding: 0.25em 1em;
  border-radius: 1.25em;
  border: none;
  font-size: 75%;
  margin-right: 0.5em;
  margin-left: 0;
  white-space: nowrap;
  text-decoration: none;
}
body .pill.soft {
  border-radius: 0.5em;
}
body .pill.no-margin {
  margin: 0;
}
body .pill.tight {
  position: relative;
  top: 0.125rem;
}
body .pill > a {
  color: rgb(189.275, 225.125, 249.025);
  text-decoration: none;
}
body .pill > a:hover {
  color: rgb(222, 240, 252);
}
body .pill.larger {
  font-size: 100%;
}
body .pill.green {
  background: #267800;
}
body .pill.medium-sea-green {
  background: mediumseagreen;
}
body .pill.orange-red {
  background: orangered;
}
body .pill.orange {
  background: rgb(255, 133, 27);
}
body .pill.red {
  background: rgb(153, 0, 0);
}
body .pill.dark-gray {
  background: #999999;
}
body .pill.dark-gray > a {
  color: rgb(248, 248, 248);
}
body .pill.gray {
  background: #cccccc;
}
body .pill.gray > a {
  color: rgb(127.5, 127.5, 127.5);
}
body .pill.gray:hover, body .pill.dark-gray:hover {
  background-color: rgb(89.25, 89.25, 89.25);
}
body .pill.gray:hover > a, body .pill.dark-gray:hover > a {
  color: rgb(255, 255, 255);
}
body .sidebar {
  padding: 1em;
  text-align: left;
  background-color: rgb(222, 240, 252);
}
body .sidebar form select {
  background-color: hsl(204, 83.3333333333%, 107.9411764706%);
}
body .sidebar .border {
  border-bottom: 1px solid hsl(204, 83.3333333333%, 107.9411764706%);
  margin-bottom: 1em;
}
body .top_header {
  z-index: 1;
  padding: 1em;
  text-align: left;
  padding-top: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 2.5rem;
  background: rgb(222, 240, 252);
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
}
body .top_header a {
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  text-decoration: none;
  font-weight: bold;
}
body .top_header a:hover {
  color: rgb(140, 182, 216);
}
body #support-ticket {
  z-index: 1;
  position: absolute;
  top: 0.75rem;
  right: 1.5rem;
  height: 2.5rem;
}
body .navigation-list h4 {
  border-top: 2px solid rgb(140, 182, 216);
  padding-bottom: 0.5em;
  padding-top: 0.25em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 94%;
}
body .navigation-list .message-list h4, body .navigation-list .message-list h5 {
  border-top: none;
}
body .navigation-list .message-list a {
  display: inline;
}
body .navigation-list ul {
  margin-bottom: 3em;
}
body .navigation-list ul li {
  font-size: 120%;
  padding: 0;
  list-style-type: none;
  border-top: 1px dotted rgb(178.0844155844, 206.1753246753, 228.9155844156);
}
body .navigation-list a {
  padding: 0.5em 0;
  text-decoration: none;
  position: relative;
  display: block;
}
body ul.steps {
  overflow: hidden;
  margin-bottom: 3em;
  font-size: 110%;
  font-weight: bold;
}
body ul.steps li {
  list-style-type: none;
  float: left;
  padding: 0 0.25em 0.125em 0.25em;
  margin: 0;
  border-left: 1px solid rgb(175.25, 218.75, 247.75);
}
body ul.steps li > a, body ul.steps li > span {
  color: rgb(49, 99, 140);
  text-decoration: none;
  padding: 0.5em 1em;
}
body ul.steps li:first-child {
  padding-left: 0;
  border-left: none;
}
body ul.steps li .current {
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  background-color: rgb(240, 246, 255);
}
body ul.header > li:first-child > h5 {
  text-transform: uppercase;
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
}
body .scrollable-container {
  height: 50vh;
  overflow-y: auto;
}
body div.fixed-header-container {
  overflow-x: scroll;
}
body table.fixed {
  table-layout: fixed;
}
body table > thead.sticky > tr > th {
  position: sticky;
  top: 0;
  z-index: 10;
}
body table > thead.white tr > th {
  background-color: white;
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
}
body table > thead.caps tr > th {
  text-transform: uppercase;
}
body table > thead.rule-below tr > th {
  border-bottom: 1px dotted rgb(140, 182, 216);
  padding-bottom: 0.25em;
}
body tr > th.nowrap, body tr > td.nowrap, body th.nowrap, body td.nowrap, body dd.nowrap, body p.nowrap, body span.nowrap {
  white-space: nowrap;
}
body tr > th.date, body tr > td.date, body th.date, body td.date, body dd.date, body p.date, body span.date {
  white-space: nowrap;
}
body .tuples dl {
  border-top-color: #B9DBEF;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  clear: both;
}
body .tuples dl dt, body .tuples dl dd {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
body .tuples dl dd {
  text-align: right;
}
body .tuples dl.reverse-weight > dt {
  font-weight: normal;
}
body .tuples dl.reverse-weight > dd {
  font-weight: bold;
}
body .tuples.no-rule > dl {
  border-top: none;
}
body .tuples.stacked dt, body .tuples.stacked dd, body .tuples.nested dt, body .tuples.nested dd {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0 0 1rem 0;
}
body .tuples.stacked dd, body .tuples.nested dd {
  text-align: left;
}
body .tuples.stacked dd li, body .tuples.nested dd li {
  margin-left: 1.5em;
  padding: 0 0 1em;
}
body .tuples.nested dt {
  font-size: 120%;
}
body .tuples.nested dd {
  padding-left: 1em;
}
body .tuples.nested ul li h5 {
  font-size: 110%;
  margin-bottom: 0.5em;
  color: #333333;
  clear: both;
  margin-top: 0.5em;
}
body .tuples.nested ul li ul li {
  clear: both;
  padding: 0.25em;
}
body .tuples.nested ul li ul li h5 {
  font-size: 90%;
  text-transform: uppercase;
  color: rgb(114.75, 114.75, 114.75);
  margin: 0;
}
body .tuples.nested ul li ul li h5, body .tuples.nested ul li ul li div.values {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
body .tuples.nested ul li ul li div.values {
  text-align: right;
}
body .tuples.caps dt {
  text-transform: uppercase;
}
body div.columns {
  border-right: 1px dotted rgb(140, 182, 216);
  padding-right: 1.5rem;
}
body div.columns:last-child {
  border-right: none;
  padding-right: 0;
}
body div.columns > div {
  border-right: 1px dotted rgb(140, 182, 216);
  padding-right: 1.5rem;
}
body div.columns > div:last-child {
  border-right: none;
  padding-right: 0;
}
body div.columns > div.no-right-border {
  border-right: none;
}
body div.column-left {
  border-left: 1px dotted lightgray;
  padding-left: 1.5rem;
}
body div.column-left.thick {
  border-left: 2px solid lightgray;
}
body table th, body table td, body table caption {
  vertical-align: top;
}
body table th.align-bottom, body table td.align-bottom, body table caption.align-bottom {
  vertical-align: bottom;
}
body table > tr > th.headcol, body table td.headcol {
  position: absolute;
  left: 0;
  width: 100px;
  background-color: rgb(222, 240, 252);
}
body table > tr > th.no-pad-vertical, body table td.no-pad-vertical {
  padding-top: 0;
  padding-bottom: 0;
}
body table.bordered th, body table.bordered td {
  border: 1px solid rgb(49, 99, 140);
}
body table.striped > tbody > th {
  background-color: white;
}
body table.striped > tbody > tr {
  background-color: rgb(255, 255, 255);
}
body table.striped > tbody > tr:nth-child(2n) {
  background-color: rgb(222, 240, 252);
}
body table.striped > tbody tr td, body table.striped > thead tr th {
  padding-left: 1rem;
  padding-right: 1rem;
}
body table.reverse-header > tr th, body table.reverse-header > thead tr th {
  background-color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  color: white;
}
body table.fixed {
  table-layout: fixed;
}
body table.hover-highlight tr:hover > td {
  background-color: rgb(240, 246, 255);
}
body table.single-rows {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
body table.single-rows td, body table.single-rows th {
  min-width: 50px;
}
body table.single-rows td.wrap, body table.single-rows th.wrap {
  white-space: normal;
}
body table.columns > tbody > tr > th, body table.columns > tbody > tr > td {
  border-left: 1px dotted rgb(140, 182, 216);
  padding-left: 1rem;
}
body table.columns > tbody > tr > th:last-child, body table.columns > tbody > tr > td:last-child {
  border-right: 1px dotted rgb(140, 182, 216);
}
body table.columns > tbody > tr > th.no-left-column:first-child, body table.columns > tbody > tr > td.no-left-column:first-child {
  border-left: none;
}
body table.columns.inside th:first-child, body table.columns.inside td:first-child {
  border-left: none;
}
body table.columns.inside th:last-child, body table.columns.inside td:last-child {
  border-right: none;
}
body table.padded {
  padding: 0;
}
body table.padded th, body table.padded td {
  padding: 1em;
}
body table.interior-padding > tbody > tr > th, body table.interior-padding > tbody > tr > td {
  padding: 0 0.75em;
}
body table.interior-padding > tbody > tr > th:first-child, body table.interior-padding > tbody > tr > td:first-child {
  padding-left: 0;
  border-left: none;
}
body table.interior-padding > tbody > tr > th:last-child, body table.interior-padding > tbody > tr > td:last-child {
  padding-right: 0;
  border-right: none;
}
body table.flush-outside > tbody > tr > th:first-child, body table.flush-outside > tbody > tr > td:first-child {
  padding-left: 0;
  border-left: none;
}
body table.flush-outside > tbody > tr > th:last-child, body table.flush-outside > tbody > tr > td:last-child {
  padding-right: 0;
  border-right: none;
}
body table.tuples tr td {
  border-top: 1px dotted rgb(140, 182, 216);
}
body table.tuples tr td:last-child {
  text-align: right;
}
body table.tuples.no-first-rule > tbody tr:first-child > td {
  border: none;
}
body table.tuples.no-rule tr td {
  border: none;
}
body table.tuples.no-pad tr td {
  padding: 0;
}
body table.tuples.titled > tbody > tr > td:first-child {
  font-weight: bold;
  font-size: 90%;
  color: slategray;
  text-transform: uppercase;
}
body table.ruled, body ul.ruled, body fieldset.ruled, body div.ruled, body p.ruled {
  margin-bottom: 0.75em;
  margin-left: 0;
  padding: 0;
}
body table.ruled > li, body table.ruled > th, body table.ruled > td, body table.ruled > thead th, body table.ruled > tbody td, body ul.ruled > li, body ul.ruled > th, body ul.ruled > td, body ul.ruled > thead th, body ul.ruled > tbody td, body fieldset.ruled > li, body fieldset.ruled > th, body fieldset.ruled > td, body fieldset.ruled > thead th, body fieldset.ruled > tbody td, body div.ruled > li, body div.ruled > th, body div.ruled > td, body div.ruled > thead th, body div.ruled > tbody td, body p.ruled > li, body p.ruled > th, body p.ruled > td, body p.ruled > thead th, body p.ruled > tbody td {
  list-style-type: none;
  border-top: 1px dotted #cccccc;
  padding-top: 0.33em;
  padding-bottom: 0.33em;
  margin: 0;
  line-height: 125%;
}
body table.ruled.striped > li, body table.ruled > th, body table.ruled > td, body table.ruled > thead th, body table.ruled > tbody td, body ul.ruled.striped > li, body ul.ruled > th, body ul.ruled > td, body ul.ruled > thead th, body ul.ruled > tbody td, body fieldset.ruled.striped > li, body fieldset.ruled > th, body fieldset.ruled > td, body fieldset.ruled > thead th, body fieldset.ruled > tbody td, body div.ruled.striped > li, body div.ruled > th, body div.ruled > td, body div.ruled > thead th, body div.ruled > tbody td, body p.ruled.striped > li, body p.ruled > th, body p.ruled > td, body p.ruled > thead th, body p.ruled > tbody td {
  border-top: 1px solid rgb(222, 240, 252);
}
body table.ruled.bottom, body ul.ruled.bottom, body fieldset.ruled.bottom, body div.ruled.bottom, body p.ruled.bottom {
  margin-bottom: 0;
}
body table.ruled.padded > tbody > tr > td, body table.ruled.padded > li, body ul.ruled.padded > tbody > tr > td, body ul.ruled.padded > li, body fieldset.ruled.padded > tbody > tr > td, body fieldset.ruled.padded > li, body div.ruled.padded > tbody > tr > td, body div.ruled.padded > li, body p.ruled.padded > tbody > tr > td, body p.ruled.padded > li {
  padding: 1rem;
}
body table.ruled.padded > tbody > tr > td.color-shim, body table.ruled.padded > li.color-shim, body ul.ruled.padded > tbody > tr > td.color-shim, body ul.ruled.padded > li.color-shim, body fieldset.ruled.padded > tbody > tr > td.color-shim, body fieldset.ruled.padded > li.color-shim, body div.ruled.padded > tbody > tr > td.color-shim, body div.ruled.padded > li.color-shim, body p.ruled.padded > tbody > tr > td.color-shim, body p.ruled.padded > li.color-shim {
  padding: 0;
}
body table.ruled.no-pad tr td, body table.ruled.no-pad > li, body ul.ruled.no-pad tr td, body ul.ruled.no-pad > li, body fieldset.ruled.no-pad tr td, body fieldset.ruled.no-pad > li, body div.ruled.no-pad tr td, body div.ruled.no-pad > li, body p.ruled.no-pad tr td, body p.ruled.no-pad > li {
  padding: 0;
}
body table.ruled.thick > li, body table.ruled.thick > th, body table.ruled.thick > td, body table.ruled.thick > thead > th, body table.ruled.thick > tbody > tr > td, body ul.ruled.thick > li, body ul.ruled.thick > th, body ul.ruled.thick > td, body ul.ruled.thick > thead > th, body ul.ruled.thick > tbody > tr > td, body fieldset.ruled.thick > li, body fieldset.ruled.thick > th, body fieldset.ruled.thick > td, body fieldset.ruled.thick > thead > th, body fieldset.ruled.thick > tbody > tr > td, body div.ruled.thick > li, body div.ruled.thick > th, body div.ruled.thick > td, body div.ruled.thick > thead > th, body div.ruled.thick > tbody > tr > td, body p.ruled.thick > li, body p.ruled.thick > th, body p.ruled.thick > td, body p.ruled.thick > thead > th, body p.ruled.thick > tbody > tr > td {
  border-top: 2px solid rgb(222, 240, 252);
}
body table.ruled.no-top-border > li:first-child, body table.ruled.no-top-border > tbody > tr:first-child > td, body ul.ruled.no-top-border > li:first-child, body ul.ruled.no-top-border > tbody > tr:first-child > td, body fieldset.ruled.no-top-border > li:first-child, body fieldset.ruled.no-top-border > tbody > tr:first-child > td, body div.ruled.no-top-border > li:first-child, body div.ruled.no-top-border > tbody > tr:first-child > td, body p.ruled.no-top-border > li:first-child, body p.ruled.no-top-border > tbody > tr:first-child > td {
  border-top: none;
}
body table.ruled.thick-top-border > li:first-child, body table.ruled.thick-top-border > tbody > tr:first-child > td, body ul.ruled.thick-top-border > li:first-child, body ul.ruled.thick-top-border > tbody > tr:first-child > td, body fieldset.ruled.thick-top-border > li:first-child, body fieldset.ruled.thick-top-border > tbody > tr:first-child > td, body div.ruled.thick-top-border > li:first-child, body div.ruled.thick-top-border > tbody > tr:first-child > td, body p.ruled.thick-top-border > li:first-child, body p.ruled.thick-top-border > tbody > tr:first-child > td {
  border-top: 2px solid #cccccc;
}
body table.ruled > thead.white > tr th, body ul.ruled > thead.white > tr th, body fieldset.ruled > thead.white > tr th, body div.ruled > thead.white > tr th, body p.ruled > thead.white > tr th {
  background-color: none;
  border-top: 2px solid rgb(189.275, 225.125, 249.025);
}
body table.ruled > th, body table.ruled > thead th, body ul.ruled > th, body ul.ruled > thead th, body fieldset.ruled > th, body fieldset.ruled > thead th, body div.ruled > th, body div.ruled > thead th, body p.ruled > th, body p.ruled > thead th {
  background-color: rgb(222, 240, 252);
  border: none;
}
body table.ruled > th h4, body table.ruled > thead th h4, body ul.ruled > th h4, body ul.ruled > thead th h4, body fieldset.ruled > th h4, body fieldset.ruled > thead th h4, body div.ruled > th h4, body div.ruled > thead th h4, body p.ruled > th h4, body p.ruled > thead th h4 {
  color: rgb(49, 99, 140);
}
body table.ruled.tight > li, body ul.ruled.tight > li, body fieldset.ruled.tight > li, body div.ruled.tight > li, body p.ruled.tight > li {
  padding: 0.25em 0;
}
body table.ruled.tight > li.padded, body ul.ruled.tight > li.padded, body fieldset.ruled.tight > li.padded, body div.ruled.tight > li.padded, body p.ruled.tight > li.padded {
  padding: 1em 0;
}
body table.ruled.tight > li p, body ul.ruled.tight > li p, body fieldset.ruled.tight > li p, body div.ruled.tight > li p, body p.ruled.tight > li p {
  padding: 0;
}
body table.ruled.blue > li, body ul.ruled.blue > li, body fieldset.ruled.blue > li, body div.ruled.blue > li, body p.ruled.blue > li {
  border-top: 1px solid rgb(189.275, 225.125, 249.025);
}
body table div.nested ul li, body ul div.nested ul li, body fieldset div.nested ul li, body div div.nested ul li, body p div.nested ul li {
  margin-left: 2em;
}
body table.solid li, body table.solid th, body table.solid td, body ul.solid li, body ul.solid th, body ul.solid td, body fieldset.solid li, body fieldset.solid th, body fieldset.solid td, body div.solid li, body div.solid th, body div.solid td, body p.solid li, body p.solid th, body p.solid td {
  border-top: 1px solid rgb(229.5, 229.5, 229.5);
}
body table.solid.thick > li, body table.solid.thick > tbody > tr > th, body table.solid.thick > tbody > tr > td, body ul.solid.thick > li, body ul.solid.thick > tbody > tr > th, body ul.solid.thick > tbody > tr > td, body fieldset.solid.thick > li, body fieldset.solid.thick > tbody > tr > th, body fieldset.solid.thick > tbody > tr > td, body div.solid.thick > li, body div.solid.thick > tbody > tr > th, body div.solid.thick > tbody > tr > td, body p.solid.thick > li, body p.solid.thick > tbody > tr > th, body p.solid.thick > tbody > tr > td {
  border-top: 2px solid rgb(229.5, 229.5, 229.5);
}
body table.vert-ruled tr td, body ul.vert-ruled tr td, body fieldset.vert-ruled tr td, body div.vert-ruled tr td, body p.vert-ruled tr td {
  padding-left: 1em;
  padding-right: 1em;
}
body table.vert-ruled tr > td:not(:last-child), body ul.vert-ruled tr > td:not(:last-child), body fieldset.vert-ruled tr > td:not(:last-child), body div.vert-ruled tr > td:not(:last-child), body p.vert-ruled tr > td:not(:last-child) {
  border-right: 1px dotted rgb(140, 182, 216);
}
body table.spaced, body ul.spaced, body fieldset.spaced, body div.spaced, body p.spaced {
  border-collapse: separate;
  border-spacing: 1em;
}
body table.spaced.cell-boxed > tbody > tr > td, body ul.spaced.cell-boxed > tbody > tr > td, body fieldset.spaced.cell-boxed > tbody > tr > td, body div.spaced.cell-boxed > tbody > tr > td, body p.spaced.cell-boxed > tbody > tr > td {
  background-color: rgb(229.5, 229.5, 229.5);
  padding: 1em;
  border-radius: 0.5em;
  position: relative;
}
body table.spaced.cell-boxed > tbody > tr > td .bottom-left, body ul.spaced.cell-boxed > tbody > tr > td .bottom-left, body fieldset.spaced.cell-boxed > tbody > tr > td .bottom-left, body div.spaced.cell-boxed > tbody > tr > td .bottom-left, body p.spaced.cell-boxed > tbody > tr > td .bottom-left {
  bottom: 1em;
  left: 1em;
}
body table.boxed, body table > tbody > tr > td.boxed, body ul.boxed, body ul > tbody > tr > td.boxed, body fieldset.boxed, body fieldset > tbody > tr > td.boxed, body div.boxed, body div > tbody > tr > td.boxed, body p.boxed, body p > tbody > tr > td.boxed {
  border: 1px solid rgb(175.25, 218.75, 247.75);
  padding: 1em;
  text-align: left;
  margin-bottom: 2em;
}
body table.boxed > legend, body table > tbody > tr > td.boxed > legend, body ul.boxed > legend, body ul > tbody > tr > td.boxed > legend, body fieldset.boxed > legend, body fieldset > tbody > tr > td.boxed > legend, body div.boxed > legend, body div > tbody > tr > td.boxed > legend, body p.boxed > legend, body p > tbody > tr > td.boxed > legend {
  border: 1px solid rgb(175.25, 218.75, 247.75);
  width: 100%;
  color: rgb(49, 99, 140);
  background-color: rgb(222, 240, 252);
  font-size: 100%;
  padding: 0.5em 1em;
}
body table.boxed.blue, body table > tbody > tr > td.boxed.blue, body ul.boxed.blue, body ul > tbody > tr > td.boxed.blue, body fieldset.boxed.blue, body fieldset > tbody > tr > td.boxed.blue, body div.boxed.blue, body div > tbody > tr > td.boxed.blue, body p.boxed.blue, body p > tbody > tr > td.boxed.blue {
  background-color: rgb(222, 240, 252);
}
body table.boxed.blue select, body table > tbody > tr > td.boxed.blue select, body ul.boxed.blue select, body ul > tbody > tr > td.boxed.blue select, body fieldset.boxed.blue select, body fieldset > tbody > tr > td.boxed.blue select, body div.boxed.blue select, body div > tbody > tr > td.boxed.blue select, body p.boxed.blue select, body p > tbody > tr > td.boxed.blue select {
  background-color: white;
}
body table.boxed.blue table.ruled > tbody > tr > td, body table.boxed.blue ol.ruled > li, body table.boxed.blue ul.ruled > li, body table > tbody > tr > td.boxed.blue table.ruled > tbody > tr > td, body table > tbody > tr > td.boxed.blue ol.ruled > li, body table > tbody > tr > td.boxed.blue ul.ruled > li, body ul.boxed.blue table.ruled > tbody > tr > td, body ul.boxed.blue ol.ruled > li, body ul.boxed.blue ul.ruled > li, body ul > tbody > tr > td.boxed.blue table.ruled > tbody > tr > td, body ul > tbody > tr > td.boxed.blue ol.ruled > li, body ul > tbody > tr > td.boxed.blue ul.ruled > li, body fieldset.boxed.blue table.ruled > tbody > tr > td, body fieldset.boxed.blue ol.ruled > li, body fieldset.boxed.blue ul.ruled > li, body fieldset > tbody > tr > td.boxed.blue table.ruled > tbody > tr > td, body fieldset > tbody > tr > td.boxed.blue ol.ruled > li, body fieldset > tbody > tr > td.boxed.blue ul.ruled > li, body div.boxed.blue table.ruled > tbody > tr > td, body div.boxed.blue ol.ruled > li, body div.boxed.blue ul.ruled > li, body div > tbody > tr > td.boxed.blue table.ruled > tbody > tr > td, body div > tbody > tr > td.boxed.blue ol.ruled > li, body div > tbody > tr > td.boxed.blue ul.ruled > li, body p.boxed.blue table.ruled > tbody > tr > td, body p.boxed.blue ol.ruled > li, body p.boxed.blue ul.ruled > li, body p > tbody > tr > td.boxed.blue table.ruled > tbody > tr > td, body p > tbody > tr > td.boxed.blue ol.ruled > li, body p > tbody > tr > td.boxed.blue ul.ruled > li {
  border-top: 1px dotted rgb(140, 182, 216);
}
body table.boxed.light-gray, body table > tbody > tr > td.boxed.light-gray, body ul.boxed.light-gray, body ul > tbody > tr > td.boxed.light-gray, body fieldset.boxed.light-gray, body fieldset > tbody > tr > td.boxed.light-gray, body div.boxed.light-gray, body div > tbody > tr > td.boxed.light-gray, body p.boxed.light-gray, body p > tbody > tr > td.boxed.light-gray {
  border-color: #cccccc;
  border: none;
}
body table.boxed.light-gray table.ruled > tbody > tr > td, body table.boxed.light-gray ol.ruled > li, body table.boxed.light-gray ul.ruled > li, body table > tbody > tr > td.boxed.light-gray table.ruled > tbody > tr > td, body table > tbody > tr > td.boxed.light-gray ol.ruled > li, body table > tbody > tr > td.boxed.light-gray ul.ruled > li, body ul.boxed.light-gray table.ruled > tbody > tr > td, body ul.boxed.light-gray ol.ruled > li, body ul.boxed.light-gray ul.ruled > li, body ul > tbody > tr > td.boxed.light-gray table.ruled > tbody > tr > td, body ul > tbody > tr > td.boxed.light-gray ol.ruled > li, body ul > tbody > tr > td.boxed.light-gray ul.ruled > li, body fieldset.boxed.light-gray table.ruled > tbody > tr > td, body fieldset.boxed.light-gray ol.ruled > li, body fieldset.boxed.light-gray ul.ruled > li, body fieldset > tbody > tr > td.boxed.light-gray table.ruled > tbody > tr > td, body fieldset > tbody > tr > td.boxed.light-gray ol.ruled > li, body fieldset > tbody > tr > td.boxed.light-gray ul.ruled > li, body div.boxed.light-gray table.ruled > tbody > tr > td, body div.boxed.light-gray ol.ruled > li, body div.boxed.light-gray ul.ruled > li, body div > tbody > tr > td.boxed.light-gray table.ruled > tbody > tr > td, body div > tbody > tr > td.boxed.light-gray ol.ruled > li, body div > tbody > tr > td.boxed.light-gray ul.ruled > li, body p.boxed.light-gray table.ruled > tbody > tr > td, body p.boxed.light-gray ol.ruled > li, body p.boxed.light-gray ul.ruled > li, body p > tbody > tr > td.boxed.light-gray table.ruled > tbody > tr > td, body p > tbody > tr > td.boxed.light-gray ol.ruled > li, body p > tbody > tr > td.boxed.light-gray ul.ruled > li {
  border-top: 1px dotted #999999;
}
body table.boxed.green, body table > tbody > tr > td.boxed.green, body ul.boxed.green, body ul > tbody > tr > td.boxed.green, body fieldset.boxed.green, body fieldset > tbody > tr > td.boxed.green, body div.boxed.green, body div > tbody > tr > td.boxed.green, body p.boxed.green, body p > tbody > tr > td.boxed.green {
  border-color: rgb(162.75, 255, 120);
  background-color: rgb(238, 255, 229.5);
  color: #267800;
}
body table.boxed.padded, body table > tbody > tr > td.boxed.padded, body ul.boxed.padded, body ul > tbody > tr > td.boxed.padded, body fieldset.boxed.padded, body fieldset > tbody > tr > td.boxed.padded, body div.boxed.padded, body div > tbody > tr > td.boxed.padded, body p.boxed.padded, body p > tbody > tr > td.boxed.padded {
  padding: 1.5rem;
}
body table.boxed li, body table > tbody > tr > td.boxed li, body ul.boxed li, body ul > tbody > tr > td.boxed li, body fieldset.boxed li, body fieldset > tbody > tr > td.boxed li, body div.boxed li, body div > tbody > tr > td.boxed li, body p.boxed li, body p > tbody > tr > td.boxed li {
  padding-left: 0.5em;
}
body table tr > th.color-shim, body table tr > td.color-shim, body ul tr > th.color-shim, body ul tr > td.color-shim, body fieldset tr > th.color-shim, body fieldset tr > td.color-shim, body div tr > th.color-shim, body div tr > td.color-shim, body p tr > th.color-shim, body p tr > td.color-shim {
  width: 6px;
  padding: 0px;
  border-top: none;
}
body table.col-4 > tbody > tr > th, body table.col-4 > tbody > tr > td, body ul.col-4 > tbody > tr > th, body ul.col-4 > tbody > tr > td, body fieldset.col-4 > tbody > tr > th, body fieldset.col-4 > tbody > tr > td, body div.col-4 > tbody > tr > th, body div.col-4 > tbody > tr > td, body p.col-4 > tbody > tr > th, body p.col-4 > tbody > tr > td {
  width: 25%;
}
body table th.col-8, body table td.col-8, body ul th.col-8, body ul td.col-8, body fieldset th.col-8, body fieldset td.col-8, body div th.col-8, body div td.col-8, body p th.col-8, body p td.col-8 {
  width: 50%;
}
body table th.col-6, body table td.col-6, body ul th.col-6, body ul td.col-6, body fieldset th.col-6, body fieldset td.col-6, body div th.col-6, body div td.col-6, body p th.col-6, body p td.col-6 {
  width: 37.5%;
}
body table th.col-4, body table td.col-4, body ul th.col-4, body ul td.col-4, body fieldset th.col-4, body fieldset td.col-4, body div th.col-4, body div td.col-4, body p th.col-4, body p td.col-4 {
  width: 25%;
}
body table th.col-3, body table td.col-3, body ul th.col-3, body ul td.col-3, body fieldset th.col-3, body fieldset td.col-3, body div th.col-3, body div td.col-3, body p th.col-3, body p td.col-3 {
  width: 18.75%;
}
body table th.col-2, body table td.col-2, body ul th.col-2, body ul td.col-2, body fieldset th.col-2, body fieldset td.col-2, body div th.col-2, body div td.col-2, body p th.col-2, body p td.col-2 {
  width: 12.5%;
}
body table th.col-1, body table td.col-1, body ul th.col-1, body ul td.col-1, body fieldset th.col-1, body fieldset td.col-1, body div th.col-1, body div td.col-1, body p th.col-1, body p td.col-1 {
  width: 6.25%;
}
body table th.thirds, body table td.thirds, body ul th.thirds, body ul td.thirds, body fieldset th.thirds, body fieldset td.thirds, body div th.thirds, body div td.thirds, body p th.thirds, body p td.thirds {
  width: 33.3%;
}
body table td.date, body ul td.date, body fieldset td.date, body div td.date, body p td.date {
  white-space: nowrap;
}
body table td.bottom-buttons, body ul td.bottom-buttons, body fieldset td.bottom-buttons, body div td.bottom-buttons, body p td.bottom-buttons {
  padding-bottom: 3em;
}
body table td.bottom-border, body ul td.bottom-border, body fieldset td.bottom-border, body div td.bottom-border, body p td.bottom-border {
  border: none;
  border-bottom: 2px solid rgb(222, 240, 252);
}
body table td a.bottom-left-no-space, body ul td a.bottom-left-no-space, body fieldset td a.bottom-left-no-space, body div td a.bottom-left-no-space, body p td a.bottom-left-no-space {
  position: absolute;
  bottom: 0;
  left: 0;
}
body table tr.pad-top td, body ul tr.pad-top td, body fieldset tr.pad-top td, body div tr.pad-top td, body p tr.pad-top td {
  padding-top: 1.5em;
}
body table tr.rule-above > td, body ul tr.rule-above > td, body fieldset tr.rule-above > td, body div tr.rule-above > td, body p tr.rule-above > td {
  border-top: 1px dotted rgb(140, 182, 216);
}
body table tr.rule-above.thick > td, body ul tr.rule-above.thick > td, body fieldset tr.rule-above.thick > td, body div tr.rule-above.thick > td, body p tr.rule-above.thick > td {
  border-top: 2px solid rgb(140, 182, 216);
}
body table tr.rule-above.gray > td, body ul tr.rule-above.gray > td, body fieldset tr.rule-above.gray > td, body div tr.rule-above.gray > td, body p tr.rule-above.gray > td {
  border-top: 2px solid lightgray;
}
body table tr.blue td, body ul tr.blue td, body fieldset tr.blue td, body div tr.blue td, body p tr.blue td {
  background-color: rgb(222, 240, 252);
}
body table tr.blue td h1, body table tr.blue td h2, body table tr.blue td h3, body table tr.blue td h4, body table tr.blue td h5, body ul tr.blue td h1, body ul tr.blue td h2, body ul tr.blue td h3, body ul tr.blue td h4, body ul tr.blue td h5, body fieldset tr.blue td h1, body fieldset tr.blue td h2, body fieldset tr.blue td h3, body fieldset tr.blue td h4, body fieldset tr.blue td h5, body div tr.blue td h1, body div tr.blue td h2, body div tr.blue td h3, body div tr.blue td h4, body div tr.blue td h5, body p tr.blue td h1, body p tr.blue td h2, body p tr.blue td h3, body p tr.blue td h4, body p tr.blue td h5 {
  color: rgb(49, 99, 140);
}
body table tr.mini th, body ul tr.mini th, body fieldset tr.mini th, body div tr.mini th, body p tr.mini th {
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  font-size: 90%;
}
body table tr.active th, body table tr.active td, body ul tr.active th, body ul tr.active td, body fieldset tr.active th, body fieldset tr.active td, body div tr.active th, body div tr.active td, body p tr.active th, body p tr.active td {
  background-color: white;
}
body table tr.inactive th, body table tr.inactive td, body ul tr.inactive th, body ul tr.inactive td, body fieldset tr.inactive th, body fieldset tr.inactive td, body div tr.inactive th, body div tr.inactive td, body p tr.inactive th, body p tr.inactive td {
  background-color: rgb(229.5, 229.5, 229.5);
}
body table tr.highlight > td, body ul tr.highlight > td, body fieldset tr.highlight > td, body div tr.highlight > td, body p tr.highlight > td {
  background-color: rgb(248, 248, 248);
}
body table.no-border > tbody > tr > td {
  border-top: none;
}
body ol.ruled {
  margin-bottom: 0.25em;
  margin-left: 1em;
  padding: 0;
}
body ol.ruled > li {
  border-top: 1px dotted #cccccc;
  padding-top: 0.33em;
  padding-bottom: 0.33em;
  margin-left: 1em;
  line-height: 125%;
}
body ul {
  padding: 0;
  margin: 0;
}
body ul.bullets {
  margin-left: 0em;
  list-style-type: disc;
}
body ul.bullets.default-pad > li {
  padding: 0.25rem;
}
body ul.no_bullets, body ul.no-bullets, body ul.tuples {
  list-style-type: none;
}
body ul.align_right li {
  text-align: right;
}
body ul.tight li p {
  margin: 0;
}
body ul.inline li {
  list-style-type: none;
  float: left;
  margin-right: 1em;
}
body ul.inline li:last-child {
  margin-right: 0;
}
body ul.inline.separator li::after {
  margin-left: 1.25em;
  content: ":";
}
body ul.inline.separator li:last-child::after {
  content: "";
}
body ul.padded li {
  padding: 1em;
}
body ul.bullets > li {
  list-style-type: circle;
  margin-left: 1em;
}
body ul.padded-half li {
  padding: 0.5em;
}
body ul.spaced li {
  margin-bottom: 1em;
}
body ul li.highlight {
  background-color: white;
  color: rgb(49, 99, 140);
}
body ul li.no_bullets {
  list-style-type: none;
}
body ul li.no-border {
  border: none;
}
body ul li.pinned {
  border-top: 2px solid rgb(153, 0, 0);
  background-color: rgb(255, 227, 227);
  padding: 0.5em;
}
body ul li.pinned h5, body ul li.pinned p {
  color: rgb(153, 0, 0);
}
body ul li.highlight-selected {
  font-weight: bold;
}
body ul li.highlight-selected > a {
  font-weight: normal;
}
body div.columns:last-child {
  margin-right: 0;
}
body div.checklist ul.columns {
  float: left;
  margin-right: 12px;
}
body div.checklist ul.columns:last-child {
  margin-right: 0;
}
body div.checklist li {
  border-top: 1px dotted #cccccc;
  list-style-type: none;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 0;
}
body div.checklist li:last-child {
  border-bottom: 1px dotted #cccccc;
}
body div.checklist input {
  margin-right: 0.5em;
}
body div.tight-checklist span.checkbox > label {
  font-weight: normal;
  margin-bottom: 0.5em;
}
body div.tight-checklist.dark span.checkbox label {
  color: rgb(89.25, 89.25, 89.25);
}
body div.bar-chart {
  background-color: rgb(229.5, 229.5, 229.5);
  height: 4px;
}
body div.bar-chart > span {
  background-color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  display: block;
  float: left;
  height: 4px;
}
body div.bar-chart.red > span {
  background-color: crimson;
}
body .pad {
  padding: 1em;
  text-align: left;
}
body .rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .rounded-top {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
body .box {
  padding: 1.5em;
  background-color: rgb(222, 240, 252);
  border: 1px solid rgb(49, 99, 140);
  border-color: rgb(197.1266233766, 218.262987013, 235.3733766234);
}
body .box select {
  background-color: hsl(204, 83.3333333333%, 142.9411764706%);
}
body .box.white {
  background-color: white;
}
body .box.short {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body .align_right, body .text_right, body .align-right, body .text-right {
  text-align: right;
}
body .align-center, body .text-center {
  text-align: center;
}
body .right {
  float: right;
}
body .block {
  display: block;
}
body .below, body div.below {
  margin-top: 1em;
}
body .above, body div.above {
  margin-bottom: 1em;
}
body .no-margin {
  margin: 0;
}
body .border-right {
  border-right: 1px dotted rgb(140, 182, 216);
}
body .plain_anchors a {
  color: rgb(49, 99, 140);
  text-decoration: none;
  font-weight: bold;
}
body .text_error {
  color: darkred;
}
body .light {
  color: #999999;
}
body .upper-right {
  position: absolute;
  top: 0;
  right: 0;
}
body .subhead {
  padding: 1.5em 0 0.25em 0;
  text-transform: uppercase;
  color: #206bcb;
  margin-bottom: 0;
}
body .subhead.top {
  margin-top: 0;
  padding-top: 0;
}
body .subhead.top.rule-above {
  padding-top: 0.5em;
}
body .subhead.above {
  margin-bottom: 1em;
}
body .form-header {
  padding: 0.25em 0 0.25em 0;
  margin-bottom: 1em;
  text-transform: uppercase;
  color: #206bcb;
  border-top: 2px solid rgb(175.25, 218.75, 247.75);
}
body .form-header:not(:first-child) {
  margin-top: 2rem;
}
body .padded {
  padding: 1em;
}
body img.icon {
  margin-top: 0.2em;
}
body img.icon.small {
  margin-top: 0;
  width: 14px;
  height: 14px;
}
body img.icon.right {
  margin: 0;
}
body img.icon.tiny {
  margin-top: 0;
  width: 12px;
  height: 12px;
}
body #client-menu-bar div.menus {
  padding-right: 1em;
}
body #client-menu-bar div.menus.border-right {
  border-right: 1px dotted rgb(140, 182, 216);
}
body #client-menu-bar div.menus p {
  margin-bottom: 0.125em;
  font-size: 85%;
}
body #client-menu-bar div.above {
  margin-bottom: 3em;
}
body #client-menu-bar form {
  display: block;
}
body #client-menu-bar form input,
body #client-menu-bar form select,
body #client-menu-bar form textarea {
  display: block;
  font-size: 1rem;
}
body #client-menu-bar form select {
  padding: 0.25em;
  background: rgb(222, 240, 252);
  color: rgb(49, 99, 140);
  border: 1px solid rgb(175.25, 218.75, 247.75);
  margin-top: 0.5em;
}
body #client-menu-bar form input[type=text] {
  display: block;
  padding: 0.25em;
  background: rgb(222, 240, 252);
  color: rgb(49, 99, 140);
  border: 1px solid rgb(175.25, 218.75, 247.75);
  width: 8em;
  float: left;
  margin-right: 0.75em;
}
body #client-menu-bar form input[type=submit] {
  position: relative;
  padding: 0.7em 1.25em;
  background: #206bcb;
  font-size: 90%;
  color: rgb(222, 240, 252);
  border-radius: 4px;
  border: none;
  top: 0.125rem;
  font-size: 80%;
}
body #client-menu-bar form input[type=submit]:hover {
  background: #3e9ee5;
  cursor: pointer;
}
body #client-menu-bar form input[type=submit].green {
  background: #267800;
  color: rgb(238, 255, 229.5);
}
body #client-menu-bar form input[type=submit].green:hover {
  background: rgb(54.15, 171, 0);
  color: white;
}
body #client-menu-bar form input[type=submit].orange {
  background: rgb(255, 133, 27);
  color: rgb(255, 242.1578947368, 231);
}
body #client-menu-bar form input[type=submit].orange:hover {
  background: rgb(255, 242.1578947368, 231);
  color: white;
}
body #client-menu-bar form input[type=number] {
  width: 4em;
  padding: 0.5rem;
}
body #client-menu {
  position: absolute;
  top: 0;
  right: 1.6rem;
  width: 20rem;
  max-width: 400px;
  z-index: 50;
  padding: 0.33rem 0.75rem;
  background-color: rgb(235.211038961, 242.4383116883, 248.288961039);
  color: rgb(101.9155844156, 157.8246753247, 203.0844155844);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body #client-menu > div.menu-container {
  float: left;
  margin-right: 0.5rem;
  width: 92%;
  max-width: 380px;
}
body #client-menu > div.advanced-trigger-container {
  float: right;
}
body #client-menu > div.advanced-trigger-container .search-icon {
  position: relative;
  top: 0.33rem;
}
body #client-menu > div.advanced-trigger-container .search-icon > i {
  transition: all 0.25s ease;
}
body #client-menu > div.advanced-trigger-container .search-icon > i:hover {
  transform: rotate(60deg);
}
body #client-menu > div.advanced-container {
  display: none;
  padding-top: 3rem;
}
body form label {
  font-weight: bold;
  display: inline-block;
}
body form input {
  padding: 0.5rem;
}
body form fieldset.blue {
  padding: 1em;
}
body form.rails_form label {
  border-top: 1px dotted rgb(140, 182, 216);
  color: #333333;
  font-weight: bold;
  display: block;
  margin-bottom: 0.75em;
  padding-top: 0.5em;
  text-transform: uppercase;
}
body form.rails_form textarea {
  max-width: 100%;
  height: 12em;
}
body form.inline {
  display: inline;
  font-size: 110%;
}
body form.inline input, body form.inline select {
  display: inline;
  width: auto;
  margin-bottom: 0.5em;
}
body form.inline.tight input, body form.inline.tight select {
  margin-bottom: 0;
}
body form input, body form textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  max-width: 100%;
}
body form input.big, body form textarea.big {
  font-size: 110%;
}
body form input.light-border, body form textarea.light-border {
  border-color: #cccccc;
}
body form input.light-border:focus, body form textarea.light-border:focus {
  border-color: #999999;
}
body form input.inline-text-date {
  width: 6.5rem;
}
body form textarea {
  padding: 0.75rem;
  font-size: 120%;
  min-width: 50%;
}
body form textarea.shallow {
  height: 6em;
}
body form textarea.deep {
  height: 12em;
}
body form textarea.full-width {
  width: 100%;
}
body form input[type=checkbox], body form input.checkbox, body form input[type=radio], body form input.radio {
  top: 0;
  margin-right: 0.5rem;
}
body form input[type=checkbox].tighter, body form input.checkbox.tighter, body form input[type=radio].tighter, body form input.radio.tighter {
  margin-right: 0.25em;
}
body form input[type=number] {
  padding: 0.5em;
  font-size: 120%;
}
body form input.inline {
  display: inline;
  width: auto;
}
body form input.full {
  width: 100%;
}
body form input.full[type=text], body form input.full[type=email], body form input.full[type=password], body form input.full[type=number] {
  padding: 0.5em;
  text-align: center;
}
body form input.full[type=text] {
  text-align: center;
}
body form input.no-pad {
  padding: 0;
}
body form input[type=submit] {
  position: relative;
  padding: 0.7em 1.25em;
  background: #206bcb;
  font-size: 90%;
  color: rgb(222, 240, 252);
  border-radius: 4px;
  border: none;
}
body form input[type=submit]:hover {
  background: #3e9ee5;
  cursor: pointer;
}
body form input[type=submit].green {
  background: #267800;
  color: rgb(238, 255, 229.5);
}
body form input[type=submit].green:hover {
  background: rgb(54.15, 171, 0);
  color: white;
}
body form input[type=submit].orange {
  background: rgb(255, 133, 27);
  color: rgb(255, 242.1578947368, 231);
}
body form input[type=submit].orange:hover {
  background: rgb(255, 242.1578947368, 231);
  color: white;
}
body form input[type=submit].small {
  font-size: 75%;
  padding: 0.5em 1em;
}
body form input.flatpickr-input {
  width: 8em;
}
body form select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.25em;
  text-align: left;
  font-size: 110%;
  color: #333333;
  background-color: rgb(222, 240, 252);
  border: rgb(49, 99, 140);
  margin-bottom: 0.5em;
}
body form select.smaller {
  font-size: 80%;
}
body form select.fit-width {
  max-width: 100%;
}
body form select.full-width {
  width: 100%;
}
body form .justified div.input:not(.boolean) select, body form .justified div.input:not(.boolean) input:not(.check_boxes):not(.radio_buttons):not([type=radio]):not([type=checkbox]), body form .justified div.input:not(.boolean) textarea, body form .justified p.input select, body form .justified p.input input:not(.check_boxes):not(.radio_buttons):not([type=radio]):not([type=checkbox]), body form .justified p.input textarea, body form.justified div.input:not(.boolean) select, body form.justified div.input:not(.boolean) input:not(.check_boxes):not(.radio_buttons):not([type=radio]):not([type=checkbox]), body form.justified div.input:not(.boolean) textarea, body form.justified p.input select, body form.justified p.input input:not(.check_boxes):not(.radio_buttons):not([type=radio]):not([type=checkbox]), body form.justified p.input textarea {
  width: 100%;
}
body form .justified div.input:not(.boolean) select.inline, body form .justified p.input select.inline, body form.justified div.input:not(.boolean) select.inline, body form.justified p.input select.inline {
  width: auto;
}
body form .justified div.input:not(.boolean) select.inline.spaced, body form .justified p.input select.inline.spaced, body form.justified div.input:not(.boolean) select.inline.spaced, body form.justified p.input select.inline.spaced {
  margin-right: 1rem;
}
body .stimulus-form span.editable {
  color: #206bcb;
  text-decoration: underline dotted #3e9ee5;
}
body .stimulus-form span.editable:hover {
  cursor: pointer;
  color: #3e9ee5;
}
body .stimulus-form span.editable.quiet {
  color: #cccccc;
}
body button, body a.button, body .button {
  position: relative;
  padding: 0.7em 1.25em;
  background: #206bcb;
  font-size: 90%;
  color: rgb(222, 240, 252);
  border-radius: 4px;
  border: none;
}
body button:hover, body a.button:hover, body .button:hover {
  background: #3e9ee5;
  cursor: pointer;
}
body button.green, body a.button.green, body .button.green {
  background: #267800;
  color: rgb(238, 255, 229.5);
}
body button.green:hover, body a.button.green:hover, body .button.green:hover {
  background: rgb(54.15, 171, 0);
  color: white;
}
body button.orange, body a.button.orange, body .button.orange {
  background: rgb(255, 133, 27);
  color: rgb(255, 242.1578947368, 231);
}
body button.orange:hover, body a.button.orange:hover, body .button.orange:hover {
  background: rgb(255, 242.1578947368, 231);
  color: white;
}
body button, body a.button, body .button {
  white-space: nowrap;
  text-decoration: none;
}
body button:hover, body a.button:hover, body .button:hover {
  color: white;
}
body button.small, body a.button.small, body .button.small {
  font-size: 80%;
  font-weight: normal;
  margin-bottom: 0.25em;
  padding: 0.5em 1em;
}
body button.tiny, body a.button.tiny, body .button.tiny {
  font-size: 70%;
  padding: 0.25rem 0.5rem;
}
body button.align-top, body a.button.align-top, body .button.align-top {
  top: 0.25rem;
}
body button.gray, body a.button.gray, body .button.gray {
  background-color: #999999;
  color: white;
}
body button.gray:hover, body a.button.gray:hover, body .button.gray:hover {
  background-color: rgb(127.5, 127.5, 127.5);
}
body form.stacked label:not(.boolean), body form.stacked button, body form.stacked input[type=submit] {
  display: block;
}
body form.stacked label.collection_radio_buttons {
  display: inline;
  margin-right: 1rem;
}
body div.notice p {
  color: chocolate;
}
body div.notice form input[type=submit] {
  background-color: orange;
}
body div.notice form input[type=submit]:hover {
  background-color: gold;
}

.hide {
  opacity: 0;
  transition: opacity 400ms;
}

.show {
  opacity: 1;
  transition: opacity 400ms;
}

.hidden {
  display: none;
  opacity: 0;
}

.fake-hidden {
  opacity: 0;
}

.bold {
  font-weight: bold;
}

.rule-left {
  border-left: 1px dotted rgb(140, 182, 216);
  padding-left: 1em;
}

.rule-above {
  border-top: 1px dotted rgb(140, 182, 216);
  padding-top: 0.25em;
}
.rule-above.thick {
  border-top: 2px solid #cccccc;
}
.rule-above.thick.blue {
  border-top-color: rgb(140, 182, 216);
}
.rule-above.thick.light-border {
  border-top-color: rgb(229.5, 229.5, 229.5);
}

.rule-below {
  border-bottom: 1px dotted rgb(140, 182, 216);
  padding-bottom: 0.25em;
}

#instant_flash {
  padding: 1em;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255, 255, 255);
  background-color: #206bcb;
  margin-bottom: 1em;
}

#flash_notice {
  padding: 1em;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255, 255, 255);
  background-color: #206bcb;
  margin-bottom: 1em;
}
#flash_notice a {
  color: rgb(240, 246, 255);
}

#flash_error, #flash_alert {
  padding: 1em;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255, 255, 255);
  background-color: red;
  margin-bottom: 1em;
}

.mini {
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  font-size: 90%;
}

.block {
  display: block;
}

.full-width {
  width: 100%;
}

.left {
  float: left;
}
.left.indented {
  margin-right: 0.5em;
}

.spaced {
  margin-bottom: 2em;
}

.margin-left:not(:first-child) {
  margin-left: 1rem;
}

.margin-right:not(:last-child) {
  margin-right: 1rem;
}

.actions img, .actions i {
  color: #206bcb;
}
.actions img:hover, .actions i:hover {
  cursor: pointer;
  color: #3e9ee5;
}

.tag {
  padding: 0.5em;
  background-color: #206bcb;
  color: white;
  border-radius: 0.5em;
}
.tag:hover {
  background-color: #3e9ee5;
}

.subhead-tab {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding-top: 0.5em;
  padding-bottom: 0.25em;
  padding-left: 1em;
}

.pointer, .clicker {
  cursor: pointer;
}

.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

body select > option {
  background-color: rgb(175.25, 218.75, 247.75);
  color: rgb(14.6382978723, 48.9468085106, 92.8617021277);
}
body div.index table, body div.index h5, body table.index table, body table.index h5 {
  margin-bottom: 0.25em;
}
body div.index h5, body table.index h5 {
  font-size: 90%;
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  text-transform: uppercase;
  padding-top: 0.5em;
  border-top: 2px solid rgb(175.25, 218.75, 247.75);
  border-bottom: none;
}
body div.index h5:first-child, body table.index h5:first-child {
  margin-top: 0;
}
body div.index .actions, body table.index .actions {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1em;
  text-align: left;
}
body div.index .active, body div.index tr.active td, body table.index .active, body table.index tr.active td {
  padding: 1em;
  color: rgb(49, 99, 140);
  background-color: rgb(222, 240, 252);
  border-top: 2px solid rgb(175.25, 218.75, 247.75);
}
body div.index .active table.tuples td:last-child, body div.index tr.active td table.tuples td:last-child, body table.index .active table.tuples td:last-child, body table.index tr.active td table.tuples td:last-child {
  font-weight: bold;
}
body div.index .active .actions, body div.index tr.active td .actions, body table.index .active .actions, body table.index tr.active td .actions {
  background-color: rgb(189.275, 225.125, 249.025);
  border: none;
}
body div.index .inactive, body div.index tr.inactive td, body table.index .inactive, body table.index tr.inactive td {
  padding: 1em;
  color: rgb(89.25, 89.25, 89.25);
  background-color: rgb(229.5, 229.5, 229.5);
  border-top: 2px solid #cccccc;
}
body div.index .inactive table.tuples td, body div.index .inactive table.col-4 td td, body div.index tr.inactive td table.tuples td, body div.index tr.inactive td table.col-4 td td, body table.index .inactive table.tuples td, body table.index .inactive table.col-4 td td, body table.index tr.inactive td table.tuples td, body table.index tr.inactive td table.col-4 td td {
  border-top: 1px dotted #999999;
}
body div.index .inactive h5, body div.index tr.inactive td h5, body table.index .inactive h5, body table.index tr.inactive td h5 {
  color: rgb(89.25, 89.25, 89.25);
}
body div.index .inactive .actions, body div.index tr.inactive td .actions, body table.index .inactive .actions, body table.index tr.inactive td .actions {
  background-color: lightgray;
  border: none;
}
body div.boxed > div.index h5 {
  margin-top: 3rem;
}
body div.boxed > div.index h5:first-child {
  margin-top: 0;
}
body table.ruled > tbody > tr > td h5:first-child, body table.ruled > tbody > tr > td ul.ruled li:first-child {
  border-top: none;
}
body ul.tight > li {
  margin-top: 0.5em;
}
body ul.tight > li:first-child {
  margin: 0;
}
body ul.tight > li p {
  margin: 0;
}
body .message-list table {
  margin-bottom: 0.5em;
}
body .message-list table tr.header > td {
  border-top: 1px solid rgb(222, 240, 252);
}
body .message-list table td.action {
  padding: 0;
  margin: 0;
}
body .message-list table td.action a {
  padding: 0;
  margin: 0;
}

.toggler {
  cursor: pointer;
  position: relative;
}
.toggler.block {
  width: 25%;
}
.toggler.block span.tag {
  display: block;
}
.toggler.active span.tag:before {
  font-family: "Noto Sans Symbols 2";
  font-weight: 400;
  content: "🢓";
  font-size: 80%;
  margin-right: 0.5em;
  color: white;
}
.toggler.inactive span.tag:before {
  font-family: "Noto Sans Symbols 2";
  font-weight: 400;
  content: "🢒";
  font-size: 80%;
  margin-right: 0.5em;
  color: white;
}

.togglee {
  overflow: hidden;
}
.togglee.indented {
  margin-left: 6%;
}

#bottom-rail {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1em;
  background-color: rgb(49, 99, 140);
  color: rgb(222, 240, 252);
}
#bottom-rail a {
  color: rgb(222, 240, 252);
}

.larger {
  font-size: 120%;
}

.clickable:hover {
  cursor: pointer;
  color: #3e9ee5;
}

.split-container {
  height: 70em;
}
.split-container.columns .split-right {
  padding: 0 2em;
  border-left: 2px solid rgb(140, 182, 216);
}

.split-left {
  float: left;
  width: 48%;
  height: 100%;
  overflow-y: auto;
}

.split-right {
  float: right;
  width: 48%;
  height: 100%;
  overflow-y: auto;
  background-color: rgb(240, 246, 255);
}

#drawer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1em;
  padding-top: 0;
  height: 3em;
  background-color: rgb(240, 246, 255);
  border-top: 3px solid rgb(175.25, 218.75, 247.75);
  overflow-y: scroll;
  color: rgb(49, 99, 140);
}
#drawer a {
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  text-decoration: none;
  cursor: pointer;
}
#drawer.open {
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  height: 28rem;
}
#drawer .hang-tab {
  display: inline-block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: rgb(175.25, 218.75, 247.75);
  padding: 0.5em 1em;
  color: rgb(49, 99, 140);
  font-weight: bold;
  margin-bottom: 1em;
  display: inline-block;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.blue, .text-blue {
  color: rgb(49, 99, 140);
}

.light-blue, .text-light-blue {
  color: rgb(222, 240, 252);
}

.carolina-blue, .text-carolina-blue {
  color: rgb(140, 182, 216);
}

.crimson, .text-red {
  color: crimson;
}

.firebrick, .text-firebrick {
  color: firebrick;
}

.light-gray, .text-light-gray {
  color: #999999;
}

.gray, .text-gray {
  color: rgb(89.25, 89.25, 89.25);
}

.text-green {
  color: green;
}

.font-color.orange {
  color: darkorange;
}
.font-color.light-green {
  color: rgb(94, 198, 47);
}
.font-color.green {
  color: #267800;
}
.font-color.pink {
  color: rgb(153, 0, 0);
}
.font-color.blue {
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
}
.font-color.gray {
  color: rgb(89.25, 89.25, 89.25);
}
.font-color.dark-gray {
  color: #333333;
}
.font-color.light-gray {
  color: lightgray;
}
.font-color.medium-gray {
  color: gray;
}
.font-color.red {
  color: firebrick;
}

table.boxed.blue tr td div.white form select {
  background-color: rgb(222, 240, 252);
}

a.button .fa5-text {
  margin-left: 0.5rem;
}

i.left, i.right, i.inline, svg.left, svg.right, svg.inline {
  position: relative;
  top: 0.125rem;
}
i.left, svg.left {
  margin-right: 0.5rem;
}
i.right, svg.right {
  margin-left: 0.5rem;
}
i.green, svg.green {
  color: forestgreen;
}
i.red, svg.red {
  color: crimson;
}
i.firebrick, svg.firebrick {
  color: firebrick;
}
i.orange, svg.orange {
  color: orange;
}
i.gold, svg.gold {
  color: gold;
}
i.gray, svg.gray {
  color: lightgray;
}
i.dark-gray, svg.dark-gray {
  color: #333333;
}

.mt2, body .subhead.mt2 {
  margin-top: 2rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.fa5-text {
  margin-left: 0.5rem;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  height: auto;
  width: auto;
}

.inline div.ss-main {
  display: inline-flex;
  width: 20rem;
  max-width: 100%;
}

.home-navigation {
  padding: 2rem;
  background-color: rgb(222, 240, 252);
}

body.bp td.sidebar {
  width: 20%;
  padding: 0;
}
body.bp td.sidebar .sidebar-content {
  padding: 1em;
}
body.bp td.sidebar .sidebar-content select {
  max-width: 21em;
}
body.bp td.sidebar .tabs td {
  text-align: center;
  background-color: rgb(151.875, 208.125, 245.625);
  padding: 0;
}
body.bp td.sidebar .tabs td a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  position: relative;
  display: block;
  padding: 0.5em 0.75em;
}
body.bp td.sidebar .tabs td.selected {
  background-color: rgb(222, 240, 252);
}
body.bp td.sidebar .tabs td:last {
  margin-right: 0;
}
body.bp td.sidebar .tabs td:hover {
  background-color: white;
  cursor: pointer;
}
body.bp td.sidebar input[type=submit] {
  margin-bottom: 1em;
}

body.bp .events {
  color: #666666;
}
body.bp .events .date-chooser {
  background-color: rgb(191.25, 191.25, 191.25);
}
body.bp .events .date-chooser:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
body.bp .events .date-chooser.selected {
  background-color: #999999;
}
body.bp .events .date-chooser.selected:hover {
  cursor: auto;
  background-color: #999999;
}
body.bp .event-list-container {
  position: relative;
}
body.bp .event-list-container.available {
  background-color: rgb(238, 255, 229.5);
  color: rgb(94, 198, 47);
}
body.bp .event-list-container.details:hover {
  cursor: auto;
  background-color: white;
}
body.bp .event-list-container table.canceled, body.bp .event-list-container table.late_cancellation {
  background-color: rgb(255, 227, 227);
}
body.bp .event-list-container table.deleted, body.bp .event-list-container table.no-show {
  background-color: rgb(229.5, 229.5, 229.5);
  color: #999999;
  cursor: auto;
}
body.bp .event-list-container .status {
  padding-top: 1em;
  text-align: right;
}
body.bp .event-list-container .status.scheduled i:hover {
  color: green;
}
body.bp .event-list-container p.edit {
  margin-top: 0.75em;
}
body.bp .event-list-container p label {
  display: block;
  margin: 0.5em 0 0.25em 0;
}
body.bp .event-list-container p.hint {
  display: block;
  margin: 0.25em 0;
}
body.bp .overbooked {
  color: rgb(153, 0, 0);
  background-color: rgb(255, 227, 227);
  margin-bottom: 1em;
  padding: 1em;
}
body.bp .overbooked a {
  color: rgb(153, 0, 0);
}

#events-grid-container .grid-event {
  position: absolute;
  background-color: rgba(135, 206, 250, 0.6);
  overflow: hidden;
  padding: 0.5em;
  margin: 0;
  border-top: 1px solid deepskyblue;
}
#events-grid-container .grid-event.canceled {
  background-color: lightgray;
  border-color: gray;
  color: gray;
}

form.simple_form {
  box-sizing: border-box;
}
form.simple_form .inline {
  display: inline;
  width: auto;
}
form.simple_form .hint {
  color: #666;
  font-size: 85%;
  display: block;
  padding-bottom: 0.25em;
}
form.simple_form label.required abbr {
  border: none;
  text-decoration: none;
}
form.simple_form div.control, form.simple_form div.input {
  margin-bottom: 1em;
  margin-top: 0.25em;
}
form.simple_form div.control.inline span, form.simple_form div.input.inline span {
  display: inline-block;
  clear: none;
}
form.simple_form div.control > label.checkbox, form.simple_form div.input > label.checkbox {
  color: #666;
  font-size: 85%;
  margin-bottom: 1em;
  display: inline-block;
}
form.simple_form div.control > label.boolean, form.simple_form div.input > label.boolean {
  width: 20em;
}
form.simple_form div.control input, form.simple_form div.control textarea, form.simple_form div.control select, form.simple_form div.input input, form.simple_form div.input textarea, form.simple_form div.input select {
  color: rgb(49, 99, 140);
  padding: 0.5em;
  font-size: 125%;
  margin-top: 0.125em;
  border: 1px solid rgb(189.275, 225.125, 249.025);
}
form.simple_form div.control input:focus, form.simple_form div.control textarea:focus, form.simple_form div.control select:focus, form.simple_form div.input input:focus, form.simple_form div.input textarea:focus, form.simple_form div.input select:focus {
  background-color: rgb(240, 246, 255);
}
form.simple_form div.control input.large, form.simple_form div.control textarea.large, form.simple_form div.control select.large, form.simple_form div.input input.large, form.simple_form div.input textarea.large, form.simple_form div.input select.large {
  font-size: 150%;
}
form.simple_form div.control input.deep, form.simple_form div.control textarea.deep, form.simple_form div.control select.deep, form.simple_form div.input input.deep, form.simple_form div.input textarea.deep, form.simple_form div.input select.deep {
  height: 12em;
}
form.simple_form div.control input.half-width, form.simple_form div.control textarea.half-width, form.simple_form div.control select.half-width, form.simple_form div.input input.half-width, form.simple_form div.input textarea.half-width, form.simple_form div.input select.half-width {
  width: 50%;
}
form.simple_form div.control input.quarter-width, form.simple_form div.control textarea.quarter-width, form.simple_form div.control select.quarter-width, form.simple_form div.input input.quarter-width, form.simple_form div.input textarea.quarter-width, form.simple_form div.input select.quarter-width {
  width: 25%;
}
form.simple_form div.control input.boolean, form.simple_form div.control input.check_boxes, form.simple_form div.control input.radio_buttons, form.simple_form div.control input[type=radio], form.simple_form div.input input.boolean, form.simple_form div.input input.check_boxes, form.simple_form div.input input.radio_buttons, form.simple_form div.input input[type=radio] {
  margin-right: 0.5em;
}
form.simple_form div.control.field_with_hint, form.simple_form div.input.field_with_hint {
  margin-bottom: 1em;
}
form.simple_form div.control.field_with_hint input, form.simple_form div.input.field_with_hint input {
  margin-bottom: 0.125em;
}
form.simple_form div.control span.checkbox, form.simple_form div.control span.radio, form.simple_form div.input span.checkbox, form.simple_form div.input span.radio {
  color: gray;
}
form.simple_form div.control.radio_buttons.inline span, form.simple_form div.control[type=radio].inline span, form.simple_form div.input.radio_buttons.inline span, form.simple_form div.input[type=radio].inline span {
  display: inline-block;
}
form.simple_form div.control.radio_buttons.inline span > label, form.simple_form div.control[type=radio].inline span > label, form.simple_form div.input.radio_buttons.inline span > label, form.simple_form div.input[type=radio].inline span > label {
  margin-right: 1em;
}
form.simple_form div.block span.checkbox {
  display: block;
}
form.simple_form ul.ruled > li, form.simple_form .tight > li {
  padding: 0.25em;
}
form.simple_form ul.ruled.padded > li, form.simple_form .tight.padded > li {
  padding: 0.5em;
}
form.simple_form ul.ruled div.control, form.simple_form ul.ruled div.input, form.simple_form .tight div.control, form.simple_form .tight div.input {
  margin-bottom: 0;
}
form.simple_form ul.ruled div.control label, form.simple_form ul.ruled div.input label, form.simple_form .tight div.control label, form.simple_form .tight div.input label {
  margin: 0;
  padding: 0.125em 0;
}
form.simple_form ul.ruled div.control label.checkbox, form.simple_form ul.ruled div.input label.checkbox, form.simple_form .tight div.control label.checkbox, form.simple_form .tight div.input label.checkbox {
  margin-left: 0;
}
form.simple_form ul.ruled div.control label.checkbox > input, form.simple_form ul.ruled div.input label.checkbox > input, form.simple_form .tight div.control label.checkbox > input, form.simple_form .tight div.input label.checkbox > input {
  margin-left: 0;
}
form.simple_form ul.ruled div.control label.collection_radio_buttons, form.simple_form ul.ruled div.input label.collection_radio_buttons, form.simple_form .tight div.control label.collection_radio_buttons, form.simple_form .tight div.input label.collection_radio_buttons {
  margin-right: 1rem;
}
form.simple_form ul.ruled div.control.inline-checkboxes label.checkbox, form.simple_form ul.ruled div.input.inline-checkboxes label.checkbox, form.simple_form .tight div.control.inline-checkboxes label.checkbox, form.simple_form .tight div.input.inline-checkboxes label.checkbox {
  margin-left: 1.75em;
}
form.simple_form ul.ruled div.control.inline-checkboxes label.checkbox > input, form.simple_form ul.ruled div.input.inline-checkboxes label.checkbox > input, form.simple_form .tight div.control.inline-checkboxes label.checkbox > input, form.simple_form .tight div.input.inline-checkboxes label.checkbox > input {
  margin-left: -1.5em;
  margin-right: 0.25em;
}
form.simple_form.filled input:not([type=submit]), form.simple_form.filled textarea {
  background-color: rgb(222, 240, 252);
}
form.simple_form.shallow textarea, form.simple_form div.shallow textarea {
  height: 6em;
}
form.simple_form div.links {
  padding-bottom: 1em;
}
form.simple_form div.links > a {
  margin-right: 0.5em;
}
form.simple_form div.links > ul > li {
  margin-bottom: 0.25em;
}
form.simple_form div.table-divs > div {
  height: 8em;
}
form.simple_form fieldset.no-border {
  border: none;
}
form.simple_form fieldset.border-left {
  border: none;
  border-left: rgb(240, 246, 255) 1px solid;
}
form.simple_form fieldset.blue {
  background-color: rgb(240, 246, 255);
}
form.simple_form fieldset.blue input, form.simple_form fieldset.blue select, form.simple_form fieldset.blue textarea {
  background-color: rgb(175.25, 218.75, 247.75);
}
form.simple_form fieldset.blue input:focus, form.simple_form fieldset.blue select:focus, form.simple_form fieldset.blue textarea:focus {
  background-color: white;
}
form.simple_form fieldset.blue input.disabled, form.simple_form fieldset.blue select.disabled, form.simple_form fieldset.blue textarea.disabled {
  background-color: lightgray;
}
form.simple_form fieldset.gray, form.simple_form fieldset.inactive {
  background-color: rgb(229.5, 229.5, 229.5);
  color: #999999;
}
form.simple_form fieldset.gray input, form.simple_form fieldset.gray select, form.simple_form fieldset.gray textarea, form.simple_form fieldset.inactive input, form.simple_form fieldset.inactive select, form.simple_form fieldset.inactive textarea {
  color: #999999;
}
form.simple_form fieldset.boxed {
  border: rgb(240, 246, 255) 1px solid;
  border-radius: 0.25em;
  padding: 1em;
}
form.simple_form fieldset.boxed > legend {
  margin-top: 2em;
  border: none;
  border-radius: 0.25em;
  font-weight: bold;
}
form.simple_form .header {
  padding: 0.25em 0 0.25em 0;
  margin-bottom: 1em;
  margin-top: 0;
  text-transform: uppercase;
  color: #206bcb;
  border-top: 2px solid #cccccc;
}
form.simple_form#note_form textarea {
  height: 8em;
}
form.simple_form#note_form.shallow textarea, form.simple_form#note_form div.shallow textarea {
  height: 5em;
}
form.simple_form .grid-wrapper textarea {
  width: 100%;
}
form.simple_form .level-hints span.hint {
  min-height: 5em;
}
form.simple_form div.grid-wrapper.blue {
  background-color: rgb(240, 246, 255);
}
form.simple_form div.grid-wrapper.blue input, form.simple_form div.grid-wrapper.blue select, form.simple_form div.grid-wrapper.blue textarea {
  background-color: rgb(175.25, 218.75, 247.75);
}
form.simple_form div.grid-wrapper.blue input:focus, form.simple_form div.grid-wrapper.blue select:focus, form.simple_form div.grid-wrapper.blue textarea:focus {
  background-color: white;
}
form.simple_form div.grid-wrapper.blue input.disabled, form.simple_form div.grid-wrapper.blue select.disabled, form.simple_form div.grid-wrapper.blue textarea.disabled {
  background-color: lightgray;
}
form.simple_form div.grid-wrapper.blue input[type=search] {
  background-color: white;
}
form.simple_form.spaced {
  margin-bottom: 2em;
}
form.simple_form.ruled {
  border-top: 2px solid rgb(140, 182, 216);
}

.side-toggler {
  color: white;
  background-color: rgb(140, 182, 216);
  padding: 0.5em;
  padding-top: 0.5em;
  position: relative;
  top: 0.5em;
}

#drawer form.simple_form input:not([type=submit]), #drawer form.simple_form textarea, #drawer form.simple_form select, .blue form.simple_form input:not([type=submit]), .blue form.simple_form textarea, .blue form.simple_form select {
  background-color: white;
}

.highlight-flash {
  animation: highlight 1000ms ease-out;
}

@keyframes highlight {
  from {
    background-color: gold;
  }
}
nav#top-navigation {
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
}
nav#top-navigation a {
  text-decoration: none;
}
nav#top-navigation > ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  z-index: 100;
}
nav#top-navigation > ul > li {
  list-style: none;
  background-color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  margin-left: 0.25em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: rgb(235.211038961, 242.4383116883, 248.288961039);
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  transition-duration: 0.25s;
  padding: 0;
  transition: all 0.25s ease;
}
nav#top-navigation > ul > li:first-child {
  margin-left: 0;
}
nav#top-navigation > ul > li.selected {
  background-color: rgb(235.211038961, 242.4383116883, 248.288961039);
  color: rgb(101.9155844156, 157.8246753247, 203.0844155844);
}
nav#top-navigation > ul > li.selected a {
  color: rgb(101.9155844156, 157.8246753247, 203.0844155844);
}
nav#top-navigation > ul > li.selected:hover {
  background-color: rgb(235.211038961, 242.4383116883, 248.288961039);
}
nav#top-navigation > ul > li a {
  display: inline-block;
  padding: 0.5rem 1rem 0.25rem 1rem;
  min-height: 1.5rem;
  color: rgb(235.211038961, 242.4383116883, 248.288961039);
}
nav#top-navigation > ul > li:hover {
  background-color: rgb(140, 182, 216);
  color: rgb(101.9155844156, 157.8246753247, 203.0844155844);
}
nav#top-navigation > ul > li:hover a {
  color: rgb(101.9155844156, 157.8246753247, 203.0844155844);
}
nav#top-navigation > ul > li:hover:hover {
  background-color: rgb(216.1688311688, 230.3506493506, 241.8311688312);
}
nav#top-navigation > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
}
nav#top-navigation > ul > li > ul {
  background-color: rgb(216.1688311688, 230.3506493506, 241.8311688312);
  text-transform: none;
  visibility: hidden;
  opacity: 0;
  min-width: 10rem;
  position: absolute;
  margin-top: 0;
  left: 0;
  z-index: 1000;
  transition: opacity 0.25s ease;
}
nav#top-navigation > ul > li > ul:hover {
  visibility: visible;
  opacity: 1;
}
nav#top-navigation > ul > li > ul > li {
  list-style: none;
  clear: both;
  padding: 0;
}
nav#top-navigation > ul > li > ul > li a {
  display: inline-block;
  width: 100%;
  min-height: 2rem;
  padding: 0.5rem 1rem;
}
nav#top-navigation > ul > li > ul > li a:hover {
  background-color: rgb(189.275, 225.125, 249.025);
  color: rgb(57.8668831169, 120.1850649351, 170.6331168831);
}

#subnav {
  position: relative;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem 1rem 0 1rem;
  background-color: rgb(235.211038961, 242.4383116883, 248.288961039);
  margin-bottom: 2rem;
  color: rgb(101.9155844156, 157.8246753247, 203.0844155844);
  font-weight: bold;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#subnav > ul > li {
  list-style: none;
  float: left;
  display: inline-block;
  padding: 0;
  margin-top: 0.76rem;
  margin-left: 0.25rem;
}
#subnav > ul > li a {
  text-decoration: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: rgb(57.8668831169, 120.1850649351, 170.6331168831);
  padding: 0.5rem 1rem 0.25rem 1rem;
  transition-duration: 0.25s;
}
#subnav > ul > li a:hover {
  background-color: rgb(189.275, 225.125, 249.025);
}
#subnav > ul > li.selected a {
  background-color: white;
  border-bottom: 1px solid white;
}

.task-container:last-child {
  margin-bottom: 0;
}

.task {
  min-height: 5rem;
}
.task.with-details {
  min-height: 11rem;
}
.task.boxed.rounded {
  padding-bottom: 0;
  margin-bottom: 1rem;
}

.signature-container {
  position: relative;
  width: 800px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.drawing-pad {
  position: absolute;
  left: 0;
  top: 0;
  width: 800px;
  height: 200px;
  background-color: rgb(240, 246, 255);
  border: 1px solid rgb(222, 240, 252);
}

#modal {
  position: absolute;
  z-index: 10000;
}

.close-modal {
  position: absolute;
  text-decoration: none;
  color: #206bcb;
  padding: 0.5em;
  padding-top: 0.33em;
  right: 0.5em;
  top: 0.5em;
  width: 2em;
  height: 2em;
  border: transparent solid 1px;
}
.close-modal:hover {
  color: #3e9ee5;
  background-color: white;
  border: rgb(222, 240, 252) solid 1px;
}

.modal:before {
  content: "";
  display: none;
  background: rgba(49, 99, 140, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.is-active:before {
  display: block;
}

.is-active .modal-dialog {
  transform: translate(0, 0);
  right: 10%;
  top: 10%;
}

.modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 11;
  width: 40%;
  max-width: 80%;
  max-height: 80%;
  overflow: scroll;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -500%);
  transition: transform 0.3s ease-out;
}
.modal-dialog.wide {
  width: 80%;
  left: 25%;
}

.modal-body {
  padding: 2em;
}

.modal-header {
  padding: 1em 2em;
  border-bottom: #eeeeee solid 1px;
  background-color: rgb(240, 246, 255);
}

.modal-header h3 {
  color: rgb(82.8733766234, 145.737012987, 196.6266233766);
  padding: 0;
  margin: 0;
}

.modal-footer {
  background-color: rgb(189.275, 225.125, 249.025);
  padding: 2em;
}

#notification {
  position: fixed;
  width: 14em;
  height: auto;
  left: -14em;
  top: 1em;
  z-index: 1000;
  background: rgb(162.75, 255, 120);
  color: #267800;
  margin: 0;
  padding: 1em;
  padding-right: 3em;
  text-align: left;
  border-radius: 0 0.3em 0.3em 0;
}
#notification.is-active {
  animation: open-notification 5s;
}
#notification .close-notification {
  position: absolute;
  text-decoration: none;
  color: rgb(94, 198, 47);
  padding: 0.5em;
  padding-top: 0.4em;
  right: 0.5em;
  top: 0.5em;
  width: 2em;
  height: 2em;
}
#notification .close-notification:hover {
  color: rgb(221, 255, 204);
}

@keyframes open-notification {
  0%, 100% {
    transform: translateX(-100%);
  }
  10%, 90% {
    transform: translateX(100%);
  }
}
#messages {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 1.5rem;
  padding: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  background-color: rgb(189.275, 225.125, 249.025);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50%;
  max-height: 75%;
  overflow-y: scroll;
  border-bottom: 4px solid rgb(189.275, 225.125, 249.025);
}
#messages #unseen-messages {
  position: relative;
  float: left;
  cursor: pointer;
  border-radius: 0.75rem;
  padding: 0.25rem;
  padding-right: 0.5rem;
  top: 0.125rem;
  background: rgb(222, 240, 252);
}
#messages #unseen-messages:hover {
  background: white;
}
#messages #close-messages {
  position: relative;
  float: left;
  cursor: pointer;
  border-radius: 0.75rem;
  padding: 0.25rem 0.5rem;
  top: 0.25rem;
  font-size: 75%;
  margin-left: 0.75rem;
}
#messages #close-messages:hover {
  background: white;
  color: rgb(49, 99, 140);
}
#messages > #send-message {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  width: 2.5rem;
}

.messages-list {
  display: block;
  background-color: white;
  border-radius: 4px;
}
.messages-list.pop-open {
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
  padding: 1rem;
}
.messages-list a {
  text-decoration: none;
}
.messages-list table {
  margin-bottom: 0;
}
.messages-list table tr.header > td {
  padding-right: 0.5rem;
}
.messages-list table tr.header > td .message-content {
  font-size: 110%;
}
.messages-list .message {
  margin-top: 0.125rem;
}
.messages-list .mine {
  margin-left: 1rem;
}
.messages-list .mine a {
  color: gray;
}
#new-messages-count {
  position: relative;
  margin-left: 0.125rem;
}

.fade-out {
  animation: fade-out-height ease 0.5s;
}

@keyframes fade-out-height {
  0% {
    opacity: 1;
    visibility: visible;
    max-height: auto;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
  }
}
.effect-fadeout {
  animation: fade-out ease 0.5s;
}

@keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.effect-fadein {
  animation: fade-in ease 0.5s;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}