@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@500;600&display=swap");
/*------------------------------
DEFAULT INTERFACE ELEMENT STYLES
------------------------------*/
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.labelled-checkbox p:last-child,
.labelled-radio-button p:last-child {
  margin-bottom: 0;
}
.labelled-checkbox input,
.labelled-radio-button input {
  float: left;
  margin-right: 3px;
  margin-top: 0;
}

.radio-button-group .labelled-radio-button:not(:last-child),
.checkbox-group .labelled-checkbox:not(:last-child) {
  margin-bottom: 20px;
}

.labelled-radio-button.disabled input:hover {
  cursor: not-allowed;
}
.labelled-radio-button.disabled input:after {
  opacity: 0.5;
}

div.input-file-wrapper {
  position: relative;
}

div.input-file-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

div.input-file-wrapper input:hover {
  cursor: pointer;
}

div.input-file-wrapper.disabled input:hover {
  cursor: not-allowed;
}

p.file-chosen,
.body-text p.file-chosen {
  margin-top: -3px;
  float: left;
}

.draggable-dropzone {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dotted gray;
  border-radius: 5px;
  background: #fff;
}

.draggable-dropzone.activated {
  border-color: gray;
  color: gray;
  background-color: #f0f0f0;
}

.draggable-dropzone.disabled {
  opacity: 0.5;
}
.draggable-dropzone.disabled:hover {
  cursor: not-allowed;
}

.in-page-alert {
  font-weight: 700;
  max-width: 560px;
  text-align: left;
}
.in-page-alert svg.in-page-alert-icon {
  float: left;
  margin: -2px 2px;
  width: 18px;
  height: 16px;
}
.in-page-alert h1,
.in-page-alert h2,
.in-page-alert h3,
.in-page-alert h4 {
  text-transform: uppercase;
  color: inherit;
  margin-bottom: 0.5em;
}
.in-page-alert ul {
  margin-top: 0;
}
.in-page-alert a,
.in-page-alert .fake-link {
  color: inherit;
  text-decoration: underline;
}
.in-page-alert a:hover,
.in-page-alert .fake-link:hover {
  color: #222;
}

.info-popout-trigger .btn-content {
  border-radius: 50%;
  background: gray;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-popout-trigger svg {
  fill: #fff;
  margin: 0;
  height: 10px;
}

h1 .info-popout-trigger,
h2 .info-popout-trigger,
h3 .info-popout-trigger,
h4 .info-popout-trigger,
h5 .info-popout-trigger,
h6 .info-popout-trigger {
  position: relative;
  top: -12px;
}
.info-popout-content {
  margin-left: -10px;
}

div.pop-up-box {
  width: 100%;
  max-width: 340px;
  padding: 15px;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 10px 0;
}
div.pop-up-box.auto-width {
  display: inline-block;
  max-width: 100%;
  width: auto;
}

.accordion-wrapper {
  display: inline-flex;
  flex-direction: column;
}

.accordion-item {
  border: 1px solid #ddd;
  margin: 1px 0 16px 0;
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-item .accordion-item-header {
  padding: 12px 60px 12px 12px;
  cursor: pointer;
  position: relative;
}
.accordion-item .accordion-item-header h1,
.accordion-item .accordion-item-header h2,
.accordion-item .accordion-item-header h3,
.accordion-item .accordion-item-header h4,
.accordion-item .accordion-item-header h5,
.accordion-item .accordion-item-header h6 {
  margin: 0;
}
.accordion-item .accordion-item-header svg.accordion-expand-collapse-icon {
  width: 26px;
  position: absolute;
  right: 20px;
  top: 25px;
  fill: gray;
}
.accordion-item .accordion-item-header:hover svg {
  fill: gray;
}
.accordion-item .accordion-item-header h4 {
  margin-bottom: 0;
}
.accordion-item .accordion-item-content {
  overflow: hidden;
  height: 0;
}
.accordion-item.open > .accordion-item-content {
  height: auto;
}
.accordion-item .accordion-item-content-inner {
  padding: 0 12px 12px;
  background: #fff;
  overflow-x: auto;
}

div.confirm-cancel-content .option-buttons {
  display: flex;
}
div.confirm-cancel-content .option-buttons .confirm {
  flex-grow: 1;
  margin-right: 16px;
}

.ember-basic-dropdown-trigger {
  display: inline-flex;
}
.ember-basic-dropdown-trigger:focus {
  outline: none;
}

.ember-power-daterange-picker .ember-basic-dropdown-trigger {
  display: flex;
}
.ember-power-daterange-picker .ember-basic-dropdown-trigger div.input {
  display: inline-flex;
  margin-right: 8px;
  min-width: 202px;
}
.ember-power-daterange-picker .ember-basic-dropdown-trigger button {
  flex-grow: 1;
}

.select-all-checkbox.some-selected input[type=checkbox]:after {
  background: #bbb url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 28"><path fill="%23fff" class="line" d="M34.7 17H3.3c-1.7 0-3-1.3-3-3s1.3-3 3-3h31.3c1.7 0 3 1.3 3 3S36.3 17 34.7 17z"/></svg>') no-repeat center 2px;
  background-size: 14px;
}
.select-all-checkbox.all-selected input[type=checkbox]:after {
  background: #bbb url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 28"  class="single-colour tick"><path fill="%23fff" d="M13 28c-0.7 0-1.3-0.2-1.9-0.7l-10-8c-1.3-1-1.5-2.9-0.5-4.2 1-1.3 2.9-1.5 4.2-0.5l7.9 6.3L32.9 0.9c1.2-1.2 3.1-1.2 4.2 0 1.2 1.2 1.2 3.1 0 4.2l-22 22C14.5 27.7 13.8 28 13 28z"/></svg>') no-repeat center 4px;
  background-size: 11px;
}

.print-object {
  display: block !important;
}
.print-object .print-object-item .key {
  font-weight: 700;
}

.moment-date-time.mdt-time {
  margin-left: 6px;
  color: #999999;
  font-size: 0.8em;
}

.ember-simplebar-dummy {
  opacity: 0;
  overflow: hidden;
  height: 0;
}

.ember-simplebar.vertical-bar-left > .simplebar-vertical {
  left: 0;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-power-select-trigger-multiple-input {
  border-color: transparent !important;
}

.form-container {
  min-width: 400px;
}

.cwf-field .cwf-field-options.horizontal {
  display: flex;
}
.cwf-field .cwf-field-options.horizontal .labelled-checkbox,
.cwf-field .cwf-field-options.horizontal .labelled-radio-button {
  margin: 0 20px 0 0;
}
.cwf-field.power-select {
  max-width: 300px;
}

.cwf-clone-group .cwf-field-clone-wrapper {
  display: flex;
}
.cwf-clone-group .cwf-field-clone-wrapper .cwf-field {
  flex-grow: 1;
}
.cwf-clone-group .clone-actions {
  padding-top: 6px;
  padding-right: 6px;
}
.cwf-clone-group .clone-actions svg {
  height: 20px;
}
.cwf-clone-group .cwf-clone {
  display: flex;
}

.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.4286;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 2;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days,
.ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  appearance: none;
  flex: 1 1 100%;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.ember-power-calendar-day {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ember-power-calendar-nav-control {
  appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  line-height: 1;
  font-size: 150%;
}
.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

.ember-power-calendar {
  width: 250px;
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: 36px;
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: 72px;
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: 108px;
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: 144px;
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: 180px;
}
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: 216px;
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: 36px;
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: 72px;
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: 108px;
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: 144px;
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: 180px;
}
.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: 216px;
}
.ember-power-calendar .ember-power-calendar-day,
.ember-power-calendar .ember-power-calendar-weekday {
  max-width: 34px;
  max-height: 34px;
  width: 34px;
  height: 34px;
}
.ember-power-calendar .ember-power-calendar-weekdays,
.ember-power-calendar .ember-power-calendar-week {
  height: 36px;
  padding-left: 0;
  padding-right: 0;
}
.ember-power-calendar .ember-power-calendar-day {
  color: #bbb;
}
.ember-power-calendar .ember-power-calendar-weekdays {
  color: #333333;
}
.ember-power-calendar .ember-power-calendar-nav-control {
  color: #0078c9;
}
.ember-power-calendar .ember-power-calendar-nav-control:focus {
  color: #30acff;
}
.ember-power-calendar .ember-power-calendar-day--current-month {
  color: #656d78;
  background-color: #f5f7fa;
}
.ember-power-calendar .ember-power-calendar-day--today {
  background-color: #eee;
}
.ember-power-calendar .ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee;
}
.ember-power-calendar .ember-power-calendar-day--focused {
  box-shadow: inset 0 -2px 0 0 #0078c9;
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  background-color: #96d5ff;
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
  background-color: #96d5ff;
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: #96d5ff;
}
.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
  background-color: #96d5ff;
}
.ember-power-calendar .ember-power-calendar-day--selected {
  background-color: #c9e9ff;
  color: #656d78;
}
.ember-power-calendar .ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: #c9e9ff;
  color: #656d78;
}
.ember-power-calendar .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #656d78;
}

.power-datetime-picker {
  display: flex;
  align-items: center;
}
.power-datetime-picker > .ember-basic-dropdown .ember-basic-dropdown-trigger {
  display: flex;
  flex-basis: 0;
  flex-shrink: 1;
}
.power-datetime-picker > .ember-basic-dropdown .ember-basic-dropdown-trigger input {
  background: transparent;
  border-width: 0;
  margin-left: 10px;
}
.power-datetime-picker > .ember-basic-dropdown .ember-basic-dropdown-trigger input:focus {
  box-shadow: none;
  outline: 0;
  border-width: 0;
}
.power-datetime-picker .ember-power-calendar-nav-control {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
}
.power-datetime-picker .ember-power-calendar-nav-control:hover {
  background: #eee;
}
.power-datetime-picker input.date-select {
  border-width: 0;
  padding-right: 0;
  background: transparent;
}

.cwf-time-selector {
  display: flex;
}
.cwf-time-selector .time-selector-field {
  min-width: 60px;
}
.cwf-time-selector .time-selector-field input {
  width: 100%;
}
.cwf-time-selector .time-selector-field.time-selector-field-milliseconds {
  min-width: 80px;
}

.clear-date-time-button {
  background: transparent;
  border-width: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1px'%3E%3Cline x1='2' y1='2' x2='8' y2='8' vector-effect='non-scaling-stroke' /%3E%3Cline x1='2' y1='8' x2='8' y2='2' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  font-size: 0;
}

.calendar-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 218.8 250' fill='%23ccc' %3E%3Cpath d='M218.8 226.6A23.3 23.3 0 0 1 195.3 250H23.4a22.6 22.6 0 0 1-16.6-6.8A22.6 22.6 0 0 1 0 226.6V54.7a22.6 22.6 0 0 1 6.8-16.6 22.6 22.6 0 0 1 16.6-6.8H46.9V5.9a5.7 5.7 0 0 1 1.7-4.1A5.7 5.7 0 0 1 52.7 0H72.3a5.7 5.7 0 0 1 4.2 1.7 5.7 5.7 0 0 1 1.7 4.2V31.3h62.5V5.9a5.7 5.7 0 0 1 1.7-4.1A5.7 5.7 0 0 1 146.5 0H166a5.7 5.7 0 0 1 4.2 1.7 5.7 5.7 0 0 1 1.7 4.2V31.3h23.4a23.3 23.3 0 0 1 23.4 23.4ZM195.3 78.1H23.4V223.6a2.8 2.8 0 0 0 1 2 2.8 2.8 0 0 0 2 1h166a3.5 3.5 0 0 0 2.9-2.9ZM52.7 140.6a5.8 5.8 0 0 1-5.9-5.9V115.2a5.8 5.8 0 0 1 5.9-5.9H72.3a5.8 5.8 0 0 1 5.9 5.9v19.5a5.8 5.8 0 0 1-5.9 5.9Zm25.4 21.5a5.8 5.8 0 0 0-5.9-5.9H52.7a5.8 5.8 0 0 0-5.9 5.9v19.5a5.8 5.8 0 0 0 5.9 5.9H72.3a5.8 5.8 0 0 0 5.9-5.9ZM125 115.2a5.8 5.8 0 0 0-5.9-5.9H99.6a5.8 5.8 0 0 0-5.9 5.9v19.5a5.8 5.8 0 0 0 5.9 5.9h19.5a5.8 5.8 0 0 0 5.9-5.9Zm0 46.9a5.8 5.8 0 0 0-5.9-5.9H99.6a5.8 5.8 0 0 0-5.9 5.9v19.5a5.8 5.8 0 0 0 5.9 5.9h19.5a5.8 5.8 0 0 0 5.9-5.9Zm46.9-46.9a5.8 5.8 0 0 0-5.9-5.9H146.5a5.8 5.8 0 0 0-5.9 5.9v19.5a5.8 5.8 0 0 0 5.9 5.9H166a5.8 5.8 0 0 0 5.9-5.9Zm0 46.9a5.8 5.8 0 0 0-5.9-5.9H146.5a5.8 5.8 0 0 0-5.9 5.9v19.5a5.8 5.8 0 0 0 5.9 5.9H166a5.8 5.8 0 0 0 5.9-5.9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 20px;
}

.ember-basic-dropdown-content.position-static {
  position: static;
}

.filtered-list-container {
  max-width: 100%;
}

.data-table-wrapper {
  overflow-x: auto;
  padding-left: 1px;
}

table.data-table {
  margin: 0 0 0px -1px;
}
table.data-table > tbody > tr.odd > td {
  background: #eee;
}
table.data-table > tbody > tr.update-success > td {
  background-color: #b2dcc8;
}
table.data-table > tbody > tr > td,
table.data-table > thead > tr > th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.data-table > tbody > tr > td div,
table.data-table > thead > tr > th div {
  white-space: normal !important;
}
table.data-table > tbody > tr > td.thin,
table.data-table > thead > tr > th.thin {
  padding-left: 5px;
  padding-right: 5px;
}
table.data-table > thead > tr > th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #999999;
  border-color: #737373;
  color: #fff;
}
table.data-table > thead > tr > th.icon-header {
  line-height: 0;
  text-align: center;
}
table.data-table > thead > tr > th.icon-header svg {
  margin: 0;
  height: 30px;
  padding: 0;
  width: auto;
  fill: #fff;
}
table.data-table > thead > tr > th.sortable {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.86 69.95" class="icon-sortable" fill="%23fff"><polygon points="16.43 0 32.86 28.46 0 28.46 16.43 0"/><polygon points="16.43 69.95 32.86 41.49 0 41.49 16.43 69.95"/></svg>');
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: auto 14px;
  padding-right: 24px;
}
table.data-table > thead > tr > th.sortable:hover {
  cursor: pointer;
  background-color: #999999;
}
table.data-table > thead > tr > th svg {
  fill: #fff;
}
table.data-table > tbody > tr > td {
  line-height: 140%;
  background: #fff;
  box-sizing: border-box;
}
table.data-table > tbody > tr > td.date-time div {
  line-height: 120%;
}
table.data-table > tbody > tr > td.date-time .time {
  font-size: 0.9em;
  color: #999999;
}
table.data-table > tbody > tr > td tr.additional-info.collapsed {
  display: none;
}
table.data-table > tbody > tr > td.additional-info-icon {
  vertical-align: top;
  padding: 12px 6px 6px;
  width: 30px;
  text-align: center;
}
table.data-table > tbody > tr > td.additional-info-icon {
  fill: #2d828f;
  border-right-width: 0;
}
table.data-table > tbody > tr > td.additional-info-icon svg {
  width: 12px;
}
table.data-table > tbody > tr > td.additional-info-content {
  border-left-width: 0;
  line-height: 180%;
}
table.data-table > tbody > tr > td.data-cell-icon {
  padding-top: 0;
  padding-bottom: 0;
}
table.data-table > tbody > tr > td.data-cell-icon svg {
  margin-right: 6px;
  height: 15px;
  padding: 0;
  display: inline-block;
  width: 20px;
  margin-bottom: -3px;
}
table.data-table .expand-collapse-button {
  color: #999;
  font-size: 1em;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}
table.data-table .expand-collapse-button svg {
  width: 24px;
  height: 10px;
  fill: #999;
}
table.data-table .expand-collapse-button svg.margin-right {
  margin-right: 8px;
}
table.data-table .expand-collapse-button:hover {
  color: #222;
}
table.data-table .expand-collapse-button:hover svg {
  fill: #222;
}

.viewing-trashed-items h1 {
  color: #999;
}

.viewing-trashed-items .data-table th {
  background: #999;
  border-color: #666;
}
.viewing-trashed-items .data-table td {
  background: #eee;
}

.filter-controls .pop-up-box {
  max-width: 1030px;
  padding: 0;
}
.filter-controls .form-fields {
  padding: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  padding-right: 0;
}
.filter-controls .form-fields .cwf-field {
  margin: 12px;
}
.filter-controls .form-fields .cwf-field .ember-power-select-trigger {
  width: 100%;
}
.filter-controls .form-fields .cwf-field.double-width {
  max-width: calc(66.6% - 15px);
}
.filter-controls .form-fields .cwf-field.full-width {
  max-width: 100%;
}
.filter-controls .form-fields .field-type-checkbox-group .field-controls {
  display: flex;
  border-width: 0;
  padding: 4px 0 0 0;
}
.filter-controls .form-fields .field-type-checkbox-group .field-controls .labelled-checkbox {
  margin: 0 20px 0 0;
}
.filter-controls .form-actions {
  background: #eee;
  display: flex;
  justify-content: flex-end;
  padding: 12px;
}
.filter-controls .form-actions .cwf-form-submit-button {
  margin-right: 12px;
}
.filter-controls .filtering-results {
  display: inline-flex;
  align-items: center;
  padding: 6px;
  font-size: 1.2em;
  color: #777;
}
.filter-controls .filtering-results svg.filters-active-icon {
  border-radius: 3px;
  background: #fd7e14;
  display: inline-flex;
  padding: 8px;
  height: 36px;
  width: 36px;
  margin-right: 6px;
  fill: #fff;
}

div.table-pagination {
  display: flex;
  align-items: center;
}
div.table-pagination input {
  width: 50px;
  height: 30px;
  display: inline;
  border-width: 1px;
  text-align: center;
  text-indent: 0;
}
div.table-pagination div.page-navigation {
  margin-right: 64px;
}
div.table-pagination div.page-navigation input {
  float: none;
}
div.table-pagination div.page-navigation div.page-number-input {
  float: left;
  padding: 0 4px;
}
div.table-pagination svg {
  fill: #bbb;
  cursor: pointer;
}
div.table-pagination .incrementing-arrow:hover svg {
  fill: #2d828f;
}
div.table-pagination div.page-navigation {
  display: flex;
}
div.table-pagination div.page-navigation .incrementing-arrow:last-child {
  margin: 0 0 0 5px;
}
div.table-pagination .incrementing-arrow.left-right svg {
  height: 30px;
  width: 12px;
}
div.table-pagination .incrementing-arrow-double.left-right svg {
  height: 30px;
  width: 21px;
}
div.table-pagination div.page-size span.page-size {
  font-weight: 700;
  margin-right: 5px;
}
div.table-pagination div.page-size {
  display: flex;
  height: 26px;
  align-items: center;
}
div.table-pagination div.page-size div.arrows {
  display: flex;
  flex-direction: column;
}
div.table-pagination div.page-size .incrementing-arrow.up-down {
  height: 13px;
  width: 30px;
}
div.table-pagination div.page-size .incrementing-arrow.up-down svg {
  width: 20px;
  height: 13px;
}
div.table-pagination div.page-size div.arrows .incrementing-arrow:first-child {
  margin-bottom: 5px;
}

.sorting-controls a {
  text-transform: capitalize;
}

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

html {
  padding: 0;
  margin: 0;
}

html,
body,
body > div.ember-view {
  height: 100%;
}

body {
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  color: #000;
  line-height: inherit;
  font-family: "Nunito", sans-serif;
}

.wrapper {
  padding-top: 60px;
}

.spinner.on {
  -webkit-animation: spinner 1.3s infinite ease;
  -moz-animation: spinner 1.3s infinite ease;
  -ms-animation: spinner 1.3s infinite ease;
  -o-animation: spinner 1.3s infinite ease;
  animation: spinner 1.3s infinite ease;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(-45deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg);
  }
  20% {
    -o-transform: rotate(-45deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item {
  position: relative;
  display: block;
  color: #666;
  padding: 12px 10px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}
.list-group-item.active {
  z-index: 2;
  color: #111;
  background-color: #eee;
  border-color: #999;
}

.list-group-item-action {
  width: 100%;
  color: #666;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #222;
  text-decoration: none;
  background-color: #ccc;
}
.list-group-item-action.disabled {
  cursor: not-allowed;
}
.list-group-item-action:active {
  color: #111;
  background-color: #eee;
}

.list-group-flush > .list-group-item {
  margin-bottom: 0;
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-header {
  font-weight: 600;
}

.list-group-item-primary {
  color: #266d78;
  background-color: #c4dce0;
  border-color: #81b4bd;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #14383e;
  background-color: #a3c8ce;
}
.list-group-item-primary.list-group-item-action.active, .list-group-item-primary.list-group-item-action:active {
  color: #fff;
  background-color: #2c7f8b;
  border-color: #1a4a51;
}
.list-group-item-primary.list-group-item-action.disabled, .list-group-item-primary.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-primary {
  color: #fff;
  background-color: #2d828f;
  border-color: #153b41;
}

.list-group-item-secondary {
  color: #560dcb;
  background-color: #d4bcfb;
  border-color: #965cf5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #380883;
  background-color: #b58cf8;
}
.list-group-item-secondary.list-group-item-action.active, .list-group-item-secondary.list-group-item-action:active {
  color: #fff;
  background-color: #600fe3;
  border-color: #420a9b;
}
.list-group-item-secondary.list-group-item-action.disabled, .list-group-item-secondary.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-secondary {
  color: #fff;
  background-color: #6610f2;
  border-color: #3d0894;
}

.list-group-item-success {
  color: #228c3a;
  background-color: #c3e6cb;
  border-color: #7bc88d;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #134e21;
  background-color: #9fd7ac;
}
.list-group-item-success.list-group-item-action.active, .list-group-item-success.list-group-item-action:active {
  color: #fff;
  background-color: #27a143;
  border-color: #186329;
}
.list-group-item-success.list-group-item-action.disabled, .list-group-item-success.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-success {
  color: #fff;
  background-color: #28a745;
  border-color: #145523;
}

.list-group-item-info {
  color: #13889b;
  background-color: #bee5eb;
  border-color: #70c6d3;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0b4c57;
  background-color: #97d5df;
}
.list-group-item-info.list-group-item-action.active, .list-group-item-info.list-group-item-action:active {
  color: #fff;
  background-color: #169cb2;
  border-color: #0d606e;
}
.list-group-item-info.list-group-item-action.disabled, .list-group-item-info.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #0c525d;
}

.list-group-item-warning {
  color: #d56a11;
  background-color: #fedbbd;
  border-color: #fca459;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #8e470b;
  background-color: #fdc08b;
}
.list-group-item-warning.list-group-item-action.active, .list-group-item-warning.list-group-item-action:active {
  color: #fff;
  background-color: #ec7613;
  border-color: #a6520d;
}
.list-group-item-warning.list-group-item-action.disabled, .list-group-item-warning.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-warning {
  color: #fff;
  background-color: #fd7e14;
  border-color: #aa4e01;
}

.list-group-item-danger {
  color: #b92d3a;
  background-color: #f5c6cb;
  border-color: #e66f7c;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #7b1e27;
  background-color: #ed9ba3;
}
.list-group-item-danger.list-group-item-action.active, .list-group-item-danger.list-group-item-action:active {
  color: #fff;
  background-color: #cd3241;
  border-color: #90232d;
}
.list-group-item-danger.list-group-item-action.disabled, .list-group-item-danger.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #921925;
}

.list-group-item-gray-extra-light {
  color: #cccccc;
  background-color: #fcfcfc;
  border-color: #c9c9c9;
}
.list-group-item-gray-extra-light.list-group-item-action:hover, .list-group-item-gray-extra-light.list-group-item-action:focus {
  color: #a6a6a6;
  background-color: #e3e3e3;
}
.list-group-item-gray-extra-light.list-group-item-action.active, .list-group-item-gray-extra-light.list-group-item-action:active {
  color: #222;
  background-color: #d9d9d9;
  border-color: #b3b3b3;
}
.list-group-item-gray-extra-light.list-group-item-action.disabled, .list-group-item-gray-extra-light.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-gray-extra-light {
  color: #222;
  background-color: #f3f3f3;
  border-color: silver;
}

.list-group-item-gray-light {
  color: #ababab;
  background-color: #f1f1f1;
  border-color: #bebebe;
}
.list-group-item-gray-light.list-group-item-action:hover, .list-group-item-gray-light.list-group-item-action:focus {
  color: #858585;
  background-color: #d8d8d8;
}
.list-group-item-gray-light.list-group-item-action.active, .list-group-item-gray-light.list-group-item-action:active {
  color: #222;
  background-color: #b8b8b8;
  border-color: #929292;
}
.list-group-item-gray-light.list-group-item-action.disabled, .list-group-item-gray-light.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-gray-light {
  color: #222;
  background-color: #cccccc;
  border-color: #999999;
}

.list-group-item-gray-medium {
  color: #818181;
  background-color: #e2e2e2;
  border-color: #afafaf;
}
.list-group-item-gray-medium.list-group-item-action:hover, .list-group-item-gray-medium.list-group-item-action:focus {
  color: #5b5b5b;
  background-color: #c9c9c9;
}
.list-group-item-gray-medium.list-group-item-action.active, .list-group-item-gray-medium.list-group-item-action:active {
  color: #fff;
  background-color: #8e8e8e;
  border-color: #686868;
}
.list-group-item-gray-medium.list-group-item-action.disabled, .list-group-item-gray-medium.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-gray-medium {
  color: #fff;
  background-color: #999999;
  border-color: #666666;
}

.list-group-item-gray-dark {
  color: #2b2b2b;
  background-color: #c6c6c6;
  border-color: #939393;
}
.list-group-item-gray-dark.list-group-item-action:hover, .list-group-item-gray-dark.list-group-item-action:focus {
  color: #050505;
  background-color: #adadad;
}
.list-group-item-gray-dark.list-group-item-action.active, .list-group-item-gray-dark.list-group-item-action:active {
  color: #fff;
  background-color: #383838;
  border-color: #121212;
}
.list-group-item-gray-dark.list-group-item-action.disabled, .list-group-item-gray-dark.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-gray-dark {
  color: #fff;
  background-color: #333333;
  border-color: black;
}

.list-group-item-white {
  color: #d6d6d6;
  background-color: white;
  border-color: #cccccc;
}
.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
  color: #b0b0b0;
  background-color: #e6e6e6;
}
.list-group-item-white.list-group-item-action.active, .list-group-item-white.list-group-item-action:active {
  color: #222;
  background-color: #e3e3e3;
  border-color: #bdbdbd;
}
.list-group-item-white.list-group-item-action.disabled, .list-group-item-white.list-group-item-action:disabled {
  color: #888;
  background-color: #ddd;
  border-color: #c4c4c4;
}

.list-group-item-header-white {
  color: #222;
  background-color: white;
  border-color: #cccccc;
}

.badge {
  display: inline-block;
  padding: 6px 9px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
}
.badge:empty {
  display: none;
}
.badge.badge-sm {
  padding: 3px 4px;
}

.badge-primary {
  color: #fff;
  background-color: #2d828f;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #215f68;
}

.badge-secondary {
  color: #fff;
  background-color: #6610f2;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #510bc4;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #fff;
  background-color: #fd7e14;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #dc6502;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-gray-extra-light {
  color: #222;
  background-color: #f3f3f3;
}
.badge-gray-extra-light[href]:hover, .badge-gray-extra-light[href]:focus {
  color: #222;
  text-decoration: none;
  background-color: #dadada;
}

.badge-gray-light {
  color: #222;
  background-color: #cccccc;
}
.badge-gray-light[href]:hover, .badge-gray-light[href]:focus {
  color: #222;
  text-decoration: none;
  background-color: #b3b3b3;
}

.badge-gray-medium {
  color: #fff;
  background-color: #999999;
}
.badge-gray-medium[href]:hover, .badge-gray-medium[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: gray;
}

.badge-gray-dark {
  color: #fff;
  background-color: #333333;
}
.badge-gray-dark[href]:hover, .badge-gray-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1a1a1a;
}

.badge-white {
  color: #222;
  background-color: #ffffff;
}
.badge-white[href]:hover, .badge-white[href]:focus {
  color: #222;
  text-decoration: none;
  background-color: #e6e6e6;
}

.alert {
  position: relative;
  font-size: 1.5em;
  padding: 12px 12px;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
}

.body-text .alert {
  font-size: 1em;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 600;
}

.alert-dismissible {
  padding-right: 50px;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 12px;
  color: inherit;
  width: 50px;
}
.alert-dismissible .close svg {
  fill: #fff;
}
.alert-dismissible .close:hover {
  cursor: pointer;
}

.alert-primary {
  color: #17444a;
  background: #d5e6e9;
  border-color: #c4dce0;
}
.alert-primary hr {
  border-top-color: #b3d2d7;
}
.alert-primary .alert-link {
  color: #0b2023;
}
.alert-primary .close svg {
  fill: #17444a;
}

.alert-secondary {
  color: #35087e;
  background: #e0cffc;
  border-color: #d4bcfb;
}
.alert-secondary hr {
  border-top-color: #c5a4fa;
}
.alert-secondary .alert-link {
  color: #21054e;
}
.alert-secondary .close svg {
  fill: #35087e;
}

.alert-success {
  color: #155724;
  background: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-success .close svg {
  fill: #155724;
}

.alert-info {
  color: #0c5460;
  background: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-info .close svg {
  fill: #0c5460;
}

.alert-warning {
  color: #84420a;
  background: #ffe5d0;
  border-color: #fedbbd;
}
.alert-warning hr {
  border-top-color: #fecda4;
}
.alert-warning .alert-link {
  color: #552a06;
}
.alert-warning .close svg {
  fill: #84420a;
}

.alert-danger {
  color: #721c24;
  background: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-danger .close svg {
  fill: #721c24;
}

.alert-gray-extra-light {
  color: #7e7e7e;
  background: #fdfdfd;
  border-color: #fcfcfc;
}
.alert-gray-extra-light hr {
  border-top-color: #efefef;
}
.alert-gray-extra-light .alert-link {
  color: #656565;
}
.alert-gray-extra-light .close svg {
  fill: #7e7e7e;
}

.alert-gray-light {
  color: #6a6a6a;
  background: whitesmoke;
  border-color: #f1f1f1;
}
.alert-gray-light hr {
  border-top-color: #e4e4e4;
}
.alert-gray-light .alert-link {
  color: #515151;
}
.alert-gray-light .close svg {
  fill: #6a6a6a;
}

.alert-gray-medium {
  color: #505050;
  background: #ebebeb;
  border-color: #e2e2e2;
}
.alert-gray-medium hr {
  border-top-color: #d5d5d5;
}
.alert-gray-medium .alert-link {
  color: #373737;
}
.alert-gray-medium .close svg {
  fill: #505050;
}

.alert-gray-dark {
  color: #1b1b1b;
  background: #d6d6d6;
  border-color: #c6c6c6;
}
.alert-gray-dark hr {
  border-top-color: #b9b9b9;
}
.alert-gray-dark .alert-link {
  color: #020202;
}
.alert-gray-dark .close svg {
  fill: #1b1b1b;
}

.alert-white {
  color: #858585;
  background: white;
  border-color: white;
}
.alert-white hr {
  border-top-color: #f2f2f2;
}
.alert-white .alert-link {
  color: #6c6c6c;
}
.alert-white .close svg {
  fill: #858585;
}

.hidden {
  display: none !important;
}

.hover-pointer:hover,
[role=button] {
  cursor: pointer;
}

.pop-up-box {
  padding: 15px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 1px solid #bbb;
  border-radius: 5px;
  margin: 10px 0;
}

.inline-block {
  display: inline-block;
}

.position-relative {
  position: relative;
}

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

.position-fixed {
  position: fixed;
}

.top-0 {
  top: 0;
}

.right-0 {
  left: inherit;
  right: 0;
}

.bottom-0 {
  top: inherit;
  bottom: 0;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
}

hr {
  border-width: 0;
  border-top: 1px solid #666;
  margin: 1em 0;
}

body {
  font-size: 62.5%;
  color: #000;
  font-family: "Nunito", sans-serif;
}

.page-header {
  color: #666;
  font-size: 2.6em;
  text-transform: none;
  text-align: initial;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 24px;
}

a,
.faux-link {
  color: #2d828f;
  text-decoration: none;
  font-weight: 700;
}
a:hover,
.faux-link:hover {
  color: #2d828f;
  text-decoration: none;
  cursor: pointer;
}
a.no-underline, a.no-underline:hover,
.faux-link.no-underline,
.faux-link.no-underline:hover {
  text-decoration: none;
}

p {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4 {
  color: #555;
  text-transform: none;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 0;
  line-height: 150%;
  padding: 0;
  background-color: transparent;
}

h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 2.3em;
}

h3 {
  font-size: 2em;
}

h4 {
  font-size: 1.7em;
}

.body-text {
  color: #555;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-size: 1.5em;
  font-weight: 500;
}
.body-text .body-text {
  font-size: 1em;
}
.body-text h1,
.body-text h2,
.body-text h3,
.body-text h4 {
  margin-bottom: 0.8em;
}
.body-text h1 {
  font-size: 1.7333333333em;
}
.body-text h2 {
  font-size: 1.5333333333em;
}
.body-text h3 {
  font-size: 1.3333333333em;
}
.body-text h4 {
  font-size: 1.1333333333em;
}
.body-text p {
  margin-bottom: 1em;
}
.body-text p,
.body-text dd,
.body-text dt,
.body-text ul li,
.body-text ol li {
  line-height: 170%;
}
.body-text ul,
.body-text ol {
  margin-bottom: 1em;
  padding: 0px;
}
.body-text ul ul,
.body-text ul ol,
.body-text ol ul,
.body-text ol ol {
  margin-bottom: 0;
}
.body-text ul li,
.body-text ol li {
  font-family: "Nunito", sans-serif;
  margin-left: 1em;
  padding-left: 0.5em;
}
.body-text sup,
.body-text sub {
  font-size: 0.7em;
}

.text-larger {
  font-size: 1.2em;
}

.text-bold {
  font-weight: 700;
}

.text-smaller {
  font-size: 0.9em;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-justify {
  text-align: justify;
}

.text-column {
  max-width: 700px;
  line-height: 150%;
}
@media (min-width: 480px) {
  .text-column p {
    text-align: justify;
  }
}

.text-primary {
  color: #2d828f !important;
}

a.text-primary:not(:disabled):not(.disabled):hover, a.text-primary:not(:disabled):not(.disabled):focus {
  color: #215f68 !important;
}

.text-secondary {
  color: #6610f2 !important;
}

a.text-secondary:not(:disabled):not(.disabled):hover, a.text-secondary:not(:disabled):not(.disabled):focus {
  color: #510bc4 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:not(:disabled):not(.disabled):hover, a.text-success:not(:disabled):not(.disabled):focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:not(:disabled):not(.disabled):hover, a.text-info:not(:disabled):not(.disabled):focus {
  color: #117a8b !important;
}

.text-warning {
  color: #fd7e14 !important;
}

a.text-warning:not(:disabled):not(.disabled):hover, a.text-warning:not(:disabled):not(.disabled):focus {
  color: #dc6502 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:not(:disabled):not(.disabled):hover, a.text-danger:not(:disabled):not(.disabled):focus {
  color: #bd2130 !important;
}

.text-gray-extra-light {
  color: #f3f3f3 !important;
}

a.text-gray-extra-light:not(:disabled):not(.disabled):hover, a.text-gray-extra-light:not(:disabled):not(.disabled):focus {
  color: #dadada !important;
}

.text-gray-light {
  color: #cccccc !important;
}

a.text-gray-light:not(:disabled):not(.disabled):hover, a.text-gray-light:not(:disabled):not(.disabled):focus {
  color: #b3b3b3 !important;
}

.text-gray-medium {
  color: #999999 !important;
}

a.text-gray-medium:not(:disabled):not(.disabled):hover, a.text-gray-medium:not(:disabled):not(.disabled):focus {
  color: gray !important;
}

.text-gray-dark {
  color: #333333 !important;
}

a.text-gray-dark:not(:disabled):not(.disabled):hover, a.text-gray-dark:not(:disabled):not(.disabled):focus {
  color: #1a1a1a !important;
}

.text-white {
  color: #ffffff !important;
}

a.text-white:not(:disabled):not(.disabled):hover, a.text-white:not(:disabled):not(.disabled):focus {
  color: #e6e6e6 !important;
}

.monospace {
  font-family: "Lucida Console", Monaco, "Courier New", Courier, monospace !important;
}

.list-style-none,
.body-text .list-style-none {
  list-style: none;
}
.list-style-none li,
.body-text .list-style-none li {
  padding-left: 0;
  margin-left: 0;
}

.body-text .btn {
  font-size: 1.0666666667em;
}

.btn-content {
  padding: 0;
  background: transparent;
  border-width: 0;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.btn-content:focus, .btn-content:active {
  outline: none;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 2px solid transparent;
  border-radius: 5px;
  height: 36px;
  padding: 0 12px;
  text-decoration: none;
  font-size: 1.6em;
  letter-spacing: 0;
  text-transform: none;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}
.btn:focus, .btn.focus {
  outline: 0;
}
.btn.disabled, .btn:disabled {
  opacity: 0.5;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
.btn .spin {
  text-align: left;
}
.btn svg {
  margin-right: 10px;
  vertical-align: middle;
  height: 12px;
  width: auto;
  fill: #fff;
}
.btn svg.button-right {
  margin-right: 0;
  margin-left: 10px;
}
.btn svg .tick {
  width: 22px;
}
.btn.btn-lg svg {
  height: 18px;
}
.btn.btn-lc {
  text-transform: none;
  letter-spacing: 0;
}
.btn .spinner:not(.on) {
  display: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background: #2d828f;
  border-color: #2d828f;
  cursor: pointer;
}
.btn-primary svg {
  fill: #fff;
}
.btn-primary:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #1b4d55;
  border-color: #1b4d55;
}
.btn-primary:focus, .btn-primary.focus {
  background: #1b4d55;
  border-color: #1b4d55;
  box-shadow: 0 0 0 3px rgba(45, 130, 143, 0.5);
}
.btn-primary.flashing {
  animation: btn-flashing-primary 3s infinite;
  -webkit-animation: btn-flashing-primary 3s infinite;
}
.btn-primary.flashing svg {
  animation: btn-flashing-svg-primary 3s infinite;
  -webkit-animation: btn-flashing-svg-primary 3s infinite;
}

@keyframes btn-flashing-primary {
  0% {
    background-color: #2d828f;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #2d828f;
  }
  100% {
    background-color: #2d828f;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-primary {
  0% {
    background-color: #2d828f;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #2d828f;
  }
  100% {
    background-color: #2d828f;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-primary {
  0% {
    fill: #fff;
  }
  50% {
    fill: #2d828f;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-primary {
  0% {
    fill: #fff;
  }
  50% {
    fill: #2d828f;
  }
  100% {
    fill: #fff;
  }
}
.btn-secondary {
  color: #fff;
  background: #6610f2;
  border-color: #6610f2;
  cursor: pointer;
}
.btn-secondary svg {
  fill: #fff;
}
.btn-secondary:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #4709ac;
  border-color: #4709ac;
}
.btn-secondary:focus, .btn-secondary.focus {
  background: #4709ac;
  border-color: #4709ac;
  box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5);
}
.btn-secondary.flashing {
  animation: btn-flashing-secondary 3s infinite;
  -webkit-animation: btn-flashing-secondary 3s infinite;
}
.btn-secondary.flashing svg {
  animation: btn-flashing-svg-secondary 3s infinite;
  -webkit-animation: btn-flashing-svg-secondary 3s infinite;
}

@keyframes btn-flashing-secondary {
  0% {
    background-color: #6610f2;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #6610f2;
  }
  100% {
    background-color: #6610f2;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-secondary {
  0% {
    background-color: #6610f2;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #6610f2;
  }
  100% {
    background-color: #6610f2;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-secondary {
  0% {
    fill: #fff;
  }
  50% {
    fill: #6610f2;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-secondary {
  0% {
    fill: #fff;
  }
  50% {
    fill: #6610f2;
  }
  100% {
    fill: #fff;
  }
}
.btn-success {
  color: #fff;
  background: #28a745;
  border-color: #28a745;
  cursor: pointer;
}
.btn-success svg {
  fill: #fff;
}
.btn-success:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #19692c;
  border-color: #19692c;
}
.btn-success:focus, .btn-success.focus {
  background: #19692c;
  border-color: #19692c;
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}
.btn-success.flashing {
  animation: btn-flashing-success 3s infinite;
  -webkit-animation: btn-flashing-success 3s infinite;
}
.btn-success.flashing svg {
  animation: btn-flashing-svg-success 3s infinite;
  -webkit-animation: btn-flashing-svg-success 3s infinite;
}

@keyframes btn-flashing-success {
  0% {
    background-color: #28a745;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #28a745;
  }
  100% {
    background-color: #28a745;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-success {
  0% {
    background-color: #28a745;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #28a745;
  }
  100% {
    background-color: #28a745;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-success {
  0% {
    fill: #fff;
  }
  50% {
    fill: #28a745;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-success {
  0% {
    fill: #fff;
  }
  50% {
    fill: #28a745;
  }
  100% {
    fill: #fff;
  }
}
.btn-info {
  color: #fff;
  background: #17a2b8;
  border-color: #17a2b8;
  cursor: pointer;
}
.btn-info svg {
  fill: #fff;
}
.btn-info:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #0f6674;
  border-color: #0f6674;
}
.btn-info:focus, .btn-info.focus {
  background: #0f6674;
  border-color: #0f6674;
  box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
}
.btn-info.flashing {
  animation: btn-flashing-info 3s infinite;
  -webkit-animation: btn-flashing-info 3s infinite;
}
.btn-info.flashing svg {
  animation: btn-flashing-svg-info 3s infinite;
  -webkit-animation: btn-flashing-svg-info 3s infinite;
}

@keyframes btn-flashing-info {
  0% {
    background-color: #17a2b8;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #17a2b8;
  }
  100% {
    background-color: #17a2b8;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-info {
  0% {
    background-color: #17a2b8;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #17a2b8;
  }
  100% {
    background-color: #17a2b8;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-info {
  0% {
    fill: #fff;
  }
  50% {
    fill: #17a2b8;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-info {
  0% {
    fill: #fff;
  }
  50% {
    fill: #17a2b8;
  }
  100% {
    fill: #fff;
  }
}
.btn-warning {
  color: #fff;
  background: #fd7e14;
  border-color: #fd7e14;
  cursor: pointer;
}
.btn-warning svg {
  fill: #fff;
}
.btn-warning:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #c35a02;
  border-color: #c35a02;
}
.btn-warning:focus, .btn-warning.focus {
  background: #c35a02;
  border-color: #c35a02;
  box-shadow: 0 0 0 3px rgba(253, 126, 20, 0.5);
}
.btn-warning.flashing {
  animation: btn-flashing-warning 3s infinite;
  -webkit-animation: btn-flashing-warning 3s infinite;
}
.btn-warning.flashing svg {
  animation: btn-flashing-svg-warning 3s infinite;
  -webkit-animation: btn-flashing-svg-warning 3s infinite;
}

@keyframes btn-flashing-warning {
  0% {
    background-color: #fd7e14;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #fd7e14;
  }
  100% {
    background-color: #fd7e14;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-warning {
  0% {
    background-color: #fd7e14;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #fd7e14;
  }
  100% {
    background-color: #fd7e14;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-warning {
  0% {
    fill: #fff;
  }
  50% {
    fill: #fd7e14;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-warning {
  0% {
    fill: #fff;
  }
  50% {
    fill: #fd7e14;
  }
  100% {
    fill: #fff;
  }
}
.btn-danger {
  color: #fff;
  background: #dc3545;
  border-color: #dc3545;
  cursor: pointer;
}
.btn-danger svg {
  fill: #fff;
}
.btn-danger:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #a71d2a;
  border-color: #a71d2a;
}
.btn-danger:focus, .btn-danger.focus {
  background: #a71d2a;
  border-color: #a71d2a;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}
.btn-danger.flashing {
  animation: btn-flashing-danger 3s infinite;
  -webkit-animation: btn-flashing-danger 3s infinite;
}
.btn-danger.flashing svg {
  animation: btn-flashing-svg-danger 3s infinite;
  -webkit-animation: btn-flashing-svg-danger 3s infinite;
}

@keyframes btn-flashing-danger {
  0% {
    background-color: #dc3545;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #dc3545;
  }
  100% {
    background-color: #dc3545;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-danger {
  0% {
    background-color: #dc3545;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #dc3545;
  }
  100% {
    background-color: #dc3545;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-danger {
  0% {
    fill: #fff;
  }
  50% {
    fill: #dc3545;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-danger {
  0% {
    fill: #fff;
  }
  50% {
    fill: #dc3545;
  }
  100% {
    fill: #fff;
  }
}
.btn-gray-extra-light {
  color: #222;
  background: #f3f3f3;
  border-color: #f3f3f3;
  cursor: pointer;
}
.btn-gray-extra-light svg {
  fill: #222;
}
.btn-gray-extra-light:hover:not(:disabled):not(.disabled) {
  color: #222;
  background: #cdcdcd;
  border-color: #cdcdcd;
}
.btn-gray-extra-light:focus, .btn-gray-extra-light.focus {
  background: #cdcdcd;
  border-color: #cdcdcd;
  box-shadow: 0 0 0 3px rgba(243, 243, 243, 0.5);
}
.btn-gray-extra-light.flashing {
  animation: btn-flashing-gray-extra-light 3s infinite;
  -webkit-animation: btn-flashing-gray-extra-light 3s infinite;
}
.btn-gray-extra-light.flashing svg {
  animation: btn-flashing-svg-gray-extra-light 3s infinite;
  -webkit-animation: btn-flashing-svg-gray-extra-light 3s infinite;
}

@keyframes btn-flashing-gray-extra-light {
  0% {
    background-color: #f3f3f3;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #f3f3f3;
  }
  100% {
    background-color: #f3f3f3;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-gray-extra-light {
  0% {
    background-color: #f3f3f3;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #f3f3f3;
  }
  100% {
    background-color: #f3f3f3;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-gray-extra-light {
  0% {
    fill: #fff;
  }
  50% {
    fill: #f3f3f3;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-gray-extra-light {
  0% {
    fill: #fff;
  }
  50% {
    fill: #f3f3f3;
  }
  100% {
    fill: #fff;
  }
}
.btn-gray-light {
  color: #222;
  background: #cccccc;
  border-color: #cccccc;
  cursor: pointer;
}
.btn-gray-light svg {
  fill: #222;
}
.btn-gray-light:hover:not(:disabled):not(.disabled) {
  color: #222;
  background: #a6a6a6;
  border-color: #a6a6a6;
}
.btn-gray-light:focus, .btn-gray-light.focus {
  background: #a6a6a6;
  border-color: #a6a6a6;
  box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
}
.btn-gray-light.flashing {
  animation: btn-flashing-gray-light 3s infinite;
  -webkit-animation: btn-flashing-gray-light 3s infinite;
}
.btn-gray-light.flashing svg {
  animation: btn-flashing-svg-gray-light 3s infinite;
  -webkit-animation: btn-flashing-svg-gray-light 3s infinite;
}

@keyframes btn-flashing-gray-light {
  0% {
    background-color: #cccccc;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #cccccc;
  }
  100% {
    background-color: #cccccc;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-gray-light {
  0% {
    background-color: #cccccc;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #cccccc;
  }
  100% {
    background-color: #cccccc;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-gray-light {
  0% {
    fill: #fff;
  }
  50% {
    fill: #cccccc;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-gray-light {
  0% {
    fill: #fff;
  }
  50% {
    fill: #cccccc;
  }
  100% {
    fill: #fff;
  }
}
.btn-gray-medium {
  color: #fff;
  background: #999999;
  border-color: #999999;
  cursor: pointer;
}
.btn-gray-medium svg {
  fill: #fff;
}
.btn-gray-medium:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #737373;
  border-color: #737373;
}
.btn-gray-medium:focus, .btn-gray-medium.focus {
  background: #737373;
  border-color: #737373;
  box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
}
.btn-gray-medium.flashing {
  animation: btn-flashing-gray-medium 3s infinite;
  -webkit-animation: btn-flashing-gray-medium 3s infinite;
}
.btn-gray-medium.flashing svg {
  animation: btn-flashing-svg-gray-medium 3s infinite;
  -webkit-animation: btn-flashing-svg-gray-medium 3s infinite;
}

@keyframes btn-flashing-gray-medium {
  0% {
    background-color: #999999;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #999999;
  }
  100% {
    background-color: #999999;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-gray-medium {
  0% {
    background-color: #999999;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #999999;
  }
  100% {
    background-color: #999999;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-gray-medium {
  0% {
    fill: #fff;
  }
  50% {
    fill: #999999;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-gray-medium {
  0% {
    fill: #fff;
  }
  50% {
    fill: #999999;
  }
  100% {
    fill: #fff;
  }
}
.btn-gray-dark {
  color: #fff;
  background: #333333;
  border-color: #333333;
  cursor: pointer;
}
.btn-gray-dark svg {
  fill: #fff;
}
.btn-gray-dark:hover:not(:disabled):not(.disabled) {
  color: #fff;
  background: #0d0d0d;
  border-color: #0d0d0d;
}
.btn-gray-dark:focus, .btn-gray-dark.focus {
  background: #0d0d0d;
  border-color: #0d0d0d;
  box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.5);
}
.btn-gray-dark.flashing {
  animation: btn-flashing-gray-dark 3s infinite;
  -webkit-animation: btn-flashing-gray-dark 3s infinite;
}
.btn-gray-dark.flashing svg {
  animation: btn-flashing-svg-gray-dark 3s infinite;
  -webkit-animation: btn-flashing-svg-gray-dark 3s infinite;
}

@keyframes btn-flashing-gray-dark {
  0% {
    background-color: #333333;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #333333;
  }
  100% {
    background-color: #333333;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-gray-dark {
  0% {
    background-color: #333333;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #333333;
  }
  100% {
    background-color: #333333;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-gray-dark {
  0% {
    fill: #fff;
  }
  50% {
    fill: #333333;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-gray-dark {
  0% {
    fill: #fff;
  }
  50% {
    fill: #333333;
  }
  100% {
    fill: #fff;
  }
}
.btn-white {
  color: #222;
  background: #ffffff;
  border-color: #ffffff;
  cursor: pointer;
}
.btn-white svg {
  fill: #222;
}
.btn-white:hover:not(:disabled):not(.disabled) {
  color: #222;
  background: #d9d9d9;
  border-color: #d9d9d9;
}
.btn-white:focus, .btn-white.focus {
  background: #d9d9d9;
  border-color: #d9d9d9;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.btn-white.flashing {
  animation: btn-flashing-white 3s infinite;
  -webkit-animation: btn-flashing-white 3s infinite;
}
.btn-white.flashing svg {
  animation: btn-flashing-svg-white 3s infinite;
  -webkit-animation: btn-flashing-svg-white 3s infinite;
}

@keyframes btn-flashing-white {
  0% {
    background-color: #ffffff;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #ffffff;
  }
  100% {
    background-color: #ffffff;
    color: #fff;
  }
}
@-webkit-keyframes btn-flashing-white {
  0% {
    background-color: #ffffff;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #ffffff;
  }
  100% {
    background-color: #ffffff;
    color: #fff;
  }
}
@keyframes btn-flashing-svg-white {
  0% {
    fill: #fff;
  }
  50% {
    fill: #ffffff;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes btn-flashing-svg-white {
  0% {
    fill: #fff;
  }
  50% {
    fill: #ffffff;
  }
  100% {
    fill: #fff;
  }
}
.btn-outline-primary {
  color: #2d828f;
  background-color: #fff;
  background-image: none;
  border-color: #2d828f;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #2d828f;
  border-color: #2d828f;
}
.btn-outline-primary:hover svg {
  fill: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 3px rgba(45, 130, 143, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #2d828f;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #2d828f;
  border-color: #2d828f;
}
.btn-outline-primary svg {
  fill: #2d828f;
}
.btn-outline-primary.flashing {
  animation: btn-outline-flashing-primary 3s infinite;
  -webkit-animation: btn-outline-flashing-primary 3s infinite;
}
.btn-outline-primary.flashing svg {
  animation: btn-outline-flashing-svg-primary 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-primary 3s infinite;
}

@keyframes btn-outline-flashing-primary {
  0% {
    background-color: #fff;
    color: #2d828f;
  }
  50% {
    background-color: #2d828f;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #2d828f;
  }
}
@-webkit-keyframes btn-outline-flashing-primary {
  0% {
    background-color: #fff;
    color: #2d828f;
    fill: #2d828f;
  }
  50% {
    background-color: #2d828f;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #2d828f;
    fill: #2d828f;
  }
}
@keyframes btn-outline-flashing-svg-primary {
  0% {
    fill: #2d828f;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #2d828f;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-primary {
  0% {
    fill: #2d828f;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #2d828f;
  }
}
.btn-outline-secondary {
  color: #6610f2;
  background-color: #fff;
  background-image: none;
  border-color: #6610f2;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-outline-secondary:hover svg {
  fill: #fff;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6610f2;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-outline-secondary svg {
  fill: #6610f2;
}
.btn-outline-secondary.flashing {
  animation: btn-outline-flashing-secondary 3s infinite;
  -webkit-animation: btn-outline-flashing-secondary 3s infinite;
}
.btn-outline-secondary.flashing svg {
  animation: btn-outline-flashing-svg-secondary 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-secondary 3s infinite;
}

@keyframes btn-outline-flashing-secondary {
  0% {
    background-color: #fff;
    color: #6610f2;
  }
  50% {
    background-color: #6610f2;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #6610f2;
  }
}
@-webkit-keyframes btn-outline-flashing-secondary {
  0% {
    background-color: #fff;
    color: #6610f2;
    fill: #6610f2;
  }
  50% {
    background-color: #6610f2;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #6610f2;
    fill: #6610f2;
  }
}
@keyframes btn-outline-flashing-svg-secondary {
  0% {
    fill: #6610f2;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #6610f2;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-secondary {
  0% {
    fill: #6610f2;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #6610f2;
  }
}
.btn-outline-success {
  color: #28a745;
  background-color: #fff;
  background-image: none;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover svg {
  fill: #fff;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success svg {
  fill: #28a745;
}
.btn-outline-success.flashing {
  animation: btn-outline-flashing-success 3s infinite;
  -webkit-animation: btn-outline-flashing-success 3s infinite;
}
.btn-outline-success.flashing svg {
  animation: btn-outline-flashing-svg-success 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-success 3s infinite;
}

@keyframes btn-outline-flashing-success {
  0% {
    background-color: #fff;
    color: #28a745;
  }
  50% {
    background-color: #28a745;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #28a745;
  }
}
@-webkit-keyframes btn-outline-flashing-success {
  0% {
    background-color: #fff;
    color: #28a745;
    fill: #28a745;
  }
  50% {
    background-color: #28a745;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #28a745;
    fill: #28a745;
  }
}
@keyframes btn-outline-flashing-svg-success {
  0% {
    fill: #28a745;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #28a745;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-success {
  0% {
    fill: #28a745;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #28a745;
  }
}
.btn-outline-info {
  color: #17a2b8;
  background-color: #fff;
  background-image: none;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover svg {
  fill: #fff;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info svg {
  fill: #17a2b8;
}
.btn-outline-info.flashing {
  animation: btn-outline-flashing-info 3s infinite;
  -webkit-animation: btn-outline-flashing-info 3s infinite;
}
.btn-outline-info.flashing svg {
  animation: btn-outline-flashing-svg-info 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-info 3s infinite;
}

@keyframes btn-outline-flashing-info {
  0% {
    background-color: #fff;
    color: #17a2b8;
  }
  50% {
    background-color: #17a2b8;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #17a2b8;
  }
}
@-webkit-keyframes btn-outline-flashing-info {
  0% {
    background-color: #fff;
    color: #17a2b8;
    fill: #17a2b8;
  }
  50% {
    background-color: #17a2b8;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #17a2b8;
    fill: #17a2b8;
  }
}
@keyframes btn-outline-flashing-svg-info {
  0% {
    fill: #17a2b8;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #17a2b8;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-info {
  0% {
    fill: #17a2b8;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #17a2b8;
  }
}
.btn-outline-warning {
  color: #fd7e14;
  background-color: #fff;
  background-image: none;
  border-color: #fd7e14;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-warning:hover svg {
  fill: #fff;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 3px rgba(253, 126, 20, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #fd7e14;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-warning svg {
  fill: #fd7e14;
}
.btn-outline-warning.flashing {
  animation: btn-outline-flashing-warning 3s infinite;
  -webkit-animation: btn-outline-flashing-warning 3s infinite;
}
.btn-outline-warning.flashing svg {
  animation: btn-outline-flashing-svg-warning 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-warning 3s infinite;
}

@keyframes btn-outline-flashing-warning {
  0% {
    background-color: #fff;
    color: #fd7e14;
  }
  50% {
    background-color: #fd7e14;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #fd7e14;
  }
}
@-webkit-keyframes btn-outline-flashing-warning {
  0% {
    background-color: #fff;
    color: #fd7e14;
    fill: #fd7e14;
  }
  50% {
    background-color: #fd7e14;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #fd7e14;
    fill: #fd7e14;
  }
}
@keyframes btn-outline-flashing-svg-warning {
  0% {
    fill: #fd7e14;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #fd7e14;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-warning {
  0% {
    fill: #fd7e14;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #fd7e14;
  }
}
.btn-outline-danger {
  color: #dc3545;
  background-color: #fff;
  background-image: none;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover svg {
  fill: #fff;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger svg {
  fill: #dc3545;
}
.btn-outline-danger.flashing {
  animation: btn-outline-flashing-danger 3s infinite;
  -webkit-animation: btn-outline-flashing-danger 3s infinite;
}
.btn-outline-danger.flashing svg {
  animation: btn-outline-flashing-svg-danger 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-danger 3s infinite;
}

@keyframes btn-outline-flashing-danger {
  0% {
    background-color: #fff;
    color: #dc3545;
  }
  50% {
    background-color: #dc3545;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #dc3545;
  }
}
@-webkit-keyframes btn-outline-flashing-danger {
  0% {
    background-color: #fff;
    color: #dc3545;
    fill: #dc3545;
  }
  50% {
    background-color: #dc3545;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #dc3545;
    fill: #dc3545;
  }
}
@keyframes btn-outline-flashing-svg-danger {
  0% {
    fill: #dc3545;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #dc3545;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-danger {
  0% {
    fill: #dc3545;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #dc3545;
  }
}
.btn-outline-gray-extra-light {
  color: #f3f3f3;
  background-color: #fff;
  background-image: none;
  border-color: #f3f3f3;
}
.btn-outline-gray-extra-light:hover {
  color: #222;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-outline-gray-extra-light:hover svg {
  fill: #222;
}
.btn-outline-gray-extra-light:focus, .btn-outline-gray-extra-light.focus {
  box-shadow: 0 0 0 3px rgba(243, 243, 243, 0.5);
}
.btn-outline-gray-extra-light.disabled, .btn-outline-gray-extra-light:disabled {
  color: #f3f3f3;
  background-color: transparent;
}
.btn-outline-gray-extra-light:not(:disabled):not(.disabled):active, .btn-outline-gray-extra-light:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-extra-light.dropdown-toggle {
  color: #222;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-outline-gray-extra-light svg {
  fill: #f3f3f3;
}
.btn-outline-gray-extra-light.flashing {
  animation: btn-outline-flashing-gray-extra-light 3s infinite;
  -webkit-animation: btn-outline-flashing-gray-extra-light 3s infinite;
}
.btn-outline-gray-extra-light.flashing svg {
  animation: btn-outline-flashing-svg-gray-extra-light 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-gray-extra-light 3s infinite;
}

@keyframes btn-outline-flashing-gray-extra-light {
  0% {
    background-color: #fff;
    color: #f3f3f3;
  }
  50% {
    background-color: #f3f3f3;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #f3f3f3;
  }
}
@-webkit-keyframes btn-outline-flashing-gray-extra-light {
  0% {
    background-color: #fff;
    color: #f3f3f3;
    fill: #f3f3f3;
  }
  50% {
    background-color: #f3f3f3;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #f3f3f3;
    fill: #f3f3f3;
  }
}
@keyframes btn-outline-flashing-svg-gray-extra-light {
  0% {
    fill: #f3f3f3;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #f3f3f3;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-gray-extra-light {
  0% {
    fill: #f3f3f3;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #f3f3f3;
  }
}
.btn-outline-gray-light {
  color: #cccccc;
  background-color: #fff;
  background-image: none;
  border-color: #cccccc;
}
.btn-outline-gray-light:hover {
  color: #222;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-outline-gray-light:hover svg {
  fill: #222;
}
.btn-outline-gray-light:focus, .btn-outline-gray-light.focus {
  box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
}
.btn-outline-gray-light.disabled, .btn-outline-gray-light:disabled {
  color: #cccccc;
  background-color: transparent;
}
.btn-outline-gray-light:not(:disabled):not(.disabled):active, .btn-outline-gray-light:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-light.dropdown-toggle {
  color: #222;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-outline-gray-light svg {
  fill: #cccccc;
}
.btn-outline-gray-light.flashing {
  animation: btn-outline-flashing-gray-light 3s infinite;
  -webkit-animation: btn-outline-flashing-gray-light 3s infinite;
}
.btn-outline-gray-light.flashing svg {
  animation: btn-outline-flashing-svg-gray-light 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-gray-light 3s infinite;
}

@keyframes btn-outline-flashing-gray-light {
  0% {
    background-color: #fff;
    color: #cccccc;
  }
  50% {
    background-color: #cccccc;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #cccccc;
  }
}
@-webkit-keyframes btn-outline-flashing-gray-light {
  0% {
    background-color: #fff;
    color: #cccccc;
    fill: #cccccc;
  }
  50% {
    background-color: #cccccc;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #cccccc;
    fill: #cccccc;
  }
}
@keyframes btn-outline-flashing-svg-gray-light {
  0% {
    fill: #cccccc;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #cccccc;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-gray-light {
  0% {
    fill: #cccccc;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #cccccc;
  }
}
.btn-outline-gray-medium {
  color: #999999;
  background-color: #fff;
  background-image: none;
  border-color: #999999;
}
.btn-outline-gray-medium:hover {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.btn-outline-gray-medium:hover svg {
  fill: #fff;
}
.btn-outline-gray-medium:focus, .btn-outline-gray-medium.focus {
  box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.5);
}
.btn-outline-gray-medium.disabled, .btn-outline-gray-medium:disabled {
  color: #999999;
  background-color: transparent;
}
.btn-outline-gray-medium:not(:disabled):not(.disabled):active, .btn-outline-gray-medium:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-medium.dropdown-toggle {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}
.btn-outline-gray-medium svg {
  fill: #999999;
}
.btn-outline-gray-medium.flashing {
  animation: btn-outline-flashing-gray-medium 3s infinite;
  -webkit-animation: btn-outline-flashing-gray-medium 3s infinite;
}
.btn-outline-gray-medium.flashing svg {
  animation: btn-outline-flashing-svg-gray-medium 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-gray-medium 3s infinite;
}

@keyframes btn-outline-flashing-gray-medium {
  0% {
    background-color: #fff;
    color: #999999;
  }
  50% {
    background-color: #999999;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #999999;
  }
}
@-webkit-keyframes btn-outline-flashing-gray-medium {
  0% {
    background-color: #fff;
    color: #999999;
    fill: #999999;
  }
  50% {
    background-color: #999999;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #999999;
    fill: #999999;
  }
}
@keyframes btn-outline-flashing-svg-gray-medium {
  0% {
    fill: #999999;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #999999;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-gray-medium {
  0% {
    fill: #999999;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #999999;
  }
}
.btn-outline-gray-dark {
  color: #333333;
  background-color: #fff;
  background-image: none;
  border-color: #333333;
}
.btn-outline-gray-dark:hover {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.btn-outline-gray-dark:hover svg {
  fill: #fff;
}
.btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
  box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.5);
}
.btn-outline-gray-dark.disabled, .btn-outline-gray-dark:disabled {
  color: #333333;
  background-color: transparent;
}
.btn-outline-gray-dark:not(:disabled):not(.disabled):active, .btn-outline-gray-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-dark.dropdown-toggle {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.btn-outline-gray-dark svg {
  fill: #333333;
}
.btn-outline-gray-dark.flashing {
  animation: btn-outline-flashing-gray-dark 3s infinite;
  -webkit-animation: btn-outline-flashing-gray-dark 3s infinite;
}
.btn-outline-gray-dark.flashing svg {
  animation: btn-outline-flashing-svg-gray-dark 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-gray-dark 3s infinite;
}

@keyframes btn-outline-flashing-gray-dark {
  0% {
    background-color: #fff;
    color: #333333;
  }
  50% {
    background-color: #333333;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #333333;
  }
}
@-webkit-keyframes btn-outline-flashing-gray-dark {
  0% {
    background-color: #fff;
    color: #333333;
    fill: #333333;
  }
  50% {
    background-color: #333333;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #333333;
    fill: #333333;
  }
}
@keyframes btn-outline-flashing-svg-gray-dark {
  0% {
    fill: #333333;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #333333;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-gray-dark {
  0% {
    fill: #333333;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #333333;
  }
}
.btn-outline-white {
  color: #ffffff;
  background-color: #fff;
  background-image: none;
  border-color: #ffffff;
}
.btn-outline-white:hover {
  color: #222;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:hover svg {
  fill: #222;
}
.btn-outline-white:focus, .btn-outline-white.focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
  color: #ffffff;
  background-color: transparent;
}
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
  color: #222;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white svg {
  fill: #ffffff;
}
.btn-outline-white.flashing {
  animation: btn-outline-flashing-white 3s infinite;
  -webkit-animation: btn-outline-flashing-white 3s infinite;
}
.btn-outline-white.flashing svg {
  animation: btn-outline-flashing-svg-white 3s infinite;
  -webkit-animation: btn-outline-flashing-svg-white 3s infinite;
}

@keyframes btn-outline-flashing-white {
  0% {
    background-color: #fff;
    color: #ffffff;
  }
  50% {
    background-color: #ffffff;
    color: #fff;
  }
  100% {
    background-color: #fff;
    color: #ffffff;
  }
}
@-webkit-keyframes btn-outline-flashing-white {
  0% {
    background-color: #fff;
    color: #ffffff;
    fill: #ffffff;
  }
  50% {
    background-color: #ffffff;
    color: #fff;
    fill: #fff;
  }
  100% {
    background-color: #fff;
    color: #ffffff;
    fill: #ffffff;
  }
}
@keyframes btn-outline-flashing-svg-white {
  0% {
    fill: #ffffff;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #ffffff;
  }
}
@-webkit-keyframes btn-outline-flashing-svg-white {
  0% {
    fill: #ffffff;
  }
  50% {
    fill: #fff;
  }
  100% {
    fill: #ffffff;
  }
}
.btn-outline-white {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

.btn-link {
  font-weight: 700;
  color: #2d828f;
  text-transform: none;
  background-color: transparent;
  letter-spacing: initial;
}
.btn-link:hover {
  color: #2d828f;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: none;
  border-color: transparent;
}
.btn-link:disabled, .btn-link.disabled {
  opacity: 1;
  color: #333;
}

.body-text .btn-link {
  font-size: inherit;
}

.close-button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-width: 0;
}

.close-button svg {
  height: 18px;
  width: 18px;
  padding: 3px;
  fill: #bbb;
  margin-right: 0;
}

.close-button:hover {
  cursor: pointer;
  background: #bbb;
}

.close-button:hover svg {
  fill: #fff;
}

.btn-lg {
  height: 46px;
}

.btn-sm {
  height: 26px;
}

.btn-block {
  display: flex;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 15px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

table {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 1em;
}
table.striped tr:nth-child(even) td {
  background-color: #f4f4f4;
}
table th {
  color: #222;
  background-color: #fff;
  font-size: 1em;
  text-transform: none;
  text-align: left;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  padding: 6px 12px;
  border: 1px solid #ccc;
  line-height: 100%;
}
table td {
  color: inherit;
  background-color: #fff;
  font-family: "Nunito", sans-serif;
  line-height: 100%;
  padding: 6px 12px;
  font-size: 1em;
  border: 1px solid #ccc;
}
table.compact-table > tbody > tr > td {
  background-color: #fff;
  border-color: #d9d9d9;
  padding: 3px 10px;
}
table.light-header > thead > tr > th {
  color: inherit;
  background-color: #fff;
  border: 1px solid #ccc;
}

.body-text input,
.body-text .input,
.body-text textarea {
  font-size: 1em;
}
.body-text label,
.body-text legend {
  font-size: 1em;
}

label,
legend {
  color: #444;
  font-family: "Nunito", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 150%;
}

fieldset {
  border: 2px solid green;
  border-radius: 3px;
  background-color: #eee;
}

input,
.input,
textarea,
.ember-power-select-search .ember-power-select-search-input, #test {
  background-color: #fff;
  color: #333;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 36px;
  font-family: "Nunito", sans-serif;
  margin: 0;
  padding: 3px 6px;
  font-size: 1.5em;
}
input:hover,
.input:hover,
textarea:hover,
.ember-power-select-search .ember-power-select-search-input:hover, #test:hover {
  border-color: #999;
}
input:focus,
.input:focus,
textarea:focus,
.ember-power-select-search .ember-power-select-search-input:focus, #test:focus {
  outline: none;
  border-color: #2d828f;
}
input:disabled,
.input:disabled,
textarea:disabled,
.ember-power-select-search .ember-power-select-search-input:disabled, #test:disabled {
  background-color: #eee;
  color: #333;
  border-color: #c9c9c9;
}

.input,
.ember-power-select-search .ember-power-select-search-input, #test {
  display: inline-flex;
  align-items: center;
}

textarea {
  min-height: 100px;
  line-height: 150%;
}

input[type=radio],
input[type=checkbox],
.checkbox,
.radio {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  padding: 0 !important;
  background: transparent !important;
  border-width: 0 !important;
}
input[type=radio]:after,
input[type=checkbox]:after,
.checkbox:after,
.radio:after {
  border: 2px solid #c9c9c9;
  content: "";
  background-color: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0px;
}
input[type=radio]:checked:after, input[type=radio].checked:after,
input[type=checkbox]:checked:after,
input[type=checkbox].checked:after,
.checkbox:checked:after,
.checkbox.checked:after,
.radio:checked:after,
.radio.checked:after {
  background: #bbb url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 28"  class="single-colour tick"><path fill="%23fff" d="M13 28c-0.7 0-1.3-0.2-1.9-0.7l-10-8c-1.3-1-1.5-2.9-0.5-4.2 1-1.3 2.9-1.5 4.2-0.5l7.9 6.3L32.9 0.9c1.2-1.2 3.1-1.2 4.2 0 1.2 1.2 1.2 3.1 0 4.2l-22 22C14.5 27.7 13.8 28 13 28z"/></svg>') no-repeat center 3px;
  background-size: 11px;
}
input[type=radio]:focus:after, input[type=radio]:focus:checked:after,
input[type=checkbox]:focus:after,
input[type=checkbox]:focus:checked:after,
.checkbox:focus:after,
.checkbox:focus:checked:after,
.radio:focus:after,
.radio:focus:checked:after {
  border-color: #2d828f;
}
input[type=radio]:hover,
input[type=checkbox]:hover,
.checkbox:hover,
.radio:hover {
  border-color: #999;
}

input[type=radio],
input[type=radio]:before,
input[type=radio]:after,
.radio,
.radio:before,
.radio:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type=radio] + label {
  line-height: 150%;
  margin: 0;
}

.tooltip {
  position: absolute;
  z-index: 1;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  font-size: 12px;
}

.tooltip h2 {
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-align: center;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.box-arrow {
  position: relative;
}

.box-arrow:before,
.box-arrow:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.box-arrow:after {
  border-color: transparent;
  border-width: 7px;
}

.box-arrow:before {
  border-color: transparent;
  border-width: 8px;
}

/*--------------------------Direction Up----------------------------*/
.box-arrow.arrow-direction-up:before,
.box-arrow.arrow-direction-up:after {
  bottom: 100%;
}

.box-arrow.arrow-direction-up:after {
  border-bottom-color: #fff;
}

.box-arrow.arrow-direction-up:before {
  border-bottom-color: inherit;
}

/*-------------------------Direction Down---------------------------*/
.box-arrow.arrow-direction-down:before,
.box-arrow.arrow-direction-down:after {
  top: 100%;
}

.box-arrow.arrow-direction-down:after {
  border-top-color: #fff;
}

.box-arrow.arrow-direction-down:before {
  border-top-color: inherit;
}

/*-------------------------Direction Left---------------------------*/
.box-arrow.arrow-direction-left:before,
.box-arrow.arrow-direction-left:after {
  right: 100%;
}

.box-arrow.arrow-direction-left:after {
  border-right-color: #fff;
}

.box-arrow.arrow-direction-left:before {
  border-right-color: inherit;
}

/*-------------------------Direction Right--------------------------*/
.box-arrow.arrow-direction-right:before,
.box-arrow.arrow-direction-right:after {
  left: 100%;
}

.box-arrow.arrow-direction-right:after {
  border-left-color: #fff;
}

.box-arrow.arrow-direction-right:before {
  border-left-color: inherit;
}

/*-------------------------Position Left--------------------------*/
.box-arrow.arrow-position-left:before,
.box-arrow.arrow-position-left:after {
  left: 10px;
}

.box-arrow.arrow-position-left:before {
  margin-left: -1px;
}

/*-------------------------Position Right--------------------------*/
.box-arrow.arrow-position-right:before,
.box-arrow.arrow-position-right:after {
  right: 10px;
}

.box-arrow.arrow-position-right:before {
  margin-right: -1px;
}

/*-------------------------Position Top--------------------------*/
.box-arrow.arrow-position-top:before,
.box-arrow.arrow-position-top:after {
  top: 10px;
}

.box-arrow.arrow-position-top:before {
  margin-top: -1px;
}

/*-------------------------Position Bottom--------------------------*/
.box-arrow.arrow-position-bottom:before,
.box-arrow.arrow-position-bottom:after {
  bottom: 10px;
}

.box-arrow.arrow-position-bottom:before {
  margin-bottom: -1px;
}

.bg-primary.box-arrow.arrow-direction-up:after {
  border-bottom-color: #2d828f;
}

.bg-primary.box-arrow.arrow-direction-left:after {
  border-right-color: #2d828f;
}

.bg-primary.box-arrow.arrow-direction-down:after {
  border-top-color: #2d828f;
}

.bg-primary.box-arrow.arrow-direction-right:after {
  border-left-color: #2d828f;
}

.bg-secondary.box-arrow.arrow-direction-up:after {
  border-bottom-color: #6610f2;
}

.bg-secondary.box-arrow.arrow-direction-left:after {
  border-right-color: #6610f2;
}

.bg-secondary.box-arrow.arrow-direction-down:after {
  border-top-color: #6610f2;
}

.bg-secondary.box-arrow.arrow-direction-right:after {
  border-left-color: #6610f2;
}

.bg-success.box-arrow.arrow-direction-up:after {
  border-bottom-color: #28a745;
}

.bg-success.box-arrow.arrow-direction-left:after {
  border-right-color: #28a745;
}

.bg-success.box-arrow.arrow-direction-down:after {
  border-top-color: #28a745;
}

.bg-success.box-arrow.arrow-direction-right:after {
  border-left-color: #28a745;
}

.bg-info.box-arrow.arrow-direction-up:after {
  border-bottom-color: #17a2b8;
}

.bg-info.box-arrow.arrow-direction-left:after {
  border-right-color: #17a2b8;
}

.bg-info.box-arrow.arrow-direction-down:after {
  border-top-color: #17a2b8;
}

.bg-info.box-arrow.arrow-direction-right:after {
  border-left-color: #17a2b8;
}

.bg-warning.box-arrow.arrow-direction-up:after {
  border-bottom-color: #fd7e14;
}

.bg-warning.box-arrow.arrow-direction-left:after {
  border-right-color: #fd7e14;
}

.bg-warning.box-arrow.arrow-direction-down:after {
  border-top-color: #fd7e14;
}

.bg-warning.box-arrow.arrow-direction-right:after {
  border-left-color: #fd7e14;
}

.bg-danger.box-arrow.arrow-direction-up:after {
  border-bottom-color: #dc3545;
}

.bg-danger.box-arrow.arrow-direction-left:after {
  border-right-color: #dc3545;
}

.bg-danger.box-arrow.arrow-direction-down:after {
  border-top-color: #dc3545;
}

.bg-danger.box-arrow.arrow-direction-right:after {
  border-left-color: #dc3545;
}

.bg-gray-extra-light.box-arrow.arrow-direction-up:after {
  border-bottom-color: #f3f3f3;
}

.bg-gray-extra-light.box-arrow.arrow-direction-left:after {
  border-right-color: #f3f3f3;
}

.bg-gray-extra-light.box-arrow.arrow-direction-down:after {
  border-top-color: #f3f3f3;
}

.bg-gray-extra-light.box-arrow.arrow-direction-right:after {
  border-left-color: #f3f3f3;
}

.bg-gray-light.box-arrow.arrow-direction-up:after {
  border-bottom-color: #cccccc;
}

.bg-gray-light.box-arrow.arrow-direction-left:after {
  border-right-color: #cccccc;
}

.bg-gray-light.box-arrow.arrow-direction-down:after {
  border-top-color: #cccccc;
}

.bg-gray-light.box-arrow.arrow-direction-right:after {
  border-left-color: #cccccc;
}

.bg-gray-medium.box-arrow.arrow-direction-up:after {
  border-bottom-color: #999999;
}

.bg-gray-medium.box-arrow.arrow-direction-left:after {
  border-right-color: #999999;
}

.bg-gray-medium.box-arrow.arrow-direction-down:after {
  border-top-color: #999999;
}

.bg-gray-medium.box-arrow.arrow-direction-right:after {
  border-left-color: #999999;
}

.bg-gray-dark.box-arrow.arrow-direction-up:after {
  border-bottom-color: #333333;
}

.bg-gray-dark.box-arrow.arrow-direction-left:after {
  border-right-color: #333333;
}

.bg-gray-dark.box-arrow.arrow-direction-down:after {
  border-top-color: #333333;
}

.bg-gray-dark.box-arrow.arrow-direction-right:after {
  border-left-color: #333333;
}

.bg-white.box-arrow.arrow-direction-up:after {
  border-bottom-color: #ffffff;
}

.bg-white.box-arrow.arrow-direction-left:after {
  border-right-color: #ffffff;
}

.bg-white.box-arrow.arrow-direction-down:after {
  border-top-color: #ffffff;
}

.bg-white.box-arrow.arrow-direction-right:after {
  border-left-color: #ffffff;
}

.border {
  border: 1px solid #ccc;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-right {
  border-right: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.border-left {
  border-left: 1px solid #ccc;
}

.border-0 {
  border: 0;
}

.border-top-0 {
  border-top: 0;
}

.border-right-0 {
  border-right: 0;
}

.border-bottom-0 {
  border-bottom: 0;
}

.border-left-0 {
  border-left: 0;
}

.border-1px {
  border-width: 1px;
}

.border-2px {
  border-width: 2px;
}

.border-3px {
  border-width: 3px;
}

.border-4px {
  border-width: 4px;
}

.border-5px {
  border-width: 5px;
}

.border-primary {
  border-color: #2d828f;
}

.border-secondary {
  border-color: #6610f2;
}

.border-success {
  border-color: #28a745;
}

.border-info {
  border-color: #17a2b8;
}

.border-warning {
  border-color: #fd7e14;
}

.border-danger {
  border-color: #dc3545;
}

.border-gray-extra-light {
  border-color: #f3f3f3;
}

.border-gray-light {
  border-color: #cccccc;
}

.border-gray-medium {
  border-color: #999999;
}

.border-gray-dark {
  border-color: #333333;
}

.border-white {
  border-color: #ffffff;
}

.border-white {
  border-color: #ffffff;
}

.rounded {
  border-radius: 3px;
}

.rounded-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.rounded-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.rounded-bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.rounded-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-0 {
  border-radius: 0;
}

.card-box-shadow {
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  transition: all 250ms;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.card-box-shadow.card-box-shadow-hover-effect:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.card-box-shadow.card-box-shadow-level-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.card-box-shadow.card-box-shadow-level-2.card-box-shadow-hover-effect:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-box-shadow.card-box-shadow-level-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-box-shadow.card-box-shadow-level-3.card-box-shadow-hover-effect:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-box-shadow.card-box-shadow-level-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-box-shadow.card-box-shadow-level-4.card-box-shadow-hover-effect:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.card-box-shadow.card-box-shadow-level-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.card-box-shadow.card-box-shadow-level-5.card-box-shadow-hover-effect:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.card-box-shadow.card-box-shadow-hover-effect:hover {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  transform: translateY(-2px);
}

.fill-primary {
  fill: #2d828f !important;
}

.hover-fill-primary:hover {
  fill: #2d828f !important;
}

.stroke-primary {
  stroke: #2d828f !important;
}

.fill-secondary {
  fill: #6610f2 !important;
}

.hover-fill-secondary:hover {
  fill: #6610f2 !important;
}

.stroke-secondary {
  stroke: #6610f2 !important;
}

.fill-success {
  fill: #28a745 !important;
}

.hover-fill-success:hover {
  fill: #28a745 !important;
}

.stroke-success {
  stroke: #28a745 !important;
}

.fill-info {
  fill: #17a2b8 !important;
}

.hover-fill-info:hover {
  fill: #17a2b8 !important;
}

.stroke-info {
  stroke: #17a2b8 !important;
}

.fill-warning {
  fill: #fd7e14 !important;
}

.hover-fill-warning:hover {
  fill: #fd7e14 !important;
}

.stroke-warning {
  stroke: #fd7e14 !important;
}

.fill-danger {
  fill: #dc3545 !important;
}

.hover-fill-danger:hover {
  fill: #dc3545 !important;
}

.stroke-danger {
  stroke: #dc3545 !important;
}

.fill-gray-extra-light {
  fill: #f3f3f3 !important;
}

.hover-fill-gray-extra-light:hover {
  fill: #f3f3f3 !important;
}

.stroke-gray-extra-light {
  stroke: #f3f3f3 !important;
}

.fill-gray-light {
  fill: #cccccc !important;
}

.hover-fill-gray-light:hover {
  fill: #cccccc !important;
}

.stroke-gray-light {
  stroke: #cccccc !important;
}

.fill-gray-medium {
  fill: #999999 !important;
}

.hover-fill-gray-medium:hover {
  fill: #999999 !important;
}

.stroke-gray-medium {
  stroke: #999999 !important;
}

.fill-gray-dark {
  fill: #333333 !important;
}

.hover-fill-gray-dark:hover {
  fill: #333333 !important;
}

.stroke-gray-dark {
  stroke: #333333 !important;
}

.fill-white {
  fill: #ffffff !important;
}

.hover-fill-white:hover {
  fill: #ffffff !important;
}

.stroke-white {
  stroke: #ffffff !important;
}

.foreground-graphic {
  fill: #fff;
  stroke: #fff;
}

.bg-primary {
  background-color: #2d828f !important;
}
.bg-primary.text-yiq {
  color: #fff;
}
.bg-primary .fill-yiq {
  fill: #fff;
}

a.bg-primary:not(:disabled):not(.disabled):hover, a.bg-primary:not(:disabled):not(.disabled):focus,
button.bg-primary:not(:disabled):not(.disabled):hover,
button.bg-primary:not(:disabled):not(.disabled):focus {
  background-color: #215f68 !important;
}

.bg-secondary {
  background-color: #6610f2 !important;
}
.bg-secondary.text-yiq {
  color: #fff;
}
.bg-secondary .fill-yiq {
  fill: #fff;
}

a.bg-secondary:not(:disabled):not(.disabled):hover, a.bg-secondary:not(:disabled):not(.disabled):focus,
button.bg-secondary:not(:disabled):not(.disabled):hover,
button.bg-secondary:not(:disabled):not(.disabled):focus {
  background-color: #510bc4 !important;
}

.bg-success {
  background-color: #28a745 !important;
}
.bg-success.text-yiq {
  color: #fff;
}
.bg-success .fill-yiq {
  fill: #fff;
}

a.bg-success:not(:disabled):not(.disabled):hover, a.bg-success:not(:disabled):not(.disabled):focus,
button.bg-success:not(:disabled):not(.disabled):hover,
button.bg-success:not(:disabled):not(.disabled):focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}
.bg-info.text-yiq {
  color: #fff;
}
.bg-info .fill-yiq {
  fill: #fff;
}

a.bg-info:not(:disabled):not(.disabled):hover, a.bg-info:not(:disabled):not(.disabled):focus,
button.bg-info:not(:disabled):not(.disabled):hover,
button.bg-info:not(:disabled):not(.disabled):focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #fd7e14 !important;
}
.bg-warning.text-yiq {
  color: #fff;
}
.bg-warning .fill-yiq {
  fill: #fff;
}

a.bg-warning:not(:disabled):not(.disabled):hover, a.bg-warning:not(:disabled):not(.disabled):focus,
button.bg-warning:not(:disabled):not(.disabled):hover,
button.bg-warning:not(:disabled):not(.disabled):focus {
  background-color: #dc6502 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}
.bg-danger.text-yiq {
  color: #fff;
}
.bg-danger .fill-yiq {
  fill: #fff;
}

a.bg-danger:not(:disabled):not(.disabled):hover, a.bg-danger:not(:disabled):not(.disabled):focus,
button.bg-danger:not(:disabled):not(.disabled):hover,
button.bg-danger:not(:disabled):not(.disabled):focus {
  background-color: #bd2130 !important;
}

.bg-gray-extra-light {
  background-color: #f3f3f3 !important;
}
.bg-gray-extra-light.text-yiq {
  color: #222;
}
.bg-gray-extra-light .fill-yiq {
  fill: #222;
}

a.bg-gray-extra-light:not(:disabled):not(.disabled):hover, a.bg-gray-extra-light:not(:disabled):not(.disabled):focus,
button.bg-gray-extra-light:not(:disabled):not(.disabled):hover,
button.bg-gray-extra-light:not(:disabled):not(.disabled):focus {
  background-color: #dadada !important;
}

.bg-gray-light {
  background-color: #cccccc !important;
}
.bg-gray-light.text-yiq {
  color: #222;
}
.bg-gray-light .fill-yiq {
  fill: #222;
}

a.bg-gray-light:not(:disabled):not(.disabled):hover, a.bg-gray-light:not(:disabled):not(.disabled):focus,
button.bg-gray-light:not(:disabled):not(.disabled):hover,
button.bg-gray-light:not(:disabled):not(.disabled):focus {
  background-color: #b3b3b3 !important;
}

.bg-gray-medium {
  background-color: #999999 !important;
}
.bg-gray-medium.text-yiq {
  color: #fff;
}
.bg-gray-medium .fill-yiq {
  fill: #fff;
}

a.bg-gray-medium:not(:disabled):not(.disabled):hover, a.bg-gray-medium:not(:disabled):not(.disabled):focus,
button.bg-gray-medium:not(:disabled):not(.disabled):hover,
button.bg-gray-medium:not(:disabled):not(.disabled):focus {
  background-color: gray !important;
}

.bg-gray-dark {
  background-color: #333333 !important;
}
.bg-gray-dark.text-yiq {
  color: #fff;
}
.bg-gray-dark .fill-yiq {
  fill: #fff;
}

a.bg-gray-dark:not(:disabled):not(.disabled):hover, a.bg-gray-dark:not(:disabled):not(.disabled):focus,
button.bg-gray-dark:not(:disabled):not(.disabled):hover,
button.bg-gray-dark:not(:disabled):not(.disabled):focus {
  background-color: #1a1a1a !important;
}

.bg-white {
  background-color: #ffffff !important;
}
.bg-white.text-yiq {
  color: #222;
}
.bg-white .fill-yiq {
  fill: #222;
}

a.bg-white:not(:disabled):not(.disabled):hover, a.bg-white:not(:disabled):not(.disabled):focus,
button.bg-white:not(:disabled):not(.disabled):hover,
button.bg-white:not(:disabled):not(.disabled):focus {
  background-color: #e6e6e6 !important;
}

.bg-hover-primary:hover {
  background-color: #2d828f !important;
}
.bg-hover-primary:hover.text-yiq {
  color: #fff;
}
.bg-hover-primary:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-primary:hover:not(:disabled):not(.disabled):hover, a.bg-hover-primary:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-primary:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-primary:hover:not(:disabled):not(.disabled):focus {
  background-color: #215f68 !important;
}

.bg-hover-secondary:hover {
  background-color: #6610f2 !important;
}
.bg-hover-secondary:hover.text-yiq {
  color: #fff;
}
.bg-hover-secondary:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-secondary:hover:not(:disabled):not(.disabled):hover, a.bg-hover-secondary:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-secondary:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-secondary:hover:not(:disabled):not(.disabled):focus {
  background-color: #510bc4 !important;
}

.bg-hover-success:hover {
  background-color: #28a745 !important;
}
.bg-hover-success:hover.text-yiq {
  color: #fff;
}
.bg-hover-success:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-success:hover:not(:disabled):not(.disabled):hover, a.bg-hover-success:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-success:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-success:hover:not(:disabled):not(.disabled):focus {
  background-color: #1e7e34 !important;
}

.bg-hover-info:hover {
  background-color: #17a2b8 !important;
}
.bg-hover-info:hover.text-yiq {
  color: #fff;
}
.bg-hover-info:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-info:hover:not(:disabled):not(.disabled):hover, a.bg-hover-info:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-info:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-info:hover:not(:disabled):not(.disabled):focus {
  background-color: #117a8b !important;
}

.bg-hover-warning:hover {
  background-color: #fd7e14 !important;
}
.bg-hover-warning:hover.text-yiq {
  color: #fff;
}
.bg-hover-warning:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-warning:hover:not(:disabled):not(.disabled):hover, a.bg-hover-warning:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-warning:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-warning:hover:not(:disabled):not(.disabled):focus {
  background-color: #dc6502 !important;
}

.bg-hover-danger:hover {
  background-color: #dc3545 !important;
}
.bg-hover-danger:hover.text-yiq {
  color: #fff;
}
.bg-hover-danger:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-danger:hover:not(:disabled):not(.disabled):hover, a.bg-hover-danger:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-danger:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-danger:hover:not(:disabled):not(.disabled):focus {
  background-color: #bd2130 !important;
}

.bg-hover-gray-extra-light:hover {
  background-color: #f3f3f3 !important;
}
.bg-hover-gray-extra-light:hover.text-yiq {
  color: #222;
}
.bg-hover-gray-extra-light:hover .fill-yiq {
  fill: #222;
}

a.bg-hover-gray-extra-light:hover:not(:disabled):not(.disabled):hover, a.bg-hover-gray-extra-light:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-gray-extra-light:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-gray-extra-light:hover:not(:disabled):not(.disabled):focus {
  background-color: #dadada !important;
}

.bg-hover-gray-light:hover {
  background-color: #cccccc !important;
}
.bg-hover-gray-light:hover.text-yiq {
  color: #222;
}
.bg-hover-gray-light:hover .fill-yiq {
  fill: #222;
}

a.bg-hover-gray-light:hover:not(:disabled):not(.disabled):hover, a.bg-hover-gray-light:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-gray-light:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-gray-light:hover:not(:disabled):not(.disabled):focus {
  background-color: #b3b3b3 !important;
}

.bg-hover-gray-medium:hover {
  background-color: #999999 !important;
}
.bg-hover-gray-medium:hover.text-yiq {
  color: #fff;
}
.bg-hover-gray-medium:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-gray-medium:hover:not(:disabled):not(.disabled):hover, a.bg-hover-gray-medium:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-gray-medium:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-gray-medium:hover:not(:disabled):not(.disabled):focus {
  background-color: gray !important;
}

.bg-hover-gray-dark:hover {
  background-color: #333333 !important;
}
.bg-hover-gray-dark:hover.text-yiq {
  color: #fff;
}
.bg-hover-gray-dark:hover .fill-yiq {
  fill: #fff;
}

a.bg-hover-gray-dark:hover:not(:disabled):not(.disabled):hover, a.bg-hover-gray-dark:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-gray-dark:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-gray-dark:hover:not(:disabled):not(.disabled):focus {
  background-color: #1a1a1a !important;
}

.bg-hover-white:hover {
  background-color: #ffffff !important;
}
.bg-hover-white:hover.text-yiq {
  color: #222;
}
.bg-hover-white:hover .fill-yiq {
  fill: #222;
}

a.bg-hover-white:hover:not(:disabled):not(.disabled):hover, a.bg-hover-white:hover:not(:disabled):not(.disabled):focus,
button.bg-hover-white:hover:not(:disabled):not(.disabled):hover,
button.bg-hover-white:hover:not(:disabled):not(.disabled):focus {
  background-color: #e6e6e6 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.overlay-bg-black-10 {
  background: rgba( 0,0,0 , 0.1 );
  fill: rgba( 0,0,0 , 0.1 );
}

.overlay-bg-black-30 {
  background: rgba( 0,0,0 , 0.3 );
  fill: rgba( 0,0,0 , 0.3 );
}

.overlay-bg-black-50 {
  background: rgba( 0,0,0 , 0.5 );
  fill: rgba( 0,0,0 , 0.5 );
}

.overlay-bg-black-80 {
  background: rgba( 0,0,0 , 0.8 );
  fill: rgba( 0,0,0 , 0.8 );
}

.overlay-bg-white-10 {
  background: rgba( 255,255,255 , 0.1 );
  fill: rgba( 255,255,255 , 0.1 );
}

.overlay-bg-white-30 {
  background: rgba( 255,255,255 , 0.3 );
  fill: rgba( 255,255,255 , 0.3 );
}

.overlay-bg-white-50 {
  background: rgba( 255,255,255 , 0.5 );
  fill: rgba( 255,255,255 , 0.5 );
}

.overlay-bg-white-80 {
  background: rgba( 255,255,255 , 0.8 );
  fill: rgba( 255,255,255 , 0.8 );
}

.overlay-fill-black-10 {
  fill: rgba( 0,0,0 , 0.1 );
}

.overlay-fill-black-30 {
  fill: rgba( 0,0,0 , 0.3 );
}

.overlay-fill-black-50 {
  fill: rgba( 0,0,0 , 0.5 );
}

.overlay-fill-black-80 {
  fill: rgba( 0,0,0 , 0.8 );
}

.overlay-fill-white-10 {
  fill: rgba( 255,255,255 , 0.1 );
}

.overlay-fill-white-30 {
  fill: rgba( 255,255,255 , 0.3 );
}

.overlay-fill-white-50 {
  fill: rgba( 255,255,255 , 0.5 );
}

.overlay-fill-white-80 {
  fill: rgba( 255,255,255 , 0.8 );
}

.flex-row {
  display: flex;
  align-items: center;
}
.flex-row > * {
  margin-right: 8px;
}
.flex-row.flush-right-edge > *:last-child {
  margin-right: 0;
}
.flex-row.space-between {
  justify-content: space-between;
}
.flex-row.space-between > * {
  margin: 0;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.inline-flex {
  display: inline-flex;
}

.flex-columns {
  display: flex;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-expand {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-justify-space-between {
  justify-content: space-between;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-end {
  justify-content: flex-end;
}

.flex-align-center {
  align-items: center;
}

.flex-align-end {
  align-items: flex-end;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-align-items-center {
  align-items: center;
}

.flex-basis-100 {
  flex-basis: 100%;
}

.flex-align-self-stretch {
  align-self: stretch;
}

.padding-sm,
.body-text .padding-sm {
  padding: 3px;
}

.padding-md,
.body-text .padding-md {
  padding: 6px;
}

.padding-lg,
.body-text .padding-lg {
  padding: 12px;
}

.padding-mxl,
.body-text .padding-mxl {
  padding: 18px;
}

.padding-xl,
.body-text .padding-xl {
  padding: 24px;
}

.padding-xxl,
.body-text .padding-xxl {
  padding: 36px;
}

.margin-sm,
.body-text .margin-sm {
  margin: 3px;
}

.margin-md,
.body-text .margin-md {
  margin: 6px;
}

.margin-lg,
.body-text .margin-lg {
  margin: 12px;
}

.margin-mxl,
.body-text .margin-mxl {
  margin: 18px;
}

.margin-xl,
.body-text .margin-xl {
  margin: 24px;
}

.margin-xxl,
.body-text .margin-xxl {
  margin: 36px;
}

.padding-x-sm,
.body-text .padding-x-sm {
  padding-left: 3px;
  padding-right: 3px;
}

.padding-y-sm,
.body-text .padding-y-sm {
  padding-top: 3px;
  padding-bottom: 3px;
}

.padding-x-md,
.body-text .padding-x-md {
  padding-left: 6px;
  padding-right: 6px;
}

.padding-y-md,
.body-text .padding-y-md {
  padding-top: 6px;
  padding-bottom: 6px;
}

.padding-x-lg,
.body-text .padding-x-lg {
  padding-left: 12px;
  padding-right: 12px;
}

.padding-y-lg,
.body-text .padding-y-lg {
  padding-top: 12px;
  padding-bottom: 12px;
}

.padding-x-mxl,
.body-text .padding-x-mxl {
  padding-left: 18px;
  padding-right: 18px;
}

.padding-y-mxl,
.body-text .padding-y-mxl {
  padding-top: 18px;
  padding-bottom: 18px;
}

.padding-x-xl,
.body-text .padding-x-xl {
  padding-left: 24px;
  padding-right: 24px;
}

.padding-y-xl,
.body-text .padding-y-xl {
  padding-top: 24px;
  padding-bottom: 24px;
}

.padding-x-xxl,
.body-text .padding-x-xxl {
  padding-left: 36px;
  padding-right: 36px;
}

.padding-y-xxl,
.body-text .padding-y-xxl {
  padding-top: 36px;
  padding-bottom: 36px;
}

.margin-x-sm,
.body-text .margin-x-sm {
  margin-left: 3px;
  margin-right: 3px;
}

.margin-y-sm,
.body-text .margin-y-sm {
  margin-top: 3px;
  margin-bottom: 3px;
}

.margin-x-md,
.body-text .margin-x-md {
  margin-left: 6px;
  margin-right: 6px;
}

.margin-y-md,
.body-text .margin-y-md {
  margin-top: 6px;
  margin-bottom: 6px;
}

.margin-x-lg,
.body-text .margin-x-lg {
  margin-left: 12px;
  margin-right: 12px;
}

.margin-y-lg,
.body-text .margin-y-lg {
  margin-top: 12px;
  margin-bottom: 12px;
}

.margin-x-mxl,
.body-text .margin-x-mxl {
  margin-left: 18px;
  margin-right: 18px;
}

.margin-y-mxl,
.body-text .margin-y-mxl {
  margin-top: 18px;
  margin-bottom: 18px;
}

.margin-x-xl,
.body-text .margin-x-xl {
  margin-left: 24px;
  margin-right: 24px;
}

.margin-y-xl,
.body-text .margin-y-xl {
  margin-top: 24px;
  margin-bottom: 24px;
}

.margin-x-xxl,
.body-text .margin-x-xxl {
  margin-left: 36px;
  margin-right: 36px;
}

.margin-y-xxl,
.body-text .margin-y-xxl {
  margin-top: 36px;
  margin-bottom: 36px;
}

.padding-top-sm,
.body-text .padding-top-sm {
  padding-top: 3px;
}

.padding-bottom-sm,
.body-text .padding-bottom-sm {
  padding-bottom: 3px;
}

.padding-left-sm,
.body-text .padding-left-sm {
  padding-left: 3px;
}

.padding-right-sm,
.body-text .padding-right-sm {
  padding-right: 3px;
}

.padding-top-md,
.body-text .padding-top-md {
  padding-top: 6px;
}

.padding-bottom-md,
.body-text .padding-bottom-md {
  padding-bottom: 6px;
}

.padding-left-md,
.body-text .padding-left-md {
  padding-left: 6px;
}

.padding-right-md,
.body-text .padding-right-md {
  padding-right: 6px;
}

.padding-top-lg,
.body-text .padding-top-lg {
  padding-top: 12px;
}

.padding-bottom-lg,
.body-text .padding-bottom-lg {
  padding-bottom: 12px;
}

.padding-left-lg,
.body-text .padding-left-lg {
  padding-left: 12px;
}

.padding-right-lg,
.body-text .padding-right-lg {
  padding-right: 12px;
}

.padding-top-mxl,
.body-text .padding-top-mxl {
  padding-top: 18px;
}

.padding-bottom-mxl,
.body-text .padding-bottom-mxl {
  padding-bottom: 18px;
}

.padding-left-mxl,
.body-text .padding-left-mxl {
  padding-left: 18px;
}

.padding-right-mxl,
.body-text .padding-right-mxl {
  padding-right: 18px;
}

.padding-top-xl,
.body-text .padding-top-xl {
  padding-top: 24px;
}

.padding-bottom-xl,
.body-text .padding-bottom-xl {
  padding-bottom: 24px;
}

.padding-left-xl,
.body-text .padding-left-xl {
  padding-left: 24px;
}

.padding-right-xl,
.body-text .padding-right-xl {
  padding-right: 24px;
}

.padding-top-xxl,
.body-text .padding-top-xxl {
  padding-top: 36px;
}

.padding-bottom-xxl,
.body-text .padding-bottom-xxl {
  padding-bottom: 36px;
}

.padding-left-xxl,
.body-text .padding-left-xxl {
  padding-left: 36px;
}

.padding-right-xxl,
.body-text .padding-right-xxl {
  padding-right: 36px;
}

.margin-top-sm,
.body-text .margin-top-sm {
  margin-top: 3px;
}

.margin-bottom-sm,
.body-text .margin-bottom-sm {
  margin-bottom: 3px;
}

.margin-left-sm,
.body-text .margin-left-sm {
  margin-left: 3px;
}

.margin-right-sm,
.body-text .margin-right-sm {
  margin-right: 3px;
}

.margin-top-md,
.body-text .margin-top-md {
  margin-top: 6px;
}

.margin-bottom-md,
.body-text .margin-bottom-md {
  margin-bottom: 6px;
}

.margin-left-md,
.body-text .margin-left-md {
  margin-left: 6px;
}

.margin-right-md,
.body-text .margin-right-md {
  margin-right: 6px;
}

.margin-top-lg,
.body-text .margin-top-lg {
  margin-top: 12px;
}

.margin-bottom-lg,
.body-text .margin-bottom-lg {
  margin-bottom: 12px;
}

.margin-left-lg,
.body-text .margin-left-lg {
  margin-left: 12px;
}

.margin-right-lg,
.body-text .margin-right-lg {
  margin-right: 12px;
}

.margin-top-mxl,
.body-text .margin-top-mxl {
  margin-top: 18px;
}

.margin-bottom-mxl,
.body-text .margin-bottom-mxl {
  margin-bottom: 18px;
}

.margin-left-mxl,
.body-text .margin-left-mxl {
  margin-left: 18px;
}

.margin-right-mxl,
.body-text .margin-right-mxl {
  margin-right: 18px;
}

.margin-top-xl,
.body-text .margin-top-xl {
  margin-top: 24px;
}

.margin-bottom-xl,
.body-text .margin-bottom-xl {
  margin-bottom: 24px;
}

.margin-left-xl,
.body-text .margin-left-xl {
  margin-left: 24px;
}

.margin-right-xl,
.body-text .margin-right-xl {
  margin-right: 24px;
}

.margin-top-xxl,
.body-text .margin-top-xxl {
  margin-top: 36px;
}

.margin-bottom-xxl,
.body-text .margin-bottom-xxl {
  margin-bottom: 36px;
}

.margin-left-xxl,
.body-text .margin-left-xxl {
  margin-left: 36px;
}

.margin-right-xxl,
.body-text .margin-right-xxl {
  margin-right: 36px;
}

.last-child-margin-bottom-0:last-child {
  margin-bottom: 0 !important;
}

.last-child-border-bottom-0:last-child {
  border-bottom-width: 0 !important;
}

.margin-0 {
  margin: 0 !important;
}

.padding-0 {
  padding: 0 !important;
}

.body-text ul.margin-0 {
  margin: 0;
}

.width-100 {
  width: 100%;
}

.width-20px {
  width: 20px;
}

.height-sm {
  height: 3px;
}

.max-height-sm {
  max-height: 3px;
}

.height-md {
  height: 6px;
}

.max-height-md {
  max-height: 6px;
}

.height-lg {
  height: 12px;
}

.max-height-lg {
  max-height: 12px;
}

.height-mxl {
  height: 18px;
}

.max-height-mxl {
  max-height: 18px;
}

.height-xl {
  height: 24px;
}

.max-height-xl {
  max-height: 24px;
}

.height-xxl {
  height: 36px;
}

.max-height-xxl {
  max-height: 36px;
}

.width-sm {
  width: 3px;
}

.max-width-sm {
  max-width: 3px;
}

.width-md {
  width: 6px;
}

.max-width-md {
  max-width: 6px;
}

.width-lg {
  width: 12px;
}

.max-width-lg {
  max-width: 12px;
}

.width-mxl {
  width: 18px;
}

.max-width-mxl {
  max-width: 18px;
}

.width-xl {
  width: 24px;
}

.max-width-xl {
  max-width: 24px;
}

.width-xxl {
  width: 36px;
}

.max-width-xxl {
  max-width: 36px;
}

header {
  background-color: #fafafa;
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 12;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header div.logo-container {
  width: 160px;
  padding: 10px;
  flex-shrink: 0;
  overflow: hidden;
  height: 60px;
}
header div.logo-container svg,
header div.logo-container img {
  height: 40px;
  width: auto;
}
header div.logo-container a {
  display: block;
}
header div.logo-container a:link,
header div.logo-container a:visited,
header div.logo-container a:hover {
  text-decoration: none;
}

footer {
  background: #999999;
  width: 100% !important;
  padding: 12px 36px;
  display: flex;
}
footer ul {
  font-size: 1em;
  margin: 0;
  padding: 0px 0;
  display: flex;
}
footer ul li {
  list-style: none;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-weight: 300;
  font-family: "Nunito", sans-serif;
  text-transform: none;
  font-size: 1.3em;
}
footer ul li:not(:last-child) {
  margin-right: 15px;
}
footer ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
}
footer ul li a:hover {
  color: #fff;
  text-decoration: none;
}

.panel-layout footer {
  justify-content: center;
}

.wrapper.sidebar-layout {
  background-color: #f6f6f6;
  height: 100%;
}
.wrapper.sidebar-layout.sidebar-toggled {
  transition: all 0.3s ease-in-out;
}
.wrapper.sidebar-layout.text-column .body-text {
  max-width: 660px;
}
.wrapper.sidebar-layout div.sidebar-layout-top-bar {
  height: 42px;
  position: fixed;
  width: 100%;
  top: 60px;
  z-index: 11;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.wrapper.sidebar-layout.content-header div.main.top-bar-active {
  padding-top: 42px;
}
.wrapper.sidebar-layout #columns {
  height: 100%;
  overflow: hidden;
  margin: 0px;
  display: flex;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar {
  height: 100%;
  flex-shrink: 0;
  min-width: 240px;
  max-width: 160px;
  overflow: hidden;
  background: #eee;
  display: flex;
  flex-direction: column;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar .sidebar-toggle {
  background: #666666;
  height: 42px;
  border-width: 0;
  border-bottom: 1px solid #666;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar .sidebar-toggle .sidebar-collapse-icon {
  width: 40px;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar .sidebar-toggle .sidebar-collapse-icon svg {
  height: 18px;
  fill: #ddd;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar.sidebar-collapsed {
  min-width: 0;
  max-width: 40px;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar.sidebar-collapsed .sidebar-collapse-icon {
  transform: rotate(180deg);
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar.sidebar-toggled {
  transition: all 0.3s ease-in-out;
}
.wrapper.sidebar-layout #columns .ember-skeleton-sidebar .top-row {
  flex-shrink: 0;
}
.wrapper.sidebar-layout #columns .main {
  height: 100%;
  width: 100%;
  position: relative;
  box-shadow: inset 10px 0px 6px -6px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.wrapper.sidebar-layout #columns .main-content {
  flex-grow: 1;
  position: relative;
}
.wrapper.sidebar-layout #columns .main-content .content-body {
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
}
.wrapper.sidebar-layout #columns .main-nav .bottom-row {
  overflow: hidden;
  height: 100%;
}

.wrapper.panel-layout {
  height: 100%;
  overflow: hidden;
}
.wrapper.panel-layout h1 {
  text-align: center;
}
.wrapper.panel-layout .form-container {
  margin: 0 auto;
  width: 600px;
}
.wrapper.panel-layout .panel-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.wrapper.panel-layout .panel-container .main-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapper.panel-layout .panel-container .main-content .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapper.panel-layout footer > div {
  display: flex;
  justify-content: center;
}

div.main-nav {
  max-width: 160px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #eee;
}
div.main-nav.nav-collapsed {
  max-width: 40px;
}
div.main-nav.nav-toggled {
  transition: all 0.3s ease-in-out;
}
div.main-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
div.main-nav ul li {
  margin: 0;
  list-style: none;
  height: 36px;
  width: 160px;
  font-size: 1.3em;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #cccccc;
  display: flex;
  align-items: center;
  background: #333333;
}
div.main-nav ul li.no-link {
  padding: 0 12px;
}
div.main-nav .menu-toggle {
  background: #666666;
  display: flex;
  justify-content: space-between;
  height: 42px;
  border-bottom: 1px solid #666;
  width: 160px;
}
div.main-nav .menu-toggle svg.nav-collapse {
  height: 18px;
  fill: #ddd;
}
div.main-nav .hamburger .hamburger-stripe {
  height: 2px;
  width: 26px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #999999;
  display: block;
}
div.main-nav .hamburger .hamburger-stripe:not(:last-child) {
  margin-bottom: 4px;
}
div.main-nav a {
  display: block;
  text-decoration: none;
  font-size: 1em;
  text-transform: none;
  font-weight: 400;
  color: #ddd;
  display: flex;
  align-items: center;
  height: 36px;
  flex-grow: 1;
}
div.main-nav a:hover {
  color: #fff;
  background-color: #777;
  text-decoration: none;
}
div.main-nav a.active {
  background-color: #777;
  color: #fff;
  cursor: default;
}
div.main-nav li svg {
  fill: #fff;
  width: 40px;
  height: 36px;
  padding: 12px;
}

.nav-frozen .main-nav ul {
  opacity: 0.3;
}
.nav-frozen .main-nav ul li a:hover {
  cursor: not-allowed;
  background: transparent;
}

.payment-tags {
  display: flex;
}

.payments-table-row .display-tag {
  height: 20px;
  font-size: 0.8em;
}
.payments-table-row .display-tag .remove-tag:hover {
  fill: #000;
}

.display-tag-icon {
  display: flex;
  margin-right: 6px;
  height: 8px;
}
.display-tag-icon.icon-lightning {
  height: 12px;
}

.add-tag-button {
  border: 1px dotted #999999;
  color: #999999;
}
.add-tag-button:hover {
  cursor: pointer;
  background: #999999;
  color: #ffffff;
  border-style: solid;
}
.add-tag-button:hover svg {
  fill: #ffffff;
}
.add-tag-button svg {
  fill: #999999;
}

td.payment-description {
  max-width: 500px;
}
td.payment-description .payment-tags {
  flex-wrap: wrap;
}
td.payment-description.is-untagged .description-text {
  order: 1;
}
td.payment-description.is-untagged .payment-tags {
  display: inline-flex;
  order: 0;
}

.tag-selector .ember-power-select-trigger {
  width: auto;
  min-width: 300px;
  height: auto;
}

ul.ember-power-select-multiple-options {
  margin: 0;
}

.ember-power-select-trigger-multiple-input {
  height: 30px;
}

.ember-power-select-multiple-trigger {
  padding-top: 2px;
}

.auto-tagging .tag-selector .ember-power-select-trigger {
  width: 100%;
}

.smart-tags-panel {
  margin-top: 90px;
  max-width: 400px;
  max-height: 800px;
  overflow-y: auto;
}

.data-table-wrapper {
  max-height: 800px;
  overflow-y: auto;
}

div.master-tag {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
div.master-tag:hover, div.master-tag.active {
  background: #cccccc;
}

.tag-icon {
  width: 16px;
}

.tag-editor .tag-editor-container {
  margin-top: 4px;
  border: 1px solid #999;
  max-width: 100%;
}
.tag-editor .tag-editor-container .display-tag {
  font-size: 1.2em;
}
.tag-editor .swatches {
  width: 350px;
  height: 90px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.tag-editor .swatches .colour-swatch {
  border-radius: 50%;
  margin: 1px;
  height: 16px;
  width: 16px;
}
.tag-editor .swatches .colour-swatch:first-child {
  border: 1px solid #ccc;
}
.tag-editor .swatches .colour-swatch:hover {
  cursor: pointer;
  margin: 0;
  height: 18px;
  width: 18px;
}

.cwf-field {
  margin-bottom: 24px;
}

.app-loader-container {
  width: 100%;
  height: 100%;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #333;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ember-power-select-trigger {
  align-items: center;
  min-width: 300px;
  height: 36px;
}
.ember-power-select-trigger .ember-power-select-selected-item,
.ember-power-select-trigger .ember-power-select-placeholder {
  display: flex;
  align-items: center;
  flex-grow: 1;
  order: 2;
  margin-left: 6px;
}
.ember-power-select-trigger .ember-power-select-clear-btn,
.ember-power-select-trigger .ember-power-select-status-icon {
  position: static;
}
.ember-power-select-trigger .ember-power-select-clear-btn {
  order: 1;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  font-size: 0;
  margin-left: 6px;
}
.ember-power-select-trigger .ember-power-select-status-icon {
  order: 3;
}

.ember-power-select-option {
  padding: 6px 12px;
}

.ember-power-select-trigger:hover {
  border-color: #999;
  cursor: pointer;
}

.ember-power-select-trigger:focus:hover {
  border: 1px solid #aaaaaa;
}

.ember-power-select-dropdown.ember-basic-dropdown-content {
  background: #f9f9f9;
}

.body-text .ember-power-select-dropdown {
  font-size: 1;
}

.ember-power-select-search {
  padding: 10px;
}

.ember-power-select-option {
  padding: 6px 15px;
}

.ember-power-select-option[aria-selected=true] {
  color: #2d828f;
}

.ember-power-select-option[aria-current=true] {
  color: #2d828f;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
}

.user-greeting-trigger {
  font-size: 1.4em;
  font-weight: 600;
  color: #333333;
}

.user-image {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  overflow: hidden;
}
.user-image:hover {
  border-color: #2d828f;
}

.user-greeting {
  flex-shrink: 0;
}
.user-greeting button {
  flex-shrink: 0;
}

.user-actions {
  z-index: 13;
}
.user-actions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user-actions ul li {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.4em;
}
.user-actions ul li a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.user-actions ul li a:hover {
  color: #2d828f;
}
.user-actions ul li a:hover svg {
  fill: #2d828f;
}
.user-actions ul li svg {
  width: 12px;
  margin-right: 6px;
  fill: #999999;
}
.user-actions ul li:last-child {
  margin: 0;
}

.ember-basic-dropdown-content {
  background: transparent;
}

.ember-basic-dropdown-content.position-static {
  position: static;
}

/*--------------------------Direction Up----------------------------*/
.ember-basic-dropdown-content--below .box-arrow:before,
.ember-basic-dropdown-content--below .box-arrow:after {
  bottom: 100%;
}

.ember-basic-dropdown-content--below .box-arrow:after {
  border-bottom-color: #fff;
}

.ember-basic-dropdown-content--below .box-arrow:before {
  border-bottom-color: inherit;
}

/*-------------------------Direction Down---------------------------*/
.ember-basic-dropdown-content--above .box-arrow:before,
.ember-basic-dropdown-content--above .box-arrow:after {
  top: 100%;
}

.ember-basic-dropdown-content--above .box-arrow:after {
  border-top-color: #fff;
}

.ember-basic-dropdown-content--above .box-arrow:before {
  border-top-color: inherit;
}

/*-------------------------Position Left--------------------------*/
.ember-basic-dropdown-content--left .box-arrow:before,
.ember-basic-dropdown-content--left .box-arrow:after {
  left: 10px;
}

.ember-basic-dropdown-content--left .box-arrow:before {
  margin-left: -1px;
}

/*-------------------------Position Right--------------------------*/
.ember-basic-dropdown-content--right .box-arrow:before,
.ember-basic-dropdown-content--right .box-arrow:after {
  right: 10px;
}

.ember-basic-dropdown-content--right .box-arrow:before {
  margin-right: -1px;
}

.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}

.ember-modal-dialog.emd-in-place {
  position: static;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77);
}

div.wrapper.payments .body-content {
  max-width: 100%;
}

.main-content .body-content {
  min-width: 500px;
}

.ember-power-select-multiple-trigger {
  height: auto;
}

.ember-power-select-trigger-multiple-input {
  height: 36px;
  width: calc(100% - 6px) !important;
  margin: 6px 0 0 6px;
}

ul.ember-power-select-multiple-options {
  margin-bottom: 6px;
}
ul.ember-power-select-multiple-options .ember-power-select-multiple-option {
  margin-left: 6px;
}

.add-payments {
  position: relative;
}
.add-payments .close-button {
  position: absolute;
  right: 12px;
}

div.wrapper header {
  justify-content: space-between;
}

.filter-controls .form-section.form-fields .form-field.apply-tags-text {
  width: 100%;
}

.position-static {
  position: static;
}

.colour-swatch.active {
  border: 2px solid #000;
}

div.main-nav {
  max-width: inherit;
  background: transparent;
  font-size: 1.4em;
}

div.main-nav ul li {
  background: transparent;
  width: auto;
  font-size: 1em;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}
div.main-nav ul li a {
  color: #444;
}
div.main-nav ul li svg {
  fill: #666;
}

.parent-tag .ember-power-select-trigger {
  align-items: center;
  min-width: 300px;
  height: 36px;
}

.sidebar-content {
  height: 100%;
  padding: 0 24px 24px 0;
}

.tag-selector.ember-power-select-trigger {
  display: inline-flex;
  align-items: center;
  background: transparent;
  border-width: 0;
  padding: 0;
  flex-shrink: 0;
  margin-right: 6px;
}

.ember-power-select-dropdown.tag-selector {
  width: auto !important;
}

.ember-power-select-multiple-options li {
  display: none;
}

.ember-pojo-form-field.field-type-tag-selector .field-controls {
  display: flex;
  margin-top: 12px;
}
.ember-pojo-form-field.field-type-tag-selector .selected-tags {
  display: flex;
}

.apply-tag-to-selected .selected-tags {
  display: flex;
}

.wrapper.sidebar-layout #columns .content .content-body {
  display: flex;
}

.edit-smart-tag .form-fields {
  display: flex;
  flex-wrap: wrap;
}
.edit-smart-tag .form-fields .description-field textarea {
  width: 100%;
}

.ember-power-select-options {
  max-height: 200px !important;
}

.alerts-container {
  top: 0;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}
.alerts-container .alert {
  max-width: 800px;
  width: 100%;
}

.monthly-breakdown:last-child {
  margin-bottom: 500px;
}

.running-balancess-container,
.monthly-aggregates-container {
  min-height: 400px;
}

input[type=color] {
  border-width: 0;
  padding: 0;
  border-radius: 50%;
}

.btn-lg {
  padding: 0 24px;
}

.ember-basic-dropdown-content {
  background: transparent;
}

.arrow-left-content {
  margin-left: 10px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.arrow-left-content:after,
.arrow-left-content:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow-left-content:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.arrow-left-content:before {
  border-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.15);
  border-width: 11px;
  margin-top: -11px;
}

.wrapper.sidebar-layout #columns .ember-skeleton-sidebar {
  background: transparent;
}
.wrapper.sidebar-layout #columns .main {
  box-shadow: none;
}

.edit-smart-tag .form-fields {
  display: flex;
  flex-wrap: wrap;
}
.edit-smart-tag .form-fields .cwf-field {
  width: 50%;
}
.edit-smart-tag .form-fields .cwf-field textarea {
  width: 100%;
  min-height: 250px;
}
.edit-smart-tag .form-fields .cwf-field:first-child {
  padding-right: 12px;
}
.edit-smart-tag .form-fields .cwf-field:last-child {
  padding-left: 12px;
}

.wrapper.sidebar-layout #columns .main-content .monthly-breakdowns .content-body,
.wrapper.sidebar-layout #columns .main-content .running-balances .content-body,
.wrapper.sidebar-layout #columns .main-content .monthly-aggregates .content-body {
  display: flex;
}

.monthly-breakdowns-plot {
  min-height: 700px;
}

.running-balances-plot,
.monthly-aggregates-plot {
  min-height: 500px;
}

.accordion-item.monthly-breakdown {
  max-width: 1200px;
}

.display-block {
  display: block;
}

.wrapper.unauthenticated #columns .ember-skeleton-sidebar {
  min-width: 0;
  width: 0;
}
.wrapper.unauthenticated #columns .page-header {
  text-align: center;
}
.wrapper.unauthenticated #columns .main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

header {
  display: flex;
  justify-content: space-between;
}

.ember-modal-dialog {
  max-height: 90vh;
  overflow-y: auto;
}

.tag-selector.ember-power-select-trigger {
  min-width: 0;
  margin-right: 3px;
}

.display-tag {
  margin-right: 3px;
}

.master-tags-list {
  overflow-y: auto;
  flex-grow: 1;
}