@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600");
:root {
  --ds-color-deep-sea-green: #002e33;
  --ds-color-gray90: #697588;
}
:root .theme-layout-dark {
  --ds-color-deep-sea-green: #000;
  --ds-color-gray90: #000;
}

:root {
  --ds-default-background: #f5f6f9;
}
:root .theme-layout-dark {
  --ds-default-background: #ebedf3;
}

.small-font {
  font-size: 12px;
  line-height: 18px;
}

.mini-font {
  font-size: 10px;
  line-height: 16px;
}

.content-width {
  min-width: 80%;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1350px) {
  .content-width {
    width: 100%;
    min-width: 944px;
    max-width: 1500px;
    margin: auto;
  }
}
.content-width.full-width {
  max-width: inherit;
}

@-moz-keyframes anim-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes anim-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes anim-rotate-clockwise {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes anim-rotate-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes anim-rotate-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-grow-1 {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

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

.flex-direction-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-none {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.flex-0 {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-center-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-center-space-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-start-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-end-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-min-width-fix {
  min-width: 0;
}

#wootric-modal {
  z-index: 900 !important;
}

.Toastify__toast {
  box-shadow: none !important;
}

.Toastify__toast--default {
  background-color: transparent !important;
}

.small-font {
  font-size: 12px;
  line-height: 18px;
}

.mini-font {
  font-size: 10px;
  line-height: 16px;
}

.content-width {
  min-width: 80%;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1350px) {
  .content-width {
    width: 100%;
    min-width: 944px;
    max-width: 1500px;
    margin: auto;
  }
}
.content-width.full-width {
  max-width: inherit;
}

@-moz-keyframes anim-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes anim-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes anim-rotate-clockwise {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes anim-rotate-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes anim-rotate-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-grow-1 {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

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

.flex-direction-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-none {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.flex-0 {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-center-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-center-space-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-start-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-end-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-min-width-fix {
  min-width: 0;
}

.file-uploader .upload-button.hidden {
  display: none;
}
.file-uploader .upload-button .file-uploader-input-parent {
  float: left;
}
.file-uploader .upload-button .file-uploader-input-parent .icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
}
.file-uploader .upload-button .file-uploader-input-parent .icon .svg-main {
  fill: #2766F1;
}
.file-uploader .upload-button .drag-tip {
  float: left;
  margin-top: 4px;
  margin-left: 5px;
  font-size: 12px;
  color: #697588;
}

.file-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.file-list > div:not(:last-of-type) {
  margin-bottom: 5px;
}
.file-list .icon {
  margin-right: 12px;
  width: 24px;
  height: 24px;
}
.file-list .filename {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 12px;
  position: relative;
}
.file-list .filename .error {
  white-space: normal;
  color: #d92d20;
}
.file-list .filename a, .file-list .filename .file-info {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.file-uploader-input-parent {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: -2px;
  padding: 2px;
}
.file-uploader-input-parent .button {
  position: relative;
  z-index: 1;
}

.file-uploader-input {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  opacity: 0;
  width: 1000px;
  height: 100%;
  cursor: pointer;
}

.file-uploader-overlay {
  background: rgba(64, 73, 79, 0.8);
  display: none;
  position: absolute;
  overflow: hidden;
}
.file-uploader-overlay.hover {
  background: radial-gradient(rgba(64, 73, 79, 0.4), rgba(64, 73, 79, 0.8));
}
.file-uploader-overlay .content {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  text-align: center;
  padding: 0px 10px;
  margin-top: -47px;
  color: #fff;
}
.file-uploader-overlay .content .drop-tip {
  font-size: 60px;
  line-height: 70px;
  text-overflow: ellipsis;
}
.file-uploader-overlay .content .drop-tip .icon {
  display: inline-block;
  padding-top: 4px;
  padding-right: 30px;
  width: 74px;
  height: 48px;
}
.file-uploader-overlay .content .drop-tip .icon .svg-main {
  fill: #fff;
}
.file-uploader-overlay .content .drop-tip .text {
  display: inline-block;
}
.file-uploader-overlay .content .escape-tip {
  font-weight: 500;
  line-height: 24px;
  text-overflow: ellipsis;
}
.file-uploader-overlay.small, .file-uploader-overlay.tiny {
  border-radius: 8px;
}
.file-uploader-overlay.small .content, .file-uploader-overlay.tiny .content {
  margin-top: -15px;
}
.file-uploader-overlay.small .content .drop-tip, .file-uploader-overlay.tiny .content .drop-tip {
  font-size: 24px;
  line-height: 30px;
}
.file-uploader-overlay.small .content .drop-tip .icon, .file-uploader-overlay.tiny .content .drop-tip .icon {
  padding-top: 1px;
  padding-right: 10px;
  width: 25px;
  height: 16px;
}
.file-uploader-overlay.small .content .drop-tip .icon .svg-main, .file-uploader-overlay.tiny .content .drop-tip .icon .svg-main {
  fill: #fff;
}
.file-uploader-overlay.small .content .escape-tip, .file-uploader-overlay.tiny .content .escape-tip {
  display: none;
}
.file-uploader-overlay.tiny .content .drop-tip {
  line-height: 28px;
}
.file-uploader-overlay.tiny .content .drop-tip .icon {
  padding-top: 0;
  padding-right: 0;
  width: 15px;
  height: 15px;
}
.file-uploader-overlay.tiny .content .drop-tip .text {
  display: none;
}

.flash-error {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  visibility: hidden;
  background-color: #fff9d6;
  border-bottom: 1px solid #ffe75c;
  padding: 6px;
  opacity: 0;
  transition: opacity linear 0.2s;
  -webkit-transition: opacity linear 0.2s;
}
.flash-error.has-error {
  visibility: visible;
  opacity: 1;
}

.flash-error-ct {
  transition: padding-top ease-out 0.2s;
  -webkit-transition: padding-top ease-out 0.2s;
}

.lazy-list {
  position: relative;
}

.lazy-list-item {
  position: absolute;
  width: 100%;
}

.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  background-color: rgba(38, 40, 47, 0.4);
  opacity: 0;
}
.modal-mask.modal-mask-animated {
  transition: opacity 0.1s ease-out;
}
.modal-mask.visible {
  opacity: 1;
}

.modal-mask-blur {
  transform: translateZ(0);
}

.notification {
  transition: all ease-out 0.2s;
  -webkit-transition: all ease-out 0.2s;
  position: absolute;
  left: 50%;
  top: -60px;
  width: 800px;
  margin-left: -400px;
  text-align: center;
  pointer-events: none;
}
.notification .notification-inner {
  position: relative;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  padding: 0 30px 0 10px;
  background: #697588;
  pointer-events: auto;
}
.notification .notification-inner.success {
  background: #00e383;
}
.notification .notification-inner.warn {
  background: #d92d20;
}
.notification .notification-inner a {
  color: #fff;
  text-decoration: underline;
}
.notification .notification-inner a:hover {
  text-decoration: none;
}
.notification .notification-inner .close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  padding: 11px;
}
.notification .notification-inner .close svg {
  width: 8px;
  height: 8px;
}
.notification .notification-inner .close .svg-main {
  fill: rgba(255, 255, 255, 0.8);
}
.notification .notification-inner .close:hover .svg-main {
  fill: #fff;
}

.period-field {
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  margin: 0px;
  background-color: #fff;
  border: 1px solid #d3d6df;
  line-height: 22px;
  color: var(--ds-color-deep-sea-green);
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3);
  transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 38px;
  padding-right: 38px;
  box-shadow: 0 1px 2px rgba(211, 214, 223, 0.7);
  font-weight: 500;
}
.period-field::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.period-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.period-field::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.period-field:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.period-field::-webkit-inner-spin-button, .period-field::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.period-field::-ms-clear {
  width: 0;
  height: 0;
}
.period-field.focus, .period-field:focus {
  outline: none;
  border: 1px solid #00e383;
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3), 0 0 0 3px #d1fadf;
}
.period-field:disabled, .period-field[readonly] {
  box-shadow: none;
  border: 1px solid #d9dce5;
  background: #f5f6f9;
}
.period-field:disabled {
  color: #d3d6df;
}
.period-field svg path {
  fill: currentColor;
}
.period-field .input-value {
  white-space: nowrap;
  overflow-x: hidden;
}
.period-field .picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
}
.period-field .picker .svg-main {
  fill: #697588;
}
.period-field:hover {
  border-color: #6ce9a6;
}
.period-field:hover .picker .svg-main {
  fill: #2766F1;
}

.popover, .button-group .dropdown-menu {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateZ(0);
  position: absolute;
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  top: 0;
  left: 0;
}
.popover .notch, .button-group .dropdown-menu .notch {
  position: absolute;
  top: -7px;
  left: 7px;
  margin: 0;
  border-top: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  padding: 0;
  width: 0;
  height: 0;
}
.popover.popover-above .notch, .button-group .popover-above.dropdown-menu .notch {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #fff;
  border-bottom: 0;
}
.popover.popover-align-right .notch, .button-group .popover-align-right.dropdown-menu .notch {
  right: 7px;
  left: auto;
}
.popover.is-ie, .button-group .is-ie.dropdown-menu {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.popover.date-selector, .button-group .date-selector.dropdown-menu {
  user-select: none;
  cursor: default;
  padding: 0;
  line-height: 26px;
  font-size: 14px;
}
.popover.date-selector .navigation, .button-group .date-selector.dropdown-menu .navigation {
  position: relative;
  height: 26px;
  border-bottom: 1px solid #ccc;
}
.popover.date-selector .navigation .month, .button-group .date-selector.dropdown-menu .navigation .month, .popover.date-selector .navigation .year, .button-group .date-selector.dropdown-menu .navigation .year {
  position: absolute;
  top: 0;
  text-align: center;
  height: 26px;
}
.popover.date-selector .navigation .month, .button-group .date-selector.dropdown-menu .navigation .month {
  right: 70px;
  left: 0;
  border-right: 1px solid #ccc;
}
.popover.date-selector .navigation .year, .button-group .date-selector.dropdown-menu .navigation .year {
  right: 0;
  width: 70px;
}
.popover.date-selector .navigation .caret-left, .button-group .date-selector.dropdown-menu .navigation .caret-left, .popover.date-selector .navigation .caret-right, .button-group .date-selector.dropdown-menu .navigation .caret-right {
  cursor: pointer;
  position: absolute;
  top: 0;
  padding: 0 5px;
  width: 20px;
  height: 26px;
}
.popover.date-selector .navigation .caret-left svg, .button-group .date-selector.dropdown-menu .navigation .caret-left svg, .popover.date-selector .navigation .caret-right svg, .button-group .date-selector.dropdown-menu .navigation .caret-right svg {
  height: 26px;
  width: 10px;
}
.popover.date-selector .navigation .caret-left .svg-main, .button-group .date-selector.dropdown-menu .navigation .caret-left .svg-main, .popover.date-selector .navigation .caret-right .svg-main, .button-group .date-selector.dropdown-menu .navigation .caret-right .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.popover.date-selector .navigation .caret-left:hover .svg-main, .button-group .date-selector.dropdown-menu .navigation .caret-left:hover .svg-main, .popover.date-selector .navigation .caret-right:hover .svg-main, .button-group .date-selector.dropdown-menu .navigation .caret-right:hover .svg-main {
  fill: #2766F1;
}
.popover.date-selector .navigation .caret-left, .button-group .date-selector.dropdown-menu .navigation .caret-left {
  left: 0;
}
.popover.date-selector .navigation .caret-right, .button-group .date-selector.dropdown-menu .navigation .caret-right {
  right: 0;
}
.popover.date-selector .cell, .button-group .date-selector.dropdown-menu .cell {
  width: 26px;
  height: 26px;
  float: left;
  text-align: center;
  border: 1px solid transparent;
  line-height: 24px;
}
.popover.date-selector .header-days, .button-group .date-selector.dropdown-menu .header-days {
  padding: 0 5px;
}
.popover.date-selector .days, .button-group .date-selector.dropdown-menu .days {
  padding: 0 5px 5px 5px;
}
.popover.date-selector .days .cell, .button-group .date-selector.dropdown-menu .days .cell {
  cursor: pointer;
}
.popover.date-selector .days .cell.other-month, .button-group .date-selector.dropdown-menu .days .cell.other-month {
  color: #9aa5ac;
}
.popover.date-selector .days .cell.today, .button-group .date-selector.dropdown-menu .days .cell.today {
  color: #00e383;
}
.popover.date-selector .days .cell.is-highlighted, .button-group .date-selector.dropdown-menu .days .cell.is-highlighted {
  border: 1px solid #00e383;
  border-radius: 26px;
}

.period-selector {
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 10px 70px rgba(38, 40, 47, 0.35);
  width: 300px;
}
.period-selector .selector-item {
  position: relative;
  min-height: 48px;
  border-radius: 8px;
  overflow: hidden;
}
.period-selector .selector-item .selector-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: left 0.2s ease-out;
  -webkit-transition: left 0.2s ease-out;
}
.period-selector .selector-item.active .selector-item-inner {
  left: -100%;
}
.period-selector .selector-item .name {
  display: flex;
  width: 100%;
  min-height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  color: var(--ds-color-deep-sea-green);
  font-weight: 500;
  line-height: 24px;
  padding: 12px 16px;
  transition: background-color 0.1s ease-out;
  cursor: pointer;
}
.period-selector .selector-item .name:hover {
  background-color: rgba(167, 169, 180, 0.25);
}
.period-selector .selector-item .form {
  display: flex;
  width: 100%;
  min-height: 24px;
  position: absolute;
  top: 0;
  left: 100%;
  align-items: center;
  color: var(--ds-color-deep-sea-green);
  font-weight: 500;
  line-height: 24px;
  padding: 8px 16px;
  background-color: #f8f6ff;
}
.period-selector .selector-item .form > *:not(:last-of-type) {
  margin-right: 6px;
}
.period-selector .notch {
  display: none;
}

.super-field.has-string-value.super-field-string-value-new input {
  background-color: #c1ecc3;
}
.super-field.is-preselected input {
  background-color: #EEF6FF;
  border: 1px solid #82BEFF;
}

.super-field-selector {
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 10px 70px rgba(38, 40, 47, 0.35);
}
.super-field-selector .notch {
  display: none;
}
.super-field-selector .list {
  overflow: auto;
}
.super-field-selector .group-header {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 8px 8px 4px;
  color: var(--ds-color-gray90);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
  background-color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.super-field-selector .sticky-group {
  padding-top: 36px;
}
.super-field-selector .sticky-group .group-header {
  padding: 16px 16px 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 12px;
  width: calc(100% - 12px);
}
.super-field-selector .sticky-group.sticky-group-bottom {
  position: relative;
}
.super-field-selector .sticky-group.sticky-group-bottom .group-header {
  top: auto;
  bottom: -1px;
}
.super-field-selector .option {
  border-radius: 8px;
  padding: 12px 16px;
  transition: background-color 0.1s ease-out;
  cursor: pointer;
}
.super-field-selector .option .name {
  min-height: 24px;
  font-weight: 500;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.super-field-selector .option .meta {
  min-height: 16px;
  color: var(--ds-color-gray90);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.super-field-selector .option:hover, .super-field-selector .option.highlighted {
  background-color: var(--ds-color-deep-sea-green);
  color: #fff !important;
}
.super-field-selector .option:hover span,
.super-field-selector .option:hover .meta, .super-field-selector .option.highlighted span,
.super-field-selector .option.highlighted .meta {
  color: #fff !important;
  opacity: 1;
}
.super-field-selector .option .image {
  display: flex;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 12px;
  left: 12px;
  align-items: center;
  justify-content: center;
}
.super-field-selector .option .image img {
  max-width: 100%;
  max-height: 100%;
}
.super-field-selector .option .image-content {
  padding-left: 26px;
}
.super-field-selector .create {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e8e9f0;
}
.super-field-selector .create .create-button {
  display: flex;
  border-radius: 8px;
  padding: 12px 16px;
  justify-content: center;
  color: var(--ds-color-gray90);
  font-weight: 400;
  line-height: 24px;
  transition: background-color 0.1s ease-out;
  cursor: pointer;
}
.super-field-selector .create .create-button .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.super-field-selector .create .create-button svg {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 8px;
  flex-shrink: 0;
}
.super-field-selector .create .create-button svg path,
.super-field-selector .create .create-button svg rect {
  fill: var(--ds-color-gray90);
}
.super-field-selector .create .create-button:hover, .super-field-selector .create .create-button.highlighted {
  background-color: rgba(167, 169, 180, 0.25);
}
.super-field-selector .status {
  padding: 0px 5px;
  color: #697588;
}

.text-field.select-field:not(.disabled), .text-field.select-field:not(.disabled) input {
  cursor: pointer;
}
.text-field.select-field, .text-field.select-field input {
  user-select: none;
  cursor: default;
}
.text-field.select-field:hover .picker1 .svg-main {
  fill: #2766F1;
}

.text-area.grow .mirror,
.text-area textarea {
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  margin: 0px;
  background-color: #fff;
  border: 1px solid #d3d6df;
  line-height: 22px;
  color: var(--ds-color-deep-sea-green);
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3);
  transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  -webkit-appearance: none;
}
.text-area.grow .mirror::-webkit-input-placeholder,
.text-area textarea::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-area.grow .mirror:-moz-placeholder,
.text-area textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-area.grow .mirror::-moz-placeholder,
.text-area textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-area.grow .mirror:-ms-input-placeholder,
.text-area textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-area.grow .mirror::-webkit-inner-spin-button, .text-area.grow .mirror::-webkit-outer-spin-button,
.text-area textarea::-webkit-inner-spin-button,
.text-area textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-area.grow .mirror::-ms-clear,
.text-area textarea::-ms-clear {
  width: 0;
  height: 0;
}
.text-area.grow .mirror.focus, .text-area.grow .mirror:focus,
.text-area textarea.focus,
.text-area textarea:focus {
  outline: none;
  border: 1px solid #00e383;
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3), 0 0 0 3px #d1fadf;
}
.text-area.grow .mirror:disabled, .text-area.grow .mirror[readonly],
.text-area textarea:disabled,
.text-area textarea[readonly] {
  box-shadow: none;
  border: 1px solid #d9dce5;
  background: #f5f6f9;
}
.text-area.grow .mirror:disabled,
.text-area textarea:disabled {
  color: #d3d6df;
}
.text-area.grow .mirror svg path,
.text-area textarea svg path {
  fill: currentColor;
}

.text-area.small.grow .mirror,
.text-area.small textarea {
  padding: 4px 8px 4px 8px;
  font-size: 14px;
}

.text-area {
  position: relative;
  display: inline-block;
}
.text-area textarea {
  width: 100%;
  display: block;
  resize: none;
}
.text-area.grow textarea {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: hidden;
}
.text-area.grow .mirror {
  z-index: 1;
  position: relative;
  opacity: 0;
  display: block;
  white-space: pre-wrap !important;
}
.text-area.has-error textarea {
  background-color: rgba(217, 45, 32, 0.1);
  border-color: #d92d20;
}
.text-area.has-error-highlight textarea {
  border-color: #d92d20;
}

.text-field.grow .mirror,
.text-field input {
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  margin: 0px;
  background-color: #fff;
  border: 1px solid #d3d6df;
  line-height: 22px;
  color: var(--ds-color-deep-sea-green);
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3);
  transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  -webkit-appearance: none;
}
.text-field.grow .mirror::-webkit-input-placeholder,
.text-field input::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-field.grow .mirror:-moz-placeholder,
.text-field input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-field.grow .mirror::-moz-placeholder,
.text-field input::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-field.grow .mirror:-ms-input-placeholder,
.text-field input:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
  color: #a7a9b4;
  font-size: 14px;
  font-weight: 400;
}
.text-field.grow .mirror::-webkit-inner-spin-button, .text-field.grow .mirror::-webkit-outer-spin-button,
.text-field input::-webkit-inner-spin-button,
.text-field input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-field.grow .mirror::-ms-clear,
.text-field input::-ms-clear {
  width: 0;
  height: 0;
}
.text-field.grow .mirror.focus, .text-field.grow .mirror:focus,
.text-field input.focus,
.text-field input:focus {
  outline: none;
  border: 1px solid #00e383;
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3), 0 0 0 3px #d1fadf;
}
.text-field.grow .mirror:disabled, .text-field.grow .mirror[readonly],
.text-field input:disabled,
.text-field input[readonly] {
  box-shadow: none;
  border: 1px solid #d9dce5;
  background: #f5f6f9;
}
.text-field.grow .mirror:disabled,
.text-field input:disabled {
  color: #d3d6df;
}
.text-field.grow .mirror svg path,
.text-field input svg path {
  fill: currentColor;
}

.text-field.small.grow .mirror,
.text-field.small input {
  padding: 4px 8px 4px 8px;
  font-size: 14px;
}

.text-field:not(.small) {
  width: 100%;
  position: relative;
  display: inline-block;
}
.text-field:not(.small) input {
  width: 100%;
  height: 40px;
}
.text-field:not(.small).align-right input {
  text-align: right;
}
.text-field:not(.small).grow input {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: block;
}
.text-field:not(.small).grow .mirror {
  z-index: 1;
  position: relative;
  opacity: 0;
  display: block;
  line-height: 22px;
  word-break: break-word;
}
.text-field:not(.small) .pre-ct,
.text-field:not(.small) .post-ct {
  cursor: text;
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 100%;
  max-height: 40px;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.text-field:not(.small) .pre-ct {
  left: 0px;
}
.text-field:not(.small) .post-ct {
  right: 0px;
}
.text-field:not(.small) .suffix + .picker-ct {
  margin-left: -12px;
}
.text-field:not(.small) .reset {
  user-select: none;
  cursor: default;
  cursor: pointer;
  padding: 0px 12px;
  width: 40px;
  height: 40px;
  visibility: hidden;
}
.text-field:not(.small) .reset .svg-circle path {
  fill: currentColor;
}
.text-field:not(.small) .reset svg {
  width: 100%;
  height: 100%;
}
.text-field:not(.small).has-value .reset {
  visibility: visible;
}
.text-field:not(.small) .prefix,
.text-field:not(.small) .suffix {
  user-select: none;
  cursor: default;
  cursor: text;
  color: #697588;
  padding: 9px 0px 8px 0px;
  line-height: 22px;
  font-size: 14px;
}
.text-field:not(.small) .prefix {
  padding-left: 12px;
  padding-right: 12px;
}
.text-field:not(.small) .suffix {
  padding-right: 12px;
  padding-left: 12px;
}
.text-field:not(.small) .create-ct {
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 100%;
  align-items: center;
  right: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.text-field:not(.small) .create-badge {
  display: flex;
  width: 61px;
  height: 16px;
  border-radius: 42px;
  font-size: 11px;
  padding: 0px 8px;
  color: #2766F1;
  align-items: center;
  justify-content: center;
  border: none;
  text-transform: uppercase;
  background-color: #d0e6fe;
}
.text-field:not(.small) .create-badge:hover {
  cursor: pointer;
}
.text-field:not(.small) .picker-ct {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  cursor: default;
}
.text-field:not(.small) .picker1,
.text-field:not(.small) .picker2 {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 0px 12px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
}
.text-field:not(.small) .picker1 svg,
.text-field:not(.small) .picker2 svg {
  height: 16px;
  width: 16px;
}
.text-field:not(.small) .picker1 svg path,
.text-field:not(.small) .picker1 svg rect,
.text-field:not(.small) .picker2 svg path,
.text-field:not(.small) .picker2 svg rect {
  fill: currentColor;
}
.text-field:not(.small) .picker1 .svg-main,
.text-field:not(.small) .picker2 .svg-main {
  fill: var(--ds-color-gray90);
}
.text-field:not(.small) .picker1:not(.inactive):hover,
.text-field:not(.small) .picker2:not(.inactive):hover {
  cursor: pointer;
}
.text-field:not(.small).dual-pickerfield .picker1 {
  height: 10px;
}
.text-field:not(.small).dual-pickerfield .picker2 {
  height: 10px;
}
.text-field:not(.small).search.has-value .reset, .text-field:not(.small).search.focus .reset {
  display: block;
}
.text-field:not(.small).search.has-value input {
  min-width: 180px;
  background-color: #fff;
}
.text-field:not(.small).search.focus input {
  cursor: text;
  border: 1px solid #00e383;
  box-shadow: 0 0 0 3px rgba(108, 233, 166, 0.2);
}
.text-field:not(.small).search input {
  box-shadow: none;
  border: none;
  border-radius: 8px;
  width: 40px;
  cursor: pointer;
  background-color: transparent;
}
.text-field:not(.small).search input:active, .text-field:not(.small).search input:focus {
  min-width: 180px;
  background-color: #fff;
  border: 1px solid #00e383;
}
.text-field:not(.small).search .post-ct {
  right: 3px;
}
.text-field:not(.small).search .icon {
  padding: 5px 3px 5px 6px;
  color: var(--ds-color-deep-sea-green);
  cursor: pointer;
}
.text-field:not(.small).search .icon svg {
  height: 100%;
  width: 100%;
}
.text-field:not(.small).search.focus .post-ct .icon .svg-magnifier,
.text-field:not(.small).search.focus .post-ct .reset .svg-cross {
  fill: currentColor;
}
.text-field:not(.small).search .reset {
  display: none;
  margin-top: -3px;
  margin-right: -3px;
  height: 30px;
  width: 30px;
  padding: 7px 10px;
}
.text-field:not(.small) .icon {
  user-select: none;
  cursor: default;
  display: flex;
  padding: 0px 8px 0px 11px;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
}
.text-field:not(.small) .icon img {
  display: block;
  width: 16px;
}
.text-field:not(.small) .icon .svg-magnifier {
  fill: currentColor;
}
.text-field:not(.small).block {
  display: block;
}
.text-field:not(.small).autofilled {
  border-radius: 5px;
}
.text-field:not(.small).autofilled input {
  background-color: #EEF6FF;
  border: 1px solid #5FA9F8;
}
.text-field:not(.small).has-error input {
  background-color: #fff8f6;
  border-color: #d92d20;
}
.text-field:not(.small).has-error input:focus {
  box-shadow: 0 0 0 3px rgba(240, 123, 112, 0.2) !important;
}
.text-field:not(.small).has-error-highlight input {
  border-color: #d92d20;
}
.text-field:not(.small).disabled .picker1,
.text-field:not(.small).disabled .picker2, .text-field:not(.small).readonly .picker1,
.text-field:not(.small).readonly .picker2 {
  pointer-events: none;
}
.text-field:not(.small).disabled .picker1 svg path,
.text-field:not(.small).disabled .picker2 svg path, .text-field:not(.small).readonly .picker1 svg path,
.text-field:not(.small).readonly .picker2 svg path {
  fill: #d3d6df;
}
.text-field:not(.small).disabled .prefix,
.text-field:not(.small).disabled .suffix, .text-field:not(.small).readonly .prefix,
.text-field:not(.small).readonly .suffix {
  pointer-events: none;
}
.text-field:not(.small):not(.readonly):not(.has-error) input[readonly] {
  background-color: #fff;
}

.text-field.small {
  position: relative;
  display: inline-block;
}
.text-field.small input {
  width: 100%;
  height: 32px;
}
.text-field.small.align-right input {
  text-align: right;
}
.text-field.small.grow input {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: block;
}
.text-field.small.grow .mirror {
  z-index: 1;
  position: relative;
  opacity: 0;
  display: block;
  line-height: 22px;
  word-break: break-word;
}
.text-field.small .pre-ct,
.text-field.small .post-ct {
  cursor: text;
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 100%;
  max-height: 40px;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.text-field.small .pre-ct {
  left: 0px;
}
.text-field.small .post-ct {
  right: 0px;
}
.text-field.small .suffix + .picker-ct {
  margin-left: -8px;
}
.text-field.small .reset {
  user-select: none;
  cursor: default;
  cursor: pointer;
  padding: 0px 8px;
  width: 32px;
  height: 32px;
  visibility: hidden;
}
.text-field.small .reset .svg-circle path {
  fill: currentColor;
}
.text-field.small .reset svg {
  width: 100%;
  height: 100%;
}
.text-field.small.has-value .reset {
  visibility: visible;
}
.text-field.small .prefix,
.text-field.small .suffix {
  user-select: none;
  cursor: default;
  cursor: text;
  color: #697588;
  padding: 5px 0px 4px 0px;
  line-height: 22px;
  font-size: 14px;
}
.text-field.small .prefix {
  padding-left: 8px;
  padding-right: 8px;
}
.text-field.small .suffix {
  padding-right: 8px;
  padding-left: 8px;
}
.text-field.small .create-ct {
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 100%;
  align-items: center;
  right: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.text-field.small .create-badge {
  display: flex;
  width: 61px;
  height: 16px;
  border-radius: 42px;
  font-size: 11px;
  padding: 0px 8px;
  color: #2766F1;
  align-items: center;
  justify-content: center;
  border: none;
  text-transform: uppercase;
  background-color: #d0e6fe;
}
.text-field.small .create-badge:hover {
  cursor: pointer;
}
.text-field.small .picker-ct {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  cursor: default;
}
.text-field.small .picker1,
.text-field.small .picker2 {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 0px 8px;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
}
.text-field.small .picker1 svg,
.text-field.small .picker2 svg {
  height: 16px;
  width: 16px;
}
.text-field.small .picker1 svg path,
.text-field.small .picker1 svg rect,
.text-field.small .picker2 svg path,
.text-field.small .picker2 svg rect {
  fill: currentColor;
}
.text-field.small .picker1 .svg-main,
.text-field.small .picker2 .svg-main {
  fill: var(--ds-color-gray90);
}
.text-field.small .picker1:not(.inactive):hover,
.text-field.small .picker2:not(.inactive):hover {
  cursor: pointer;
}
.text-field.small.dual-pickerfield .picker1 {
  height: 10px;
}
.text-field.small.dual-pickerfield .picker2 {
  height: 10px;
}
.text-field.small.search.has-value .reset, .text-field.small.search.focus .reset {
  display: block;
}
.text-field.small.search.has-value input {
  min-width: 180px;
  background-color: #fff;
}
.text-field.small.search.focus input {
  cursor: text;
  border: 1px solid #00e383;
  box-shadow: 0 0 0 3px rgba(108, 233, 166, 0.2);
}
.text-field.small.search input {
  box-shadow: none;
  border: none;
  border-radius: 8px;
  width: 32px;
  cursor: pointer;
  background-color: transparent;
}
.text-field.small.search input:active, .text-field.small.search input:focus {
  min-width: 180px;
  background-color: #fff;
  border: 1px solid #00e383;
}
.text-field.small.search .post-ct {
  right: 3px;
}
.text-field.small.search .icon {
  padding: 5px 3px 5px 6px;
  color: var(--ds-color-deep-sea-green);
  cursor: pointer;
}
.text-field.small.search .icon svg {
  height: 100%;
  width: 100%;
}
.text-field.small.search.focus .post-ct .icon .svg-magnifier,
.text-field.small.search.focus .post-ct .reset .svg-cross {
  fill: currentColor;
}
.text-field.small.search .reset {
  display: none;
  margin-top: -3px;
  margin-right: -3px;
  height: 30px;
  width: 30px;
  padding: 7px 10px;
}
.text-field.small .icon {
  user-select: none;
  cursor: default;
  display: flex;
  padding: 0px 4px 0px 7px;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
}
.text-field.small .icon img {
  display: block;
  width: 16px;
}
.text-field.small .icon .svg-magnifier {
  fill: currentColor;
}
.text-field.small.block {
  display: block;
}
.text-field.small.autofilled {
  border-radius: 5px;
}
.text-field.small.autofilled input {
  background-color: #EEF6FF;
  border: 1px solid #5FA9F8;
}
.text-field.small.has-error input {
  background-color: #fff8f6;
  border-color: #d92d20;
}
.text-field.small.has-error input:focus {
  box-shadow: 0 0 0 3px rgba(240, 123, 112, 0.2) !important;
}
.text-field.small.has-error-highlight input {
  border-color: #d92d20;
}
.text-field.small.disabled .picker1,
.text-field.small.disabled .picker2, .text-field.small.readonly .picker1,
.text-field.small.readonly .picker2 {
  pointer-events: none;
}
.text-field.small.disabled .picker1 svg path,
.text-field.small.disabled .picker2 svg path, .text-field.small.readonly .picker1 svg path,
.text-field.small.readonly .picker2 svg path {
  fill: #d3d6df;
}
.text-field.small.disabled .prefix,
.text-field.small.disabled .suffix, .text-field.small.readonly .prefix,
.text-field.small.readonly .suffix {
  pointer-events: none;
}
.text-field.small:not(.readonly):not(.has-error) input[readonly] {
  background-color: #fff;
}

.text-field.pickerfield input {
  text-overflow: ellipsis;
}

.text-field:not(.disabled):not(.has-error):not(.search):not(.focus):active input,
.text-field:not(.disabled):not(.has-error):not(.search):not(.focus):active textarea,
.color-field:not(.disabled):not(.has-error):not(.search):not(.focus):active input,
.color-field:not(.disabled):not(.has-error):not(.search):not(.focus):active textarea {
  border: 1px solid #00e383;
}
.text-field:not(.disabled):not(.has-error):not(.search):not(.focus):hover input,
.text-field:not(.disabled):not(.has-error):not(.search):not(.focus):hover textarea,
.color-field:not(.disabled):not(.has-error):not(.search):not(.focus):hover input,
.color-field:not(.disabled):not(.has-error):not(.search):not(.focus):hover textarea {
  border: 1px solid var(--ds-color-deep-sea-green);
}
.text-field:not(.date-field).pickerfield input,
.color-field:not(.date-field).pickerfield input {
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3);
  font-weight: 500;
}
.text-field:not(.date-field).pickerfield input::-webkit-input-placeholder,
.color-field:not(.date-field).pickerfield input::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 1;
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 500;
}
.text-field:not(.date-field).pickerfield input::-webkit-input-placeholder svg path,
.color-field:not(.date-field).pickerfield input::-webkit-input-placeholder svg path {
  fill: currentColor;
}
.text-field:not(.date-field).pickerfield input:-moz-placeholder,
.color-field:not(.date-field).pickerfield input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 500;
}
.text-field:not(.date-field).pickerfield input:-moz-placeholder svg path,
.color-field:not(.date-field).pickerfield input:-moz-placeholder svg path {
  fill: currentColor;
}
.text-field:not(.date-field).pickerfield input::-moz-placeholder,
.color-field:not(.date-field).pickerfield input::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 1;
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 500;
}
.text-field:not(.date-field).pickerfield input::-moz-placeholder svg path,
.color-field:not(.date-field).pickerfield input::-moz-placeholder svg path {
  fill: currentColor;
}
.text-field:not(.date-field).pickerfield input:-ms-input-placeholder,
.color-field:not(.date-field).pickerfield input:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 500;
}
.text-field:not(.date-field).pickerfield input:-ms-input-placeholder svg path,
.color-field:not(.date-field).pickerfield input:-ms-input-placeholder svg path {
  fill: currentColor;
}
.text-field:not(.date-field).pickerfield input:focus,
.color-field:not(.date-field).pickerfield input:focus {
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3), 0 0 0 3px #d1fadf;
}
.text-field:not(.date-field).pickerfield.disabled input,
.color-field:not(.date-field).pickerfield.disabled input {
  box-shadow: none;
  background-color: #f5f6f9;
}
.text-field:not(.date-field).pickerfield.disabled input::-webkit-input-placeholder,
.color-field:not(.date-field).pickerfield.disabled input::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 1;
  color: #a7a9b4;
}
.text-field:not(.date-field).pickerfield.disabled input:-moz-placeholder,
.color-field:not(.date-field).pickerfield.disabled input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #a7a9b4;
}
.text-field:not(.date-field).pickerfield.disabled input::-moz-placeholder,
.color-field:not(.date-field).pickerfield.disabled input::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #a7a9b4;
}
.text-field:not(.date-field).pickerfield.disabled input:-ms-input-placeholder,
.color-field:not(.date-field).pickerfield.disabled input:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
  color: #a7a9b4;
}

.toggle-group {
  display: inline-block;
  border-bottom: 1px solid #d9dce5;
}
.toggle-group .option {
  user-select: none;
  cursor: default;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--ds-color-gray90);
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}
.toggle-group .option.selected {
  color: var(--ds-color-deep-sea-green);
}
.toggle-group .option:focus {
  outline: 0;
}
.toggle-group.horizontal {
  display: flex;
  padding: 0 !important;
  align-items: center;
  line-height: 20px;
}
.toggle-group.horizontal.small .option {
  padding: 8px 12px;
}
.toggle-group.horizontal .option {
  padding: 12px 16px;
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.toggle-group.horizontal .option.selected {
  color: var(--ds-color-deep-sea-green);
  border-bottom: 2px solid #00e383;
  font-weight: 700;
}
.toggle-group.vertical .option {
  border-left: 1px solid transparent;
  padding-left: 5px;
  margin-bottom: 5px;
  line-height: 15px;
}
.toggle-group.vertical .option.selected {
  border-left-color: #006dcc;
}
.toggle-group.vertical .option:not(:last-of-type) {
  padding-left: 12px;
}
.toggle-group.disabled .option {
  opacity: 0.6;
  cursor: default;
  color: var(--ds-color-deep-sea-green);
}
.toggle-group.disabled .option.active {
  color: #e6e6e6;
}
.toggle-group.horizontal {
  padding-top: 10px;
  padding-bottom: 9px;
  padding-left: 12px;
  padding-right: 12px;
}
.toggle-group.small.horizontal {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
}

.vertical-toggle-group-sibling {
  padding-left: 6px;
}

.tool {
  display: inline-block;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}
.tool svg {
  margin: 4px;
  width: 16px;
  height: 16px;
}
.tool .text {
  cursor: pointer;
  font-size: 14px;
  color: var(--ds-color-deep-sea-green);
}
.tool.large {
  height: 36px;
  padding: 6px 0px;
}
.tool .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.tool.has-action {
  cursor: pointer;
}
.tool.icon-side-left .text {
  margin-left: 24px;
}
.tool.icon-side-left svg {
  float: left;
}
.tool.icon-side-right .text {
  margin-right: 24px;
}
.tool.icon-side-right svg {
  float: right;
}
.tool.has-action.tool-icons-plus-circle svg {
  margin-left: 0;
}

.tools .tool {
  float: left;
  display: block;
  margin-right: 7px;
}
.tools .tool:last-of-type {
  margin-right: 0px;
}

.tooltip {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: var(--ds-color-deep-sea-green);
  border-radius: 8px;
  color: #fff;
  padding: 6px 9px;
}
.tooltip .message {
  white-space: pre;
}
.tooltip.tooltip-top .notch, .tooltip.tooltip-bottom .notch {
  margin-left: -8px;
}
.tooltip.tooltip-top .notch {
  position: absolute;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  /* ie6 height fix */
  font-size: 0;
  line-height: 0;
  left: 50%;
  bottom: -5px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid var(--ds-color-deep-sea-green);
}
.tooltip.tooltip-right .notch {
  position: absolute;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  /* ie6 height fix */
  font-size: 0;
  line-height: 0;
  top: 50%;
  margin-top: -8px;
  left: -5px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 5px solid var(--ds-color-deep-sea-green);
}
.tooltip.tooltip-bottom .notch {
  position: absolute;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  /* ie6 height fix */
  font-size: 0;
  line-height: 0;
  top: -5px;
  left: 50%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid var(--ds-color-deep-sea-green);
}
.tooltip.tooltip-left .notch {
  position: absolute;
  border-top: 0;
  padding: 0;
  width: 0;
  height: 0;
  /* ie6 height fix */
  font-size: 0;
  line-height: 0;
  top: 50%;
  margin-top: -8px;
  right: -5px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 5px solid var(--ds-color-deep-sea-green);
}

.window {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.window.window-animated .window-modal {
  transition: transform 0.1s ease-out, opacity 0.1s ease-out, filter 0.1s ease-out;
}
.window.full-height .window-modal {
  height: 85vh;
  max-height: 85vh;
}
.window.full-height .window-body {
  height: 100%;
}
.window .window-modal {
  opacity: 0;
  display: flex;
  max-height: 80vh;
  margin-top: -24px;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 10px 70px rgba(38, 40, 47, 0.15);
  border-radius: 16px;
  will-change: transform, opacity, filter;
  transform: scale(0.98) translateY(20px);
}
.window .window-header {
  padding: 24px 24px 12px 32px;
}
.window .close-wrapper {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 24px;
}
.window .close-wrapper .close-button svg {
  width: 16px;
  height: 16px;
}
.window.window-external-close .close-wrapper {
  top: -32px;
}
.window.window-closable .window-header {
  padding-right: 76px;
}
.window .window-body {
  position: relative;
  overflow-y: auto;
  padding: 12px 32px 24px 32px;
  min-height: 80px;
}
.window .window-body.no-padding {
  padding: 0;
}
.window .window-footer {
  display: flex;
  min-height: 72px;
  padding: 16px 32px 24px 32px;
  text-align: center;
  box-sizing: border-box;
  justify-content: flex-end;
}
.window .window-footer .right {
  margin-left: 8px;
}
.window .window-footer.center {
  justify-content: center;
}
.window.visible .window-modal {
  opacity: 1;
  transform: scale(1) translateY(0);
  pointer-events: auto;
}
.window.pulse {
  transition-property: transform -webkit-transform;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transform: scale(1.03, 1.03);
}

#ember-testing .window {
  left: auto;
  right: 10px;
}

.batmask {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.batmask .spinner {
  width: 30px;
  height: 30px;
}
.batmask .spinner img {
  -webkit-animation: anim-rotate 1s infinite steps(12);
  -moz-animation: anim-rotate 1s infinite steps(12);
  animation: anim-rotate 1s infinite steps(12);
}

body > .batmask {
  position: fixed;
}

#hubspot-messages-iframe-container {
  z-index: 899 !important;
}

@-moz-keyframes anim-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes anim-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes anim-rotate-clockwise {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes anim-rotate-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes anim-rotate-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-grow-1 {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

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

.flex-direction-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-none {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.flex-0 {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

.flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-center-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-center-space-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-start-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-end-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-min-width-fix {
  min-width: 0;
}

.small-font {
  font-size: 12px;
  line-height: 18px;
}

.mini-font {
  font-size: 10px;
  line-height: 16px;
}

.content-width {
  min-width: 80%;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1350px) {
  .content-width {
    width: 100%;
    min-width: 944px;
    max-width: 1500px;
    margin: auto;
  }
}
.content-width.full-width {
  max-width: inherit;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, .ar-boolean-multiple-input-array p, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: var(--ds-color-deep-sea-green);
  height: 100%;
  cursor: default;
  overflow: auto;
  font-variant-numeric: tabular-nums;
}

a {
  text-decoration: none;
}

.link {
  cursor: pointer;
  color: currentColor;
  text-decoration: none;
  font-weight: 400;
  background-image: linear-gradient(transparent 50%, #01ff94 0%);
  background-size: auto 200%;
  transition: background 0.14s ease-in-out;
}
.link.line-through {
  text-decoration: line-through;
}
.link.line-through:hover {
  text-decoration: line-through underline;
}
.link.downtoned-text {
  font-weight: 400;
}
.link.underlined {
  text-decoration: underline;
}
.link.with-animation:hover {
  background-position-y: 100%;
  text-decoration: none;
}

p {
  line-height: 20px;
  white-space: normal;
  text-overflow: clip;
}

.nobreak {
  word-break: keep-all;
}

.body-text p,
.body-text ul,
.body-text h2 {
  margin-bottom: 12px;
}

strong {
  font-weight: 500;
}

em {
  font-style: italic;
}

.clear {
  float: none !important;
  clear: both !important;
  overflow: hidden !important;
  line-height: 0px !important;
  font-size: 0px !important;
  height: 0px !important;
}

ul {
  list-style-type: disc;
  padding-left: 30px;
  margin: 0px;
  margin-bottom: 2px;
}
ul li {
  line-height: 20px;
}

.h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.015em;
}

.oversize-header {
  font-size: 40px;
  line-height: 60px;
}

.h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 16px;
}

.h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.display-m {
  font-family: "ES Rebond Grotesque", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
}

.display-s {
  font-family: "ES Rebond Grotesque", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
}

.display-xs {
  font-family: "ES Rebond Grotesque", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}

html,
input,
textarea,
button,
text {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

input, input::placeholder {
  font-family: inherit;
}

.bold {
  font-weight: 500;
}

.required-asterisk {
  color: #d92d20;
}

.semi-bold {
  font-weight: 400;
}

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

.no-v-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-h-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

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

.space-bottom-xl {
  margin-bottom: 24px;
}

.space-bottom-l {
  margin-bottom: 16px;
}

.no-space-bottom {
  margin-bottom: 0;
}

.space-top-xl {
  margin-top: 24px;
}

.display-none {
  display: none !important;
}

.danger {
  color: #d92d20;
}

/**
* @TODO:
* - Move font files into `assets.billy.dk`,
*/
@font-face {
  font-family: "Aeonik";
  src: url("/releases/default/fonts/Aeonik-Regular.woff2") format("woff2");
  font-display: block;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("/releases/default/fonts/Aeonik-Bold.woff2") format("woff2");
  font-display: block;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("/releases/default/fonts/Aeonik-Bold.woff2") format("woff2");
  font-display: block;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ES Rebond Grotesque";
  src: url("/releases/default/fonts/ESRebondGrotesque-Semibold.woff2") format("woff2");
  font-display: block;
  font-weight: 700;
  font-style: normal;
}
.section-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 40px;
  background-color: var(--ds-default-background);
}
@media screen and (max-width: 1350px) {
  .section-header {
    padding: 24px 32px;
  }
}
@media screen and (max-width: 768px) {
  .section-header {
    padding: 24px 24px;
  }
}
.section-header.is-standalone .h1,
.section-header.is-standalone .left-side-actions {
  margin-left: 0;
}
.section-header .h1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.section-header .h1,
.section-header .left-side-actions {
  margin-left: 121px;
}
@media screen and (min-width: 1350px) {
  .section-header .h1,
  .section-header .left-side-actions {
    margin-left: 0;
  }
}
.section-header .left-side-actions {
  margin-right: auto;
}
.section-header .loading-spinner {
  position: absolute;
  top: 36px;
  left: 12px;
  width: 16px;
  height: 16px;
}
.section-header .loading-spinner .spinner {
  width: 16px;
  height: 16px;
}
.section-header.auto-height {
  height: auto;
}
.section-header .section-back-button {
  appearance: none;
  display: inline-flex;
  margin-right: 8px;
  border: none;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  padding: 8px 8px;
  align-items: center;
  font-size: 14px;
  border: none;
  background-color: transparent;
  color: var(--ds-color-gray90);
  cursor: pointer;
  transition: background-color 0.1s ease-out;
}
.section-header .section-back-button svg {
  width: 10px;
  height: 10px;
  margin-left: 7px;
}
.section-header .section-back-button svg path {
  fill: var(--ds-color-gray90);
}
.section-header .section-back-button:hover {
  background-color: rgba(167, 169, 180, 0.25);
}

.section-body, .section-body-with-settings {
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 40px 120px 40px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  background-color: var(--ds-default-background);
}

.section-body-with-settings {
  top: 132px;
}

.section-body-gray-background {
  background-color: #fafafa;
}

.section-body-with-sidebar {
  padding: 8px 40px 32px;
}
.section-body-with-sidebar .space-below:last-child {
  margin-bottom: 0 !important;
}

.invoice-body-with-sidebar-inner {
  display: grid;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  grid-template-columns: auto auto;
  grid-template-rows: auto 1fr;
  grid-column-gap: 32px;
  align-items: flex-start;
  justify-content: center;
}
.invoice-body-with-sidebar-inner .section-body-sidebar {
  min-width: 218px;
  max-width: 318px;
  min-height: 0;
  padding: 16px;
  position: relative;
  border-radius: 12px;
}
.invoice-body-with-sidebar-inner .section-body-sidebar .underlined-header {
  margin-bottom: 12px;
  border-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.invoice-body-with-sidebar-inner .section-body-sidebar .sidebar-value {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 24px;
}
.invoice-body-with-sidebar-inner .invoice {
  width: 842px;
  min-width: 0;
  max-width: 1250px;
  margin: 0;
  padding: 0 24px 0 0;
  border-radius: 8px;
}
.invoice-body-with-sidebar-inner .invoice.without-background {
  padding: 0;
  border-radius: 0;
  background: none;
}
.invoice-body-with-sidebar-inner .invoice .attachment-viewer-wrapper {
  display: flex;
  justify-content: center;
  padding: 32px 24px 16px;
  box-shadow: 0px 1px 4px 0px rgba(92, 104, 112, 0.5);
  background-color: #fff;
}

.section-body-with-sidebar-inner {
  display: grid;
  width: 100%;
  max-width: 1500px;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 32px;
  align-items: flex-start;
}
.section-body-with-sidebar-inner .section-body-sidebar {
  min-width: 218px;
  max-width: 318px;
  min-height: 0;
  padding: 16px;
  position: relative;
  border-radius: 12px;
}
.section-body-with-sidebar-inner .section-body-sidebar .underlined-header {
  margin-bottom: 12px;
  border-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.section-body-with-sidebar-inner .section-body-sidebar .sidebar-value {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 24px;
}
.section-body-with-sidebar-inner .content-width {
  min-width: 0;
  max-width: 1250px;
  margin: 0;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.section-body-with-sidebar-inner .content-width.without-background {
  padding: 0;
  border-radius: 0;
  background: none;
}

.section-body-with-sticky-sidebar .content-width {
  position: absolute;
  top: 0;
  right: 265px;
  bottom: 0;
  left: 0;
  padding: 24px 40px 120px 40px;
  overflow-y: auto;
  width: auto;
  min-width: 679px;
  max-width: 985px;
}
.section-body-with-sticky-sidebar .section-body-sidebar {
  width: 265px;
}

.section-body-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 100%;
  background-color: #fff;
  box-shadow: inset 5px 0px 10px -5px rgba(0, 0, 0, 0.02), inset 0px 5px 10px -5px rgba(0, 0, 0, 0.02);
  padding: 24px 20px 20px 20px;
}
.section-body-sidebar .underlined-header {
  margin-bottom: 16px;
}

.sidebar-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--ds-color-deep-sea-green);
}

.sidebar-value {
  margin-bottom: 16px;
}

.section-body-split-gray {
  background-color: #f5f7f7;
  padding: 0;
}
.section-body-split-gray > div {
  padding: 40px;
}

.section-body-split-white {
  background-color: #fff;
}

.large-line-height {
  line-height: 36px;
}

.colored-header, .underlined-header {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.colored-header .sub, .underlined-header .sub {
  position: absolute;
  top: 6px;
  right: 0;
  line-height: 24px;
  font-size: 14px;
}
.colored-header.default, .default.underlined-header {
  color: var(--ds-color-deep-sea-green);
}
.colored-header.blue, .blue.underlined-header {
  color: #2766F1;
}
.colored-header.blue-xxlight, .blue-xxlight.underlined-header {
  color: #e8f3ff;
}
.colored-header.blue-xlight, .blue-xlight.underlined-header {
  color: #c2e2ff;
}
.colored-header.blue-light, .blue-light.underlined-header {
  color: #47a9ff;
}
.colored-header.blue-dark, .blue-dark.underlined-header {
  color: #006dcc;
}
.colored-header.blue-xdark, .blue-xdark.underlined-header {
  color: #095a8c;
}
.colored-header.green, .green.underlined-header {
  color: #00e383;
}
.colored-header.green-xxlight, .green-xxlight.underlined-header {
  color: #effaf0;
}
.colored-header.green-xlight, .green-xlight.underlined-header {
  color: #d0f1d2;
}
.colored-header.green-light, .green-light.underlined-header {
  color: #73d477;
}
.colored-header.green-dark, .green-dark.underlined-header {
  color: #309c35;
}
.colored-header.green-xdark, .green-xdark.underlined-header {
  color: #2a7a2a;
}
.colored-header.yellow, .yellow.underlined-header {
  color: #f2cc44;
}
.colored-header.yellow-xxlight, .yellow-xxlight.underlined-header {
  color: #fffceb;
}
.colored-header.yellow-xlight, .yellow-xlight.underlined-header {
  color: #fff9d6;
}
.colored-header.yellow-light, .yellow-light.underlined-header {
  color: #ffe75c;
}
.colored-header.yellow-dark, .yellow-dark.underlined-header {
  color: #ffce00;
}
.colored-header.yellow-xdark, .yellow-xdark.underlined-header {
  color: #ffbe00;
}
.colored-header.red, .red.underlined-header {
  color: #d92d20;
}
.colored-header.red-xxlight, .red-xxlight.underlined-header {
  color: #fcf5f5;
}
.colored-header.red-xlight, .red-xlight.underlined-header {
  color: #ffeceb;
}
.colored-header.red-light, .red-light.underlined-header {
  color: #ff7770;
}
.colored-header.red-dark, .red-dark.underlined-header {
  color: #fc1b15;
}
.colored-header.red-xdark, .red-xdark.underlined-header {
  color: #c70101;
}
.colored-header.purple, .purple.underlined-header {
  color: #7151e5;
}
.colored-header.purple-xxlight, .purple-xxlight.underlined-header {
  color: #f4f2fc;
}
.colored-header.purple-xlight, .purple-xlight.underlined-header {
  color: #ebe8f9;
}
.colored-header.purple-light, .purple-light.underlined-header {
  color: #a18ced;
}
.colored-header.purple-dark, .purple-dark.underlined-header {
  color: #511bda;
}
.colored-header.purple-xdark, .purple-xdark.underlined-header {
  color: #3d14a3;
}
.colored-header.gray, .gray.underlined-header {
  color: #697588;
}
.colored-header.gray-xxlight, .gray-xxlight.underlined-header {
  color: #f4f5f6;
}
.colored-header.gray-xlight, .gray-xlight.underlined-header {
  color: #dde1e3;
}
.colored-header.gray-light, .gray-light.underlined-header {
  color: #9aa5ac;
}
.colored-header.gray-lighter, .gray-lighter.underlined-header {
  color: #717b82;
}
.colored-header.gray-dark, .gray-dark.underlined-header {
  color: #5c6870;
}
.colored-header.gray-xdark, .gray-xdark.underlined-header {
  color: #40494f;
}
.colored-header.blue-gray, .blue-gray.underlined-header {
  color: #697588;
}
.colored-header.blue-gray-xxlight, .blue-gray-xxlight.underlined-header {
  color: #f4f5f6;
}
.colored-header.blue-gray-xlight, .blue-gray-xlight.underlined-header {
  color: #dde1e3;
}
.colored-header.blue-gray-light, .blue-gray-light.underlined-header {
  color: #9aa5ac;
}
.colored-header.blue-gray-dark, .blue-gray-dark.underlined-header {
  color: #5c6870;
}
.colored-header.blue-gray-xdark, .blue-gray-xdark.underlined-header {
  color: #40494f;
}
.colored-header.gray-warm, .gray-warm.underlined-header {
  color: #897f76;
}
.colored-header.gray-warm-xxlight, .gray-warm-xxlight.underlined-header {
  color: #f6f5f4;
}
.colored-header.gray-warm-xlight, .gray-warm-xlight.underlined-header {
  color: #d9d6d3;
}
.colored-header.gray-warm-light, .gray-warm-light.underlined-header {
  color: #b3ada8;
}
.colored-header.gray-warm-dark, .gray-warm-dark.underlined-header {
  color: #787068;
}
.colored-header.gray-warm-xdark, .gray-warm-xdark.underlined-header {
  color: #625b55;
}
.colored-header.white, .white.underlined-header {
  color: #ffffff;
}
.colored-header.skin-light, .skin-light.underlined-header {
  color: #ffd4cc;
}
.colored-header.skin-dark, .skin-dark.underlined-header {
  color: #e5b7a0;
}
.colored-header.brown, .brown.underlined-header {
  color: #a8835e;
}
.colored-header.brown-dark, .brown-dark.underlined-header {
  color: #725e50;
}
.colored-header.brown-xdark, .brown-xdark.underlined-header {
  color: #4c4139;
}
.colored-header.light-black, .light-black.underlined-header {
  color: #26211e;
}
.colored-header.black, .black.underlined-header {
  color: #000000;
}
.colored-header.background-gray, .background-gray.underlined-header {
  color: var(--ds-default-background);
}
.colored-header.border-gray, .border-gray.underlined-header {
  color: #dde1e3;
}
.colored-header.input-border-gray, .input-border-gray.underlined-header {
  color: #d3d6df;
}
.colored-header.tooltip-background, .tooltip-background.underlined-header {
  color: var(--ds-color-deep-sea-green);
}

.underlined-header {
  line-height: 38px;
  border-bottom: 1px solid #d9dce5;
  box-shadow: rgba(144, 156, 167, 0.2);
}

.text-with-icon svg {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 5px;
}

.section-body-content {
  border-radius: 8px;
  padding: 24px;
  background-color: #fff;
  box-shadow: 0 2px 1px #e8e9f0;
}

.settings-container {
  padding: 24px 40px 100px;
  background-color: var(--ds-default-background);
  height: 100%;
  overflow-y: scroll;
}
@media screen and (max-width: 1024px) {
  .ember-route-organization_subscription_plans .settings-container {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.settings-container-inner {
  background-color: #fff;
  padding: 32px 40px;
  border-radius: 4px;
  box-shadow: 0 2px 1px #e8e9f0;
  position: relative;
}

#bootstrap-load-mask {
  z-index: 1000000;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #efefef;
  padding-top: 200px;
  text-align: center;
}

.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.text-secondary {
  color: #a8b1b7;
  line-height: 18px;
}

.text-large {
  font-weight: 500;
  line-height: 24px;
  font-size: 15px;
}

.downtoned-text {
  color: #9aa5ac;
}

.red-text, .transaction-window-view .window-body .error-message {
  color: #d92d20;
}

.green-text {
  color: #00e383;
}

.yellow-text {
  color: #dcb11a;
}

.dim {
  color: #697588;
}

.fade-ct {
  opacity: 0;
  transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
}
.fade-ct.visible {
  opacity: 1;
}

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

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

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

.ellipsis,
.ellipsis-a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #00e383;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.loading-screen .application-error.billy p,
.loading-screen .application-error.billy a,
.loading-screen .application-error.billy li {
  color: #fff;
}

.loading-screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--ds-color-deep-sea-green);
}
.loading-screen .loading-screen-logo {
  width: 34px;
  height: 20px;
  background-image: url("/releases/default/assets/images/react/logo/logo-ageras-simple-electric-@2x.png");
  background-size: 34px 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.simple-view {
  flex: 1;
}
.simple-view .simple-header {
  height: 70px;
  background: #2766F1;
  margin-bottom: 40px;
}
.simple-view .simple-header .logo {
  position: absolute;
  top: 13px;
  left: 13px;
}
.simple-view .simple-header .logo, .simple-view .simple-header .logo svg {
  height: 44px;
  width: 132.164258942px;
}
.simple-view .simple-header .logo .svg-main {
  fill: #fff;
}
.simple-view .simple-header .right-content {
  position: absolute;
  top: 17px;
  right: 13px;
  line-height: 36px;
  color: #fff;
}
.simple-view .simple-header .right-content .item {
  float: left;
  margin-left: 24px;
}
.simple-view .billy-wave {
  padding-right: 50px;
}
.simple-view .billy-wave svg {
  width: 160px;
  height: 400px;
}
.simple-view h1 {
  font-size: 45px;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 40px;
}
.simple-view h1 > span {
  position: relative;
  display: inline-block;
}
.simple-view h1 > span .billy-wave {
  position: absolute;
  top: 0px;
  left: -210px;
}
.simple-view .simple-body {
  padding: 0 12px 40px 12px;
}
.simple-view h2 {
  font-size: 17px;
  line-height: 1.2em;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}
.simple-view .simple-content {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 400px;
  text-align: justify;
}
.simple-view .simple-form .text-field {
  width: 250px;
}
.simple-view .mobile-simple-form .row {
  margin-bottom: 12px;
}

/*
Because of slow performance on mobile devices we add this class to the
application's root element. This is to minimize the number of nested elements
with `position:absolute; overflow:...`.
*/
.simple-view-root .application {
  overflow-y: auto;
}
.simple-view-root .application-outlet {
  position: static;
  overflow-y: visible;
}

.simple-table {
  border-collapse: collapse;
}
.simple-table td, .simple-table th {
  padding: 3px 10px;
}
.simple-table td {
  border-bottom: 1px solid #dde1e3;
}
.simple-table th {
  font-weight: bold;
  color: #697588;
  border-bottom: 1px solid #697588;
}

.simple-table-centered {
  margin: auto;
}

.h-spacer {
  width: 40px;
  height: 1px;
}

.h-medium-spacer {
  width: 24px;
  height: 1px;
}

.h-tight-spacer {
  width: 12px;
  height: 1px;
}

.v-spacer {
  height: 40px;
  width: 1px;
}

.v-medium-spacer {
  height: 24px;
  width: 1px;
}

.v-spacer-xxl {
  height: 32px;
  width: 1px;
}

.v-tight-spacer {
  height: 12px;
  width: 1px;
}

.margin-bottom-xxl {
  margin-bottom: 32px;
}

.margin-bottom-xl {
  margin-bottom: 24px;
}

.margin-bottom-l {
  margin-bottom: 16px;
}

.margin-bottom-m {
  margin-bottom: 12px;
}

.margin-bottom-s {
  margin-bottom: 8px;
}

.margin-top-s {
  margin-top: 8px;
}

.margin-top-l {
  margin-top: 16px;
}

.space-under {
  margin-bottom: 40px !important;
}

.tight-space-under {
  margin-bottom: 12px !important;
}

.v-line {
  margin: 0px 20px;
  width: 1px;
  overflow: hidden;
  background-color: #9aa5ac;
}

.h-line {
  margin: 20px 0px;
  height: 1px;
  overflow: hidden;
  background-color: #d9dce5;
}

.space-above {
  margin-top: 40px !important;
}

.space-right {
  margin-right: 40px !important;
}

.space-below {
  margin-bottom: 40px !important;
}

.space-left {
  margin-left: 40px !important;
}

.tight-space-above {
  margin-top: 12px !important;
}

.tight-space-right {
  margin-right: 12px !important;
}

.tight-space-below {
  margin-bottom: 12px !important;
}

.tight-space-left {
  margin-left: 12px !important;
}

.medium-space-above {
  margin-top: 24px !important;
}

.medium-space-right {
  margin-right: 24px !important;
}

.medium-space-below {
  margin-bottom: 24px !important;
}

.medium-space-left {
  margin-left: 24px !important;
}

.tab-panel .tab-panel-header {
  margin-bottom: -1px;
  padding-left: 12px;
}
.tab-panel .tab-panel-header .tab-panel-tab {
  cursor: pointer;
  border: 1px solid #9aa5ac;
  background-color: #f4f5f6;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  line-height: 36px;
  display: inline-block;
  margin-right: 12px;
  padding: 0 12px;
  font-size: 14px;
  font-family: "Aeonik", sans-serif;
  color: var(--ds-color-deep-sea-green);
}
.tab-panel .tab-panel-header .tab-panel-tab.active {
  background-color: #fff;
  border-bottom-color: #fff;
}
.tab-panel .tab-panel-header .tab-panel-tab:hover:not(.active) {
  color: #2766F1;
}
.tab-panel .tab-panel-header .tab-panel-tab:focus {
  outline: 0;
}
.tab-panel .tab-panel-body {
  border-radius: 8px;
  background-color: #fff;
  padding: 24px;
  border: 1px solid #9aa5ac;
}
.tab-panel .tab-panel-body *:last-child {
  margin-bottom: 0;
}

.tab-panel-sidebar .tab-panel-sidebar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.tab-panel-sidebar .tab-panel-sidebar-header .tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #2766F1;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
  padding: 15px 0;
  background: #dde1e3;
  border-top: 1px solid #fafafa;
}
.tab-panel-sidebar .tab-panel-sidebar-header .tab.active {
  background: transparent;
  font-weight: 500;
  border-top: 1px solid #dde1e3;
  cursor: default;
}

.theme-body .section-submenu .menu .item:not(.active):hover {
  color: #2766F1;
}
.theme-body .section-submenu .menu .item.active {
  background-color: #2766F1;
}

.x-table {
  width: 100%;
  padding: 0 12px;
  border-radius: 8px;
  border-collapse: collapse;
  background-color: #fff;
}
.x-table td {
  line-height: 20px;
  padding: 6px 8px;
  vertical-align: top;
}
.x-table td.vertical-align-middle {
  vertical-align: middle;
}
.x-table thead {
  border-radius: 8px 8px 0 0;
}
.x-table thead,
.x-table thead .link {
  color: var(--ds-color-deep-sea-green);
  font-weight: 500;
}
.x-table thead tr {
  border-radius: 8px 8px 0 0;
  position: relative;
  box-shadow: 0 2px 3px rgba(var(--ds-color-gray90), 0.1);
}
.x-table thead td {
  height: 56px;
  padding: 12px 4px;
  border-bottom: 1px solid rgba(217, 220, 229, 0.5);
  vertical-align: middle;
}
.x-table thead td:first-child {
  padding-left: 24px;
}
.x-table thead td:last-child {
  padding-right: 24px;
}
.x-table thead td.border-none {
  border: 0;
}
.x-table tbody {
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 1px #e8e9f0;
}
.x-table tbody tr:last-child td {
  border-bottom: 0;
}
.x-table tbody tr .x-table-actions .tool {
  opacity: 0;
}
.x-table tbody tr:hover .x-table-actions .tool {
  opacity: 1;
  display: block;
  float: left;
}
.x-table tbody tr.bg-yellow-xxlight td:not(.bg-none) {
  background-color: #fffceb;
}
.x-table tbody tr.bg-green-xxlight td:not(.bg-none) {
  background-color: #effaf0;
}
.x-table tbody td {
  max-width: 300px;
  height: 56px;
  padding: 12px 4px;
  color: var(--ds-color-deep-sea-green);
  border-bottom: 1px solid rgba(217, 220, 229, 0.5);
  vertical-align: middle;
  font-size: 13px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.x-table tbody td:first-child {
  padding-left: 24px;
}
.x-table tbody td:last-child {
  padding-right: 24px;
}
.x-table tbody td.border-none {
  border: 0;
}
.x-table tbody .x-table-group-header {
  box-shadow: 0 2px 3px rgba(var(--ds-color-gray90), 0.1);
}
.x-table tbody .x-table-group-header td {
  border-bottom: 1px solid rgba(217, 220, 229, 0.5);
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 500;
}

.x-table-row-link {
  cursor: pointer;
}
.x-table-row-link.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.x-table-actions-1 {
  width: 32px;
}

.x-table-actions-2 {
  width: 56px;
}

.x-table-actions-3 {
  width: 80px;
}

.x-table-actions-4 {
  width: 104px;
}

/*
In lack of a proper grid system (Bootstrap fx) we have two sizes:
- Mobile: When the width of the browser window is less than 760px. The iPad is
768px in portrait mode.
- Desktop: Above 760px.

Content should try to adjust to not extend beyond the full width of the browser.
*/
@media only screen and (max-width: 760px) {
  .mobile-hidden {
    display: none;
  }
  .simple-view h1 {
    font-size: 32px;
  }
  .simple-view-root .application {
    position: static;
    overflow-y: visible;
  }
}
.add-on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 20px;
}
.add-on .flip-switch {
  margin-right: 20px;
}
.add-on h4,
.add-on .addon-price {
  transition: color 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out;
}
.add-on.addon-off h4,
.add-on.addon-off .addon-price {
  color: #697588;
}
.add-on .addon-description {
  color: #697588;
  margin-right: auto;
}
.add-on .addon-description h4 {
  display: inline;
}
.add-on .addon-price {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.add-on .animate-width {
  transition: max-width 0.2s ease-out;
  -webkit-transition: max-width 0.2s ease-out;
  overflow: hidden;
  width: auto;
  max-width: 80px;
}
.add-on .animate-width.collapsed {
  max-width: 0px;
}

.additional-info-list .additional-info-list-item {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  padding: 0;
}
.additional-info-list .additional-info-list-item.is-locked .additional-info-list-item-question .actions .choices .choice {
  cursor: auto;
}
.additional-info-list .additional-info-list-item.is-highlighted {
  border-color: #ff7770;
}
.additional-info-list .additional-info-list-item-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.additional-info-list .additional-info-list-item-question .listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.additional-info-list .additional-info-list-item-question .listing .text {
  padding: 15px 20px;
  font-size: 15px;
}
.additional-info-list .additional-info-list-item-question .listing .text .sub-title {
  opacity: 0.75;
}
.additional-info-list .additional-info-list-item-question .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-left: auto;
  margin-right: 12px;
}
.additional-info-list .additional-info-list-item-question .actions .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--ds-color-gray90);
  border-radius: 100%;
  color: var(--ds-color-gray90);
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin: 0 16px;
}
.additional-info-list .additional-info-list-item-question .actions .choices {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 0;
  padding: 4px;
  border-radius: 12px;
  background-color: rgba(217, 220, 229, 0.4);
}
.additional-info-list .additional-info-list-item-question .actions .choices .choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 56px;
  height: 40px;
  width: max-content;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-family: "Aeonik", sans-serif;
  font-weight: 700;
  color: var(--ds-color-gray90);
  white-space: nowrap;
  cursor: pointer;
}
.additional-info-list .additional-info-list-item-question .actions .choices .choice.is-selected, .additional-info-list .additional-info-list-item-question .actions .choices .choice.is-active {
  color: var(--ds-color-deep-sea-green);
  background-color: #fff;
  cursor: default;
}
.additional-info-list .additional-info-list-item-question .actions .choices .choice:not(.is-selected):not(.is-active):hover {
  color: #dbd4ff;
  background-color: var(--ds-color-deep-sea-green);
}
.additional-info-list .additional-info-list-item.disable-transition .collapse-body {
  transition: height 0s ease-in-out;
  -webkit-transition: height 0s ease-in-out;
}
.additional-info-list .collapse-body {
  transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  height: 0;
  overflow: hidden;
  position: relative;
}
.additional-info-list .collapse-body:before {
  content: "";
  width: 100%;
  background-color: #dde1e3;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.additional-info-list .collapse-body .contract-details .ar-text-input-label {
  flex-grow: 1;
}
.additional-info-list .collapse-body .contract-details .text-field, .additional-info-list .collapse-body .contract-details .date-field {
  width: 150px;
}
.additional-info-list .collapse-body .collapse-body-inner {
  padding: 0;
}
.additional-info-list .collapse-body .collapse-body-inner .collapse-body-inner-spacing {
  padding: 20px 45px;
}
.additional-info-list .collapse-body .collapse-body-inner .collapse-body-inner-tight-spacing {
  padding: 15px 20px;
}
.additional-info-list .collapse-body .collapse-body-inner img {
  width: 60px;
  height: auto;
  border-radius: 100%;
  margin-right: 20px;
}
.additional-info-list .collapse-body .collapse-body-inner h2 {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  color: #309c35;
  font-weight: 500;
  font-size: 16px;
  margin-right: 7px;
  line-height: 20px;
}
.additional-info-list .collapse-body .collapse-body-inner .label {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  font-size: 14px;
  background-color: #309c35;
}
.additional-info-list .collapse-body .collapse-body-inner .display-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert-box-group {
  margin-bottom: 8px;
}
.alert-box-group > div:not(:last-of-type) {
  margin-bottom: 8px;
}

.alert-box-container {
  margin-bottom: 8px;
}

.alert-box {
  display: flex;
  border-radius: 12px;
  padding: 16px;
  width: 100%;
  font-size: 14px;
}
.alert-box.narrow {
  padding: 8px 16px;
}
.alert-box .link {
  font-weight: 500;
}
.alert-box.expand {
  padding: 16px;
}
.alert-box.warning {
  background-color: #f7ddd9;
  color: #951307;
}
.alert-box.attention {
  background-color: #fff8b8;
  color: #735714;
}
.alert-box.info {
  background-color: #dbd4ff;
  color: #5d4dae;
}
.alert-box.success {
  background-color: #a6f4c5;
  color: #075E42;
}
.alert-box .alert-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.alert-box .alert-content > *:not(:last-child) {
  margin-bottom: 8px;
}
.alert-box .alert-content.horizontal {
  flex-direction: row;
}
.alert-box .close-btn {
  display: flex;
  justify-content: center;
  margin-left: 12px;
}
.alert-box .close-btn svg {
  height: 16px;
  width: 16px;
}
.alert-box .dismiss {
  position: absolute;
  top: 12px;
  right: 0;
  width: 10px;
  height: 10px;
  padding-right: 16px;
  cursor: pointer;
}
.alert-box .dismiss svg {
  width: 10px;
  height: 10px;
}
.alert-box .dismiss .svg-main {
  fill: rgba(64, 73, 79, 0.8);
}
.alert-box .dismiss:hover .svg-main {
  fill: #40494f;
}
.alert-box ul {
  list-style-type: disc;
  margin-bottom: 0;
}
.alert-box ul li {
  margin-left: 16px;
  line-height: 20px;
}

.alert-window .window-body > h1,
.alert-window .window-body > h2,
.alert-window .window-body > p {
  margin: 0 0 10px 10px;
}
.alert-window .window-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.alert-window .window-footer button {
  margin: 0 auto;
}

.annual-report-banner {
  width: 280px;
  height: 482px;
  margin-bottom: 24px;
  position: relative;
  background-image: url("/releases/default/assets/images/misc/annual-report/banner-full-bg.png");
  background-size: cover;
  background-position: bottom center;
}
.annual-report-banner h2 {
  margin-bottom: 12px;
}
.annual-report-banner .annual-report-banner-remove {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.annual-report-banner .annual-report-banner-remove svg {
  fill: rgba(255, 255, 255, 0.75);
}
.annual-report-banner .annual-report-pricing-text-short {
  display: none;
}
.annual-report-banner .annual-report-pricing-text-long {
  margin-top: 12px;
  margin-bottom: 15px;
}
.annual-report-banner .annual-report-big-icon {
  width: 160px;
  height: 160px;
  margin: 0 auto 40px auto;
}
.annual-report-banner .annual-report-cta-text {
  margin-bottom: 12px;
}
.annual-report-banner .annual-report-cvr-entry-form {
  display: inline-block;
}
.annual-report-banner .annual-report-cvr-entry-form button {
  padding-left: 45px;
  padding-right: 45px;
}
.annual-report-banner .progress-list {
  margin: 24px -24px;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.annual-report-banner .progress-list .progress-list-item.is-active {
  cursor: pointer;
}
.annual-report-banner .finish-button {
  display: block;
  margin: 0 auto;
  margin-bottom: 48px;
}
.annual-report-banner.show-progress {
  height: min-content;
  background-image: none;
}
.annual-report-banner.simple:not(.show-progress) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 153px;
  background-image: url("/releases/default/assets/images/misc/annual-report/banner-simple-bg.png");
  background-position: center right;
  width: 100%;
}
.annual-report-banner.simple:not(.show-progress) h2 {
  margin-right: 12px;
  margin-bottom: 0;
}
.annual-report-banner.simple:not(.show-progress) .annual-report-banner-remove svg {
  fill: #40494f;
}
.annual-report-banner.simple:not(.show-progress) .annual-report-pricing-text-short {
  display: block;
  cursor: pointer;
  margin-top: 7px;
}
.annual-report-banner.simple:not(.show-progress) .annual-report-pricing-text-long,
.annual-report-banner.simple:not(.show-progress) .annual-report-big-icon,
.annual-report-banner.simple:not(.show-progress) .annual-report-cta-text {
  display: none;
}
.annual-report-banner.simple:not(.show-progress) .annual-report-cvr-entry-form {
  margin-top: 15px;
}

.annual-report-info-window .window-body {
  padding-top: 20px;
}
.annual-report-info-window .header,
.annual-report-info-window .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.annual-report-info-window .header h1 {
  margin-bottom: 24px;
  text-align: center;
  font-weight: 400;
}
.annual-report-info-window .column {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.annual-report-info-window .column:first-child {
  margin-right: 27px;
}
.annual-report-info-window .column:last-child {
  margin-left: 27px;
}
.annual-report-info-window .row {
  padding: 7px 20px;
}
.annual-report-info-window .row:nth-child(odd) {
  background-color: var(--ds-default-background);
}
.annual-report-info-window .v-line {
  margin: 0;
  width: 1px;
  background-color: #dde1e3;
}

.approve-bookkeeping-list .approve-bookkeeping-list-item {
  margin-bottom: 5px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item.is-locked .approve-bookkeeping-list-item-question .actions .choices .choice {
  cursor: auto;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item.is-highlighted {
  border-color: #ff7770;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item .ps {
  font-size: 14px;
  color: var(--ds-color-gray90);
}
.approve-bookkeeping-list .approve-bookkeeping-list-item .button.open-in-new-tab {
  margin-top: 12px;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .listing .text {
  font-weight: 400;
  font-size: 18px;
  color: var(--ds-color-deep-sea-green);
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .listing .text .sub-title {
  opacity: 0.75;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-left: auto;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--ds-color-gray90);
  border-radius: 100%;
  color: var(--ds-color-gray90);
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin: 15px 20px;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions .choices {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 0;
  padding: 4px;
  border-radius: 12px;
  background-color: rgba(217, 220, 229, 0.4);
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions .choices .choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 56px;
  height: 40px;
  width: max-content;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-family: "Aeonik", sans-serif;
  font-weight: 700;
  color: var(--ds-color-gray90);
  white-space: nowrap;
  cursor: pointer;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions .choices .choice.is-selected, .approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions .choices .choice.is-active {
  color: var(--ds-color-deep-sea-green);
  background-color: #fff;
  cursor: default;
}
.approve-bookkeeping-list .approve-bookkeeping-list-item-question .actions .choices .choice:not(.is-selected):not(.is-active):hover {
  color: #dbd4ff;
  background-color: var(--ds-color-deep-sea-green);
}
.approve-bookkeeping-list .approve-bookkeeping-list-item.disable-transition .item-body {
  transition: height 0s ease-in-out;
  -webkit-transition: height 0s ease-in-out;
}
.approve-bookkeeping-list .item-body {
  transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.approve-bookkeeping-list .item-body .item-body-inner {
  padding: 24px 0 0 0;
  font-size: 15px;
}
.approve-bookkeeping-list .item-body .item-body-inner img {
  width: 60px;
  height: auto;
  border-radius: 100%;
  margin-right: 20px;
}
.approve-bookkeeping-list .item-body .item-body-inner h2 {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  color: #309c35;
  font-weight: 500;
  font-size: 16px;
  margin-right: 7px;
  line-height: 20px;
}
.approve-bookkeeping-list .item-body .item-body-inner .label {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  font-size: 14px;
  background-color: #309c35;
}
.approve-bookkeeping-list .item-body .item-body-inner .display-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-boolean-multiple-input-array {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ar-boolean-multiple-input-array > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ar-boolean-multiple-input-array > div:first-child {
  margin-right: 45px;
}
.ar-boolean-multiple-input-array label, .ar-boolean-multiple-input-array p {
  color: #5c6870;
}
.ar-boolean-multiple-input-array p {
  margin-bottom: 8px;
}
.ar-boolean-multiple-input-array .field-group {
  margin-bottom: 7px;
}
.ar-boolean-multiple-input-array .checkbox-container {
  margin-left: 20px;
}

.ar-checkbox-question-list .ar-checklist-question {
  margin-bottom: 5px;
  background-color: #fff;
  border-radius: 8px;
}
.ar-checkbox-question-list .ar-checklist-question.is-locked .ar-checklist-question-body .actions .choices .choice {
  cursor: auto;
}
.ar-checkbox-question-list .ar-checklist-question.is-highlighted {
  border-color: #ff7770;
}
.ar-checkbox-question-list .ar-checklist-question-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 0;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon .cross {
  display: none;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon {
  padding: 15px 20px;
  padding-right: 0;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon svg {
  width: 22px;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon svg path,
.ar-checkbox-question-list .ar-checklist-question-body .icon svg rect {
  fill: #dde1e3;
  transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-valid .cross {
  display: none;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-valid svg path,
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-valid svg rect {
  fill: #00e383 !important;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-invalid .check {
  display: none;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-invalid .cross {
  display: block;
}
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-invalid svg circle,
.ar-checkbox-question-list .ar-checklist-question-body .icon.is-invalid svg path {
  stroke: #40494f;
}
.ar-checkbox-question-list .ar-checklist-question-body .listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-checkbox-question-list .ar-checklist-question-body .listing .text {
  padding: 15px 20px;
}
.ar-checkbox-question-list .ar-checklist-question-body .listing .text .select-field {
  min-width: 300px;
  margin-top: 6px;
}
.ar-checkbox-question-list .ar-checklist-question-body .listing .text .select-field .option .name {
  white-space: normal;
  text-overflow: initial;
}
.ar-checkbox-question-list .ar-checklist-question-body .listing .text .sub-title {
  opacity: 0.75;
}
.ar-checkbox-question-list .ar-checklist-question-body .paid-taxation-text {
  color: #078e64;
  margin-top: 8px;
}
.ar-checkbox-question-list .ar-checklist-question-body .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-left: auto;
  margin-right: 12px;
}
.ar-checkbox-question-list .ar-checklist-question-body .actions .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--ds-color-gray90);
  border-radius: 100%;
  color: var(--ds-color-gray90);
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin: 15px 20px;
}
.ar-checkbox-question-list .ar-checklist-question-body .actions .choices {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 0;
  padding: 4px;
  border-radius: 12px;
  background-color: rgba(217, 220, 229, 0.4);
}
.ar-checkbox-question-list .ar-checklist-question-body .actions .choices .choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 56px;
  height: 40px;
  width: max-content;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-family: "Aeonik", sans-serif;
  font-weight: 700;
  color: var(--ds-color-gray90);
  white-space: nowrap;
  cursor: pointer;
}
.ar-checkbox-question-list .ar-checklist-question-body .actions .choices .choice.is-selected, .ar-checkbox-question-list .ar-checklist-question-body .actions .choices .choice.is-active {
  color: var(--ds-color-deep-sea-green);
  background-color: #fff;
  cursor: default;
}
.ar-checkbox-question-list .ar-checklist-question-body .actions .choices .choice:not(.is-selected):not(.is-active):hover {
  color: #dbd4ff;
  background-color: var(--ds-color-deep-sea-green);
}
.ar-checkbox-question-list .ar-checklist-question.disable-transition .collapse-body {
  transition: height 0s ease-in-out;
  -webkit-transition: height 0s ease-in-out;
}
.ar-checkbox-question-list .collapse-body {
  transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  height: 0;
  overflow: hidden;
  position: relative;
}
.ar-checkbox-question-list .collapse-body:before {
  content: "";
  width: 100%;
  background-color: #dde1e3;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ar-checkbox-question-list .collapse-body .collapse-body-inner {
  padding: 30px 45px;
}
.ar-checkbox-question-list .collapse-body .collapse-body-inner img {
  width: 60px;
  height: auto;
  border-radius: 100%;
  margin-right: 20px;
  flex-shrink: 0;
  flex-grow: 0;
}
.ar-checkbox-question-list .collapse-body .collapse-body-inner h2 {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  color: #309c35;
  font-weight: 500;
  font-size: 16px;
  margin-right: 7px;
  line-height: 20px;
}
.ar-checkbox-question-list .collapse-body .collapse-body-inner .label {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  font-size: 14px;
  background-color: #309c35;
}
.ar-checkbox-question-list .collapse-body .collapse-body-inner .display-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ar-employee-fields {
  color: #5c6870;
}
.ar-employee-fields .collapse-header {
  text-align: center;
  font-weight: 500;
}
.ar-employee-fields .collapse-label {
  text-align: right;
}
.ar-employee-fields .collapse-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-employee-fields .collapse-row:not(:last-child) {
  margin-bottom: 11px;
}
.ar-employee-fields .collapse-row:first-child {
  margin-bottom: 7px;
}
.ar-employee-fields .collapse-row div {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.ar-employee-fields .collapse-row div:first-child {
  flex-grow: 2;
}
.ar-employee-fields .collapse-row div:not(:last-child) {
  margin-right: 20px;
}
.ar-employee-fields .collapse-row input {
  text-align: center;
}

.ar-general-assembly-fields .flex-1:first-child {
  padding-right: 12px;
}
.ar-general-assembly-fields .flex-1:last-child {
  padding-left: 12px;
}
.ar-general-assembly-fields .text-field {
  margin-bottom: 5px;
  width: 100%;
}
.ar-general-assembly-fields p {
  color: #5c6870;
  margin-bottom: 0px;
  margin-right: 10px;
}

.ar-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ar-input-field p {
  color: #5c6870;
  margin-bottom: 0px;
  margin-right: 10px;
}

.ar-text-input .ar-text-input-label {
  color: #5c6870;
  margin-bottom: 8px;
}

.assets-summary {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
}
.assets-summary .title {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
.assets-summary.is-valid {
  background-color: #effaf0;
  border-left: 2px solid #00e383;
}
.assets-summary.is-valid table .highlight {
  color: #2a7a2a;
}
.assets-summary.is-valid table tbody tr:nth-of-type(odd) {
  background-color: #d0f1d2;
}
.assets-summary table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  text-align: right;
  margin-top: 13px;
  border-radius: 8px;
}
.assets-summary table tr {
  padding: 8px;
  line-height: 24px;
  font-weight: 500;
}
.assets-summary table td {
  height: 48px;
  line-height: 48px;
}
.assets-summary table .highlight {
  color: #ffbe00;
}
.assets-summary table tr td:last-child,
.assets-summary table tr th:last-child {
  padding-right: 30px;
}
.assets-summary table thead tr th {
  padding-bottom: 10px;
}
.assets-summary table tbody tr:nth-of-type(odd) {
  background-color: #fff9d6;
}
.assets-summary table tbody tr:nth-of-type(odd) td:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.assets-summary table tbody tr:nth-of-type(odd) td:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.attachment-viewer-example {
  text-align: center;
}
.attachment-viewer-example .attachment-viewer .thumbnail a {
  text-align: center;
  display: inline-block;
}

.attachment-viewer .attachment {
  position: relative;
  display: block;
  float: left;
  width: 160px;
  height: 254px;
  margin-right: 40px;
  margin-bottom: 40px;
}
.attachment-viewer .attachment .thumbnail {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 230px;
  width: 160px;
}
.attachment-viewer .attachment .thumbnail img {
  box-shadow: 0px 1px 4px 0px rgba(92, 104, 112, 0.5);
  display: inline-block;
  max-width: 160px;
  max-height: 230px;
}
.attachment-viewer .attachment .thumbnail .loading-spinner {
  margin-top: -25px;
}
.attachment-viewer .attachment .filename {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.attachments-list-with-files .upload-button {
  margin-top: 12px;
}

.avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.avatar img {
  max-width: 32px;
  max-height: 32px;
  border-radius: 8px;
}

.bank-payment-window .window-header {
  align-items: center;
}
.bank-payment-window .window-header .h2 {
  margin-bottom: 0;
}
.bank-payment-window .window-header .back-button {
  appearance: none;
  display: inline-flex;
  margin-right: 8px;
  border: none;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  padding: 8px 8px;
  align-items: center;
  font-size: 14px;
  border: none;
  background-color: transparent;
  color: var(--ds-color-gray90);
  cursor: pointer;
  transition: background-color 0.1s ease-out;
}
.bank-payment-window .window-header .back-button svg {
  width: 10px;
  height: 10px;
  margin-left: 7px;
}
.bank-payment-window .window-header .back-button svg path {
  fill: var(--ds-color-gray90);
}
.bank-payment-window .window-header .back-button:hover {
  background-color: rgba(167, 169, 180, 0.25);
}
.bank-payment-window .bill-summary {
  display: flex;
  justify-content: space-between;
}
.bank-payment-window .bill-summary .bill-summary-item {
  display: flex;
  flex-direction: column;
}
.bank-payment-window .bill-summary .bill-summary-item .bill-summary-item-header {
  font-size: 12px;
  color: var(--ds-color-gray90);
}
.bank-payment-window .bill-summary .bill-summary-item .bill-summary-item-value {
  font-size: 14px;
}
.bank-payment-window .bill-summary .bill-summary-item:last-of-type {
  text-align: right;
}
.bank-payment-window hr {
  margin: 16px 0;
  border: 0;
  border-bottom: 1px solid #e8e9f0;
}
.bank-payment-window .field-label-with-lock .tool {
  display: block;
  float: left;
}
.bank-payment-window .difference {
  cursor: pointer;
  position: relative;
  border-radius: 8px;
  padding: 0px 12px;
  border: 1px solid #f2cc44;
  background-color: #fff9d6;
  line-height: 34px;
  height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bank-payment-window .difference.has-selected {
  border: 1px solid #00e383;
  background-color: #d0f1d2;
}
.bank-payment-window .difference .caret {
  position: absolute;
  top: 0px;
  right: 12px;
  width: 14px;
  height: 36px;
}
.bank-payment-window .difference .caret .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.bank-payment-window .difference:hover .caret .svg-main {
  fill: #2766F1;
}

/**
* Scrollable table with sticky header and auto-width:
*
* Solutions to this involve setting thead and tbody to `display: block`, then setting
* tbody to scroll vertically, while setting an outer wrapper div to scroll horizontally.
* This casts the vertical scrollbar offscreen, and makes the horizontal scrollbar
* invisible when styled, so Javascript scrollbars are used, while the "real" scrollbars
* are hidden.
*/
.bank-import-table {
  position: relative;
  margin-top: 10px;
}
.bank-import-table .sticky-header-scroll-area {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
  width: 944px;
  overflow-x: scroll;
}
.bank-import-table .sticky-header-scroll-area::-webkit-scrollbar {
  display: none;
}
.bank-import-table .positioned-scrollbar {
  position: absolute;
  border-radius: 6px;
  background-color: #B6C6CF;
}
.bank-import-table .positioned-scrollbar--vertical {
  right: 0;
  width: 4px;
  margin-top: 69px;
}
.bank-import-table .positioned-scrollbar--horizontal {
  bottom: -3px;
  height: 4px;
}
.bank-import-table table {
  min-width: 944px;
}
.bank-import-table thead,
.bank-import-table tbody {
  display: block;
}
.bank-import-table th,
.bank-import-table td {
  min-width: 200px;
}
.bank-import-table th:first-child,
.bank-import-table td:first-child {
  position: relative;
  min-width: auto;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.bank-import-table th:first-child input[type=checkbox],
.bank-import-table td:first-child input[type=checkbox] {
  margin-left: 0;
  margin-right: 0;
}
.bank-import-table thead {
  height: 66px;
  background: #fff;
  border-bottom: 1px solid #B6C6CF;
  overflow: hidden;
}
.bank-import-table th {
  position: relative;
  height: 66px;
}
.bank-import-table th:first-child {
  padding-top: 16px;
}
.bank-import-table tbody {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
  min-width: 944px;
  height: calc(100vh - 280px);
  overflow-y: scroll;
}
.bank-import-table tbody::-webkit-scrollbar {
  display: none;
}
.bank-import-table.compressed tbody {
  height: calc(100vh - 390px);
}
.bank-import-table tr.invalid td {
  background-color: #FFF5CC;
}
.bank-import-table td {
  padding: 10px 20px 10px 9px;
  word-break: break-word;
}
.bank-import-table td.invalid {
  color: #FA7064;
}
.bank-import-table .super-field {
  position: absolute;
  top: 10px;
  left: 0;
  width: calc(100% - 15px);
}
.bank-import-table th:last-child .super-field {
  width: 100%;
}
.bank-import-table .bank-import-table-date {
  width: 120px;
}
.bank-import-table .bank-import-table-description {
  width: 100%;
  padding-right: 245px;
  margin-right: -240px;
}
.bank-import-table .bank-import-table-amount {
  width: 120px;
  text-align: right;
}
.bank-import-table .bank-import-table-fill {
  width: 100%;
  text-align: center;
}
.bank-import-table .bank-import-select-header {
  width: 16px;
}
.bank-import-table .bank-import-column-selector {
  width: 150px;
  padding: 4px;
}
.bank-import-table .bank-import-column-selector .text-field {
  display: block;
}

.bank-imports-archive-item {
  position: relative;
  height: 50px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #E8EFF3;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  overflow: hidden;
}
.bank-imports-archive-item.open {
  height: 268px;
}
.bank-imports-archive-item .archive-item-header {
  display: flex;
}
.bank-imports-archive-item .archive-item-header .archive-item-col {
  float: left;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  text-align: center;
}
.bank-imports-archive-item .archive-item-header .archive-item-col:hover:last-child {
  cursor: pointer;
  text-decoration: underline;
}
.bank-imports-archive-item .archive-item-header .uploaded-icon {
  width: 45px;
  height: 14px;
  display: flex;
  align-self: center;
  justify-content: center;
}
.bank-imports-archive-item .archive-item-header .uploaded-icon .svg-main {
  fill: #2766F1;
}
.bank-imports-archive-item .archive-item-header .file-name {
  width: 230px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.bank-imports-archive-item .archive-item-header .date-imported {
  width: 200px;
  text-align: right;
  padding-right: 10px;
}
.bank-imports-archive-item .archive-item-header .toggle-item-open {
  width: 123px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  border-left: 1px solid #E9F0F5;
  color: #399EE6;
  font-size: inherit;
  font-family: inherit;
}
.bank-imports-archive-item .archive-item-header .toggle-item-open:focus,
.bank-imports-archive-item .archive-item-header .toggle-item-open:active {
  outline: none;
  cursor: pointer;
}
.bank-imports-archive-item .archive-item-content {
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  border-top: 1px solid #E8EFF3;
}
.bank-imports-archive-item .archive-item-stats {
  position: absolute;
  top: 30px;
  left: 96px;
  bottom: 76px;
  right: 96px;
  border-bottom: 1px solid #E8EFF3;
}
.bank-imports-archive-item .stats-row {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.bank-imports-archive-item .stats-value {
  float: right;
  text-align: right;
}
.bank-imports-archive-item .archive-item-delete {
  display: block;
  margin: 165px auto 0 auto;
}

.bank-imports-upload-progress .window-body {
  height: 220px;
}
.bank-imports-upload-progress .content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  text-align: center;
}
.bank-imports-upload-progress .progress-circle {
  position: absolute;
  top: 0;
  left: 0;
}
.bank-imports-upload-progress .current-value {
  font-size: 31px;
  font-weight: 500;
  line-height: 20px;
  color: #00e383;
}

.bill-attachments-selector .window-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
}

.bill-attachments-selector-items {
  padding: 20px;
  width: 589px;
  overflow-y: auto;
  border-right: 1px solid #dde1e3;
}

.bill-attachments-selector-items-inner {
  margin-right: -12px;
}

.bill-attachments-selector-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid #dde1e3;
  padding: 4px;
  margin: 0 12px 12px 0;
  cursor: pointer;
}
.bill-attachments-selector-item:hover {
  border-color: #2766F1;
}
.bill-attachments-selector-item img {
  max-width: 94px;
  max-height: 94px;
}

.bill-attachments-selector-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  text-align: center;
}

.bill-attachments-selector-preview-image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 12px;
  overflow-y: auto;
}
.bill-attachments-selector-preview-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.bill-attachments-selector-preview-name {
  font-weight: 500;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 24px;
}

.bill-attachments-selector-preview-time {
  height: 24px;
}

.bills-index-simple {
  width: 944px;
}
.bills-index-simple .section-header {
  background: #fff !important;
}
.bills-index-simple .uploader-container {
  margin-top: 20px;
  margin-bottom: 10px;
}
.bills-index-simple .bills-index-simple-uploader {
  margin-bottom: 40px;
}
.bills-index-simple .bills-index-simple-uploader .drop-area {
  position: relative;
  display: flex;
  height: 0;
  background-color: #f4f5f6;
  border: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
.bills-index-simple .bills-index-simple-uploader .drop-area.show-uploader {
  border: 2px dashed #E9F0F5;
  height: 162px;
}
.bills-index-simple .bills-index-simple-uploader .drop-area p {
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  transform: translate(0, -10px);
}
.bills-index-simple .bills-index-simple-uploader .bill-tiles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile {
  position: relative;
  display: inline-block;
  width: 216px;
  height: 275px;
  border: 1px solid #E9F0F5;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  margin: 5px;
  overflow: hidden;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile.preview {
  height: auto;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile.preview .bill-tile-fields {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10px;
}
.bills-index-simple .bills-index-simple-uploader .bill-processsing {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.84);
  z-index: 5;
  display: flex;
}
.bills-index-simple .bills-index-simple-uploader .bill-processsing .spinner-background, .bills-index-simple .bills-index-simple-uploader .bill-processsing .spinner {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-sizing: border-box;
  border-style: solid;
}
.bills-index-simple .bills-index-simple-uploader .bill-processsing .spinner-background {
  border: 3px solid #ecefea;
}
.bills-index-simple .bills-index-simple-uploader .bill-processsing .spinner {
  border-top: 3px solid #2ab24e;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  animation: spin 0.8s linear;
  animation-iteration-count: infinite;
}
.bills-index-simple .bills-index-simple-uploader .bill-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  z-index: 5;
  display: flex;
}
.bills-index-simple .bills-index-simple-uploader .bill-error .bill-error-circle {
  display: flex;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 3px solid #FF543E;
  color: #FF543E;
  place-content: center;
  place-items: center;
}
.bills-index-simple .bills-index-simple-uploader .bill-error .bill-error-message {
  margin: 0 auto 40px;
  padding: 0 10px;
  line-height: 1.3;
  color: #FF543E;
  place-self: flex-end;
}
.bills-index-simple .bills-index-simple-uploader .bill-error ~ .bill-tile-remove {
  z-index: 6;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-remove svg {
  width: 10px;
  margin: 0 auto;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-fields label, .bills-index-simple .bills-index-simple-uploader .bill-tile-fields .ar-boolean-multiple-input-array p, .ar-boolean-multiple-input-array .bills-index-simple .bills-index-simple-uploader .bill-tile-fields p {
  display: block;
  width: 180px;
  height: 15px;
  margin: 0 auto 10px auto;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-field {
  width: 180px;
  height: 36px;
  margin: 0 auto 10px auto;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-image-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 10px auto 15px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #E9F0F5;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-image-preview-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 10px auto 15px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #E9F0F5;
  overflow: hidden;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-image-preview-thumbnail img {
  max-height: 100%;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-image-thumbnail .loading-spinner {
  opacity: 0.1;
}
.bills-index-simple .bills-index-simple-uploader .bill-tile-progress {
  width: 80px;
  height: 80px;
  margin: 40px auto 0 auto;
}
.bills-index-simple .bills-index-simple-uploader .alternate-entry-methods-info {
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 40px;
  padding: 10px;
  color: #666666;
  border: 1px solid #03B6DD;
  background-color: rgba(3, 182, 221, 0.1);
  text-align: left;
  border-radius: 4px;
}
.bills-index-simple .bills-index-simple-uploader .alternate-entry-methods-info a {
  color: #666666 !important;
}
.bills-index-simple .bills-index-simple-uploader .file-uploader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bills-index-simple .bills-index-simple-uploader .file-uploader .upload-button {
  position: absolute;
  left: 2px;
  top: 74px;
  width: 100%;
  text-align: center;
}
.bills-index-simple .bills-index-simple-uploader .file-uploader .file-uploader-input-parent,
.bills-index-simple .bills-index-simple-uploader .file-uploader button {
  width: 100%;
  background: none !important;
  font-size: 16px !important;
  color: #2ab24e !important;
}
.bills-index-simple .bills-index-simple-uploader .file-uploader .drag-tip {
  display: none;
}
.bills-index-simple .bills-index-simple-uploader .file-uploader .file-uploader-overlay .drop-tip {
  font-size: 24px;
}
.bills-index-simple .bills-index-simple-uploader .file-uploader .file-uploader-overlay .drop-tip .icon {
  width: 24px;
  height: 24px;
}
.bills-index-simple .bills-index-simple-list header {
  margin-bottom: 20px;
}
.bills-index-simple .bills-index-simple-list header div {
  margin-bottom: 15px;
}
.bills-index-simple .bills-index-simple-list header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.bills-index-simple .bills-index-simple-list header ul li {
  display: inline-block;
  margin-right: 30px;
  font-weight: 100;
  color: #2FC557;
  cursor: pointer;
}
.bills-index-simple .bills-index-simple-list header ul li.active {
  border-bottom: 1px solid #2FC557;
}
.bills-index-simple .bills-index-simple-list .filters {
  display: inline-block;
}
.bills-index-simple .bills-index-simple-list .search-elements {
  float: right;
  margin-bottom: 0;
  line-height: 0;
  vertical-align: middle;
}
.bills-index-simple .bills-index-simple-list .search-elements .tool {
  margin-bottom: 0;
}
.bills-index-simple .bills-index-simple-list .search-elements .text-field {
  vertical-align: top;
}
.bills-index-simple .bills-index-simple-list .pagination-row {
  min-height: 24px;
  position: relative;
}
.bills-index-simple .bills-index-simple-list .select-all-items {
  width: auto;
}
.bills-index-simple .bills-index-simple-list .select-all-items label input, .bills-index-simple .bills-index-simple-list .select-all-items .ar-boolean-multiple-input-array p input, .ar-boolean-multiple-input-array .bills-index-simple .bills-index-simple-list .select-all-items p input {
  display: inline-block;
  margin-right: 10px;
}
.bills-index-simple .bills-index-simple-list .select-all-items .delete-button {
  margin-left: 10px;
  line-height: 24px !important;
}
.bills-index-simple .bills-index-simple-list .pagination {
  position: absolute;
  top: 0;
  right: 0;
}
.bills-index-simple .bills-index-simple-list .pagination span:first-child {
  margin-right: 10px;
}
.bills-index-simple .bills-index-simple-list .pagination .page {
  box-sizing: border-box;
  height: 22px;
  width: 22px;
  margin: 0;
  border-radius: 11px;
  line-height: 22px;
  text-align: center;
}
.bills-index-simple .bills-index-simple-list .pagination .page.active {
  color: #6F8289;
  border: 1px solid #2FC557;
}
.bills-index-simple .bills-list {
  width: 100%;
}
.bills-index-simple .bills-list .bills-list-header td {
  height: 30px;
  border-bottom: 1px solid #6F8289;
}
.bills-index-simple .bills-list .bills-list-header td a {
  color: inherit;
}
.bills-index-simple .bills-list .bills-list-header td a:hover {
  text-decoration: none;
}
.bills-index-simple .bills-list .sorting-cell {
  position: relative;
}
.bills-index-simple .bills-list .sorting-cell .sorting-icon {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  opacity: 0;
}
.bills-index-simple .bills-list .sorting-cell .sorting-icon.active {
  opacity: 1;
  width: 12px;
  height: 2px;
  background: #666;
  transform: translate(2px, -6px);
}
.bills-index-simple .bills-list .sorting-cell .sorting-icon.active::before {
  display: block;
  position: absolute;
  top: 3px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 2px;
  background: #666;
  content: " ";
}
.bills-index-simple .bills-list .sorting-cell .sorting-icon.active::after {
  display: block;
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -2px;
  width: 4px;
  height: 2px;
  background: #666;
  content: " ";
}
.bills-index-simple .bills-list .sorting-cell .sorting-icon.asc {
  transform: translate(2px, 0px) rotate(180deg);
}
.bills-index-simple .bills-list .bills-list-body tr:hover {
  cursor: pointer;
  background-color: #f4f5f6;
}
.bills-index-simple .bills-list .bills-list-body td {
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #E6E6E6;
  vertical-align: middle;
}
.bills-index-simple .bills-list .selector-cell input {
  display: inline-block;
}
.bills-index-simple .bills-list .thumbnail-cell .thumbnail-image {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  transform: translate(0, 5px);
}
.bills-index-simple .bills-list .thumbnail-cell .thumbnail-image img {
  display: inline-block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.bills-index-simple .bills-list .state-cell span {
  display: inline-block;
  width: 72px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 2px;
  font-size: 11px;
  color: #fff;
}
.bills-index-simple .bills-list .state-cell span.draft {
  background: #03B3C1;
}
.bills-index-simple .bills-list .state-cell span.paid {
  background: #2AB24E;
}
.bills-index-simple .bills-list .state-cell span.unpaid {
  background: #FFD240;
}
.bills-index-simple .bills-list .state-cell span.overdue {
  background: #FF543E;
}

@keyframes spin {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(359deg);
  }
}
.bookkeeping-hero-popover {
  padding: 8px 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  overflow: hidden;
  overflow-y: auto;
}
.bookkeeping-hero-popover .group-header {
  white-space: initial;
}
.bookkeeping-hero-popover .screen {
  min-width: 100%;
  width: 100%;
  transition: margin 0.15s ease-in-out;
  -webkit-transition: margin 0.15s ease-in-out;
}
.bookkeeping-hero-popover .screen.tag.inactive {
  margin-left: -100%;
  height: 0;
}

.breadcrumb {
  line-height: 24px;
  font-size: 13px;
  font-weight: 400;
  color: var(--ds-color-gray90);
  cursor: pointer;
}
.breadcrumb.current {
  color: #a7a9b4;
  cursor: default;
}

.breadcrumb-separator {
  display: flex;
  margin: 0 16px;
  color: #a7a9b4;
  height: 10px;
  width: 6px;
}

.button-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button-filters.fluid {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.button-filters .button-filter {
  user-select: none;
  cursor: default;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 5px;
  padding: 2px 10px;
  text-align: center;
  cursor: pointer;
  color: #2766F1;
  background-color: #ffffff;
  border: 2px solid #2766F1;
  border-radius: 8px;
}
.button-filters .button-filter.selected {
  color: #ffffff;
  background-color: #2766F1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.button-filters .button-filter.disabled {
  pointer-events: none;
  color: #9aa5ac;
  border-color: #9aa5ac;
}
.button-filters .button-filter:hover {
  text-decoration: none;
}
.button-filters .button-filter:first-child {
  margin-left: 0;
}
.button-filters .button-filter:last-child {
  margin-right: 0;
}

.button-toggle-filter {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
}
.button-toggle-filter:not(:last-child) {
  margin-right: 10px;
}
.button-toggle-filter .button-toggle-filter-handle {
  user-select: none;
  cursor: default;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2px 10px;
  text-align: center;
  cursor: pointer;
  color: #2766F1;
  background-color: #ffffff;
  border: 2px solid #2766F1;
  border-radius: 8px;
}
.button-toggle-filter .button-toggle-filter-handle.on {
  color: #ffffff;
  background-color: #2766F1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.button-toggle-filter .button-toggle-filter-handle.disabled {
  pointer-events: none;
  color: #9aa5ac;
  border-color: #9aa5ac;
}
.button-toggle-filter .button-toggle-filter-handle:hover {
  text-decoration: none;
}
.button-toggle-filter .button-toggle-filter-handle:first-child {
  margin-left: 0;
}
.button-toggle-filter .button-toggle-filter-handle:last-child {
  margin-right: 0;
}

.button-toggle-filter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button-toggle-filter-group.fluid {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.campaign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px;
  margin: 20px 0;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(221, 225, 227, 0.8);
  border: 1px solid #dde1e3;
}
.campaign .campaign-image img {
  width: 200px;
}
.campaign .campaign-header {
  margin-top: 10px;
}
.campaign .campaign-sub-header {
  line-height: 100%;
}
.campaign .campaign-description {
  width: 375px;
  text-align: center;
  margin-top: 12px;
}
.campaign .campaign-cta {
  margin-top: 40px;
}
.campaign .campaign-footer {
  margin-top: 40px;
  text-align: center;
}
.campaign .campaign-footer a {
  margin: 0 10px;
}

.circle-filter {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-column-gap: 16px;
}
.circle-filter .separator {
  width: 1px;
  overflow: hidden;
  background-color: #dde1e3;
}

.circle-filter-category {
  padding: 24px;
  border-radius: 16px;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  transition: box-shadow ease-out 0.1s;
}
.circle-filter-category:hover {
  box-shadow: inset 0 0 0 2px #dbd4ff;
}
.circle-filter-category.selected {
  box-shadow: inset 0 0 0 2px #00e383;
  cursor: unset;
}
.circle-filter-category .name.info {
  color: var(--ds-color-gray90);
}
.circle-filter-category .name.info-highlighted {
  color: #5d4dae;
}
.circle-filter-category .name.warning {
  color: #d92d20;
}
.circle-filter-category .name.attention {
  color: #dcb11a;
}
.circle-filter-category .name.success {
  color: #29b574;
}
.circle-filter-category .badge {
  margin-right: 6px;
}
.circle-filter-category .name {
  display: block;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}
.circle-filter-category .currency {
  color: var(--ds-color-gray90);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.circle-filter-category .content {
  display: flex;
  margin-top: 6px;
  margin-bottom: 6px;
  flex-direction: column;
  justify-content: center;
}
.circle-filter-category .content .value-wrapper {
  display: block;
  width: 100%;
  margin-top: 4px;
  white-space: nowrap;
  font-weight: 500;
  color: var(--ds-color-deep-sea-green);
}
.circle-filter-category .content .value {
  opacity: 0;
  font-size: 28px;
  transition: opacity 0.1s ease-out;
}
.circle-filter-category .content .description {
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}

.collapse-panel .collapse-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.collapse-panel .collapse-header .caret {
  transition: transform 0.3s ease-out;
  -webkit-transition: transform 0.3s ease-out;
}
.collapse-panel .collapse-header .caret svg {
  fill: #5c6870;
}
.collapse-panel .collapse-body {
  transition: height 0.3s ease-out;
  -webkit-transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
.collapse-panel .collapse-body .collapse-body-inner {
  padding-top: 25px;
  padding-bottom: 10px;
}
.collapse-panel.is-open .collapse-header .caret {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.collect-ai-setup-window h3 {
  font-size: 16px;
  margin: 15px 0 5px;
}
.collect-ai-setup-window h4.center {
  text-align: center;
}
.collect-ai-setup-window p {
  margin-bottom: 15px;
}
.collect-ai-setup-window li {
  color: #00e383;
  list-style: square;
}
.collect-ai-setup-window li span {
  color: #40494f;
}
.collect-ai-setup-window .logos {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 10px 0;
}
.collect-ai-setup-window .logos img {
  max-width: 100px;
}

.color-field {
  position: relative;
}
.color-field .sp-replacer {
  position: absolute;
  top: 6px;
  right: 4px;
  border: 0;
  background-color: transparent;
  color: #697588;
}
.color-field .sp-replacer:hover, .color-field .sp-replacer.sp-active {
  color: #2766F1;
}
.color-field .sp-replacer .sp-preview {
  border-radius: 8px;
  border-color: #d3d6df;
}
.color-field .sp-replacer .sp-dd {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.10241 5L8 9.2127 11.8976 5 13 6.19153 8.5512 11H7.4488L3 6.19153 4.10241 5z' fill='%239094A5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.sp-container {
  background-color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.sp-container .sp-color {
  border-color: #697588;
}
.sp-container .sp-hue {
  border-color: #697588;
}
.sp-container .sp-slider {
  border-color: #697588;
  background-color: #fff;
}
.sp-container .sp-cancel {
  color: #2766F1 !important;
}
.sp-container .sp-choose, .sp-container .sp-choose:hover {
  background-color: #697588;
  background-image: none;
  border: 1px solid #5c6870;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
}
.sp-container .sp-choose:hover {
  background-color: #768295;
}

.confirm-add-ons-purchase .window-body .addon-change-list {
  list-style: none;
}
.confirm-add-ons-purchase .window-body .addon-change-list .addon-change-item::before {
  content: "▪";
  color: #00e383;
  font-size: 1em;
  width: 1em;
  display: inline-block;
  margin-left: -1em;
}
.confirm-add-ons-purchase .window-footer .action-group-positive .total-payable {
  font-size: 16px;
  padding-right: 10px;
}

.confirm-subscription hr {
  border: 0;
  height: 0;
  border-top: 1px solid #dde1e3;
  margin-top: 26px;
}
.confirm-subscription .row-indent {
  margin: 0 10px;
}
.confirm-subscription .price {
  font-size: 16px;
  margin-left: auto;
}
.confirm-subscription .change {
  margin: 0;
  position: relative;
  top: 3px;
  color: #2766F1;
  margin-left: 10px;
  cursor: pointer;
}
.confirm-subscription .sub-header {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 15px;
  padding-top: 10px;
  margin: 0 10px;
}
.confirm-subscription .sub-header .price {
  font-size: 16px;
}
.confirm-subscription .window-body > h1,
.confirm-subscription .window-body > h2,
.confirm-subscription .window-body > p {
  margin-left: 10px;
}
.confirm-subscription .window-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.confirm-subscription .window-footer p {
  margin-left: auto;
  font-size: 16px;
  margin-right: 13px;
}

.confirm-summary-subscription h2 {
  font-weight: 500;
  text-transform: capitalize;
}
.confirm-summary-subscription label, .confirm-summary-subscription .ar-boolean-multiple-input-array p, .ar-boolean-multiple-input-array .confirm-summary-subscription p {
  display: block;
  margin-top: 4px;
}
.confirm-summary-subscription label input, .confirm-summary-subscription .ar-boolean-multiple-input-array p input, .ar-boolean-multiple-input-array .confirm-summary-subscription p input {
  position: relative;
  bottom: 1px;
}
.confirm-summary-subscription .label {
  background-color: #309c35;
  margin-left: 5px;
}

.contact-export-window .window-body-row {
  gap: 16px;
}
.contact-export-window .window-body-column {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.coupon-code {
  min-height: 48px;
}
.coupon-code > * {
  margin-right: 12px;
}
.coupon-code a {
  line-height: 48px;
}
.coupon-code button {
  margin-top: 5px;
}

.coupon-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 80px;
  margin: 20px auto;
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(221, 225, 227, 0.8);
  border: 1px solid #dde1e3;
  width: 700px;
}
.coupon-offer h1 {
  font-size: 34px;
  margin-bottom: 10px;
}
.coupon-offer h3 {
  font-size: 16px;
}
.coupon-offer .coupon-redeem-section {
  margin: 20px 0;
  width: 75%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.coupon-offer .coupon-redeem-section .text-field {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.coupon-offer .coupon-redeem-section .button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 34px;
  font-size: 16px;
}

.credit-card {
  position: relative;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: 1px solid #dde1e3;
  margin: 15px 0;
  margin-top: 10px;
}
.credit-card:hover {
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
}
.credit-card a {
  display: block;
}
.credit-card .tool {
  display: block;
  overflow: visible;
  height: auto;
  line-height: auto;
}
.credit-card .tool svg {
  margin: 3px;
}
.credit-card .tool-icons-trashcan svg {
  height: 18px;
  width: auto;
}
.credit-card .tool.has-action.tool-icons-circle-solid-check:hover .svg-main {
  fill: #00e383;
}
.credit-card .credit-card-inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.credit-card .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
}
.credit-card .controls .trash {
  transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.credit-card .controls .trash.visible {
  opacity: 1;
}
.credit-card .controls .check svg {
  width: 18px;
  height: 18px;
  fill: #9aa5ac;
}
.credit-card .controls .check.not-default {
  transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.credit-card .controls .check.not-default.visible {
  opacity: 1;
}
.credit-card .credit-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: box-shadow 0.15s ease-in-out;
  -webkit-transition: box-shadow 0.15s ease-in-out;
  width: 100%;
  height: 140px;
  font-size: 14px;
  padding: 15px;
}
.credit-card .credit-card-inner.empty-card {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: #2766F1;
}
.credit-card .credit-card-inner.empty-card:hover {
  text-decoration: underline;
}
.credit-card .credit-card-inner.empty-card > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.credit-card .credit-card-inner.empty-card b {
  display: inline;
}
.credit-card .credit-card-inner.empty-card b svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10px;
  height: 10px;
  fill: #2766F1;
  margin-left: 6px;
}
.credit-card .credit-card-inner p,
.credit-card .credit-card-inner a {
  padding-left: 0;
}
.credit-card .credit-card-inner .credit-card-logo,
.credit-card .credit-card-inner .credit-card-details {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.credit-card .credit-card-inner .credit-card-logo > div {
  height: 30px;
}
.credit-card .credit-card-inner .credit-card-logo > div.visa {
  height: 20px;
}
.credit-card .credit-card-inner .credit-card-logo > div.diners {
  height: 25px;
}
.credit-card .credit-card-inner .credit-card-logo > div.maestro, .credit-card .credit-card-inner .credit-card-logo > div.mastercard {
  height: 35px;
}
.credit-card .credit-card-inner .credit-card-logo .default .billy-face {
  fill: #dde1e3;
}
.credit-card .credit-card-inner .credit-card-details p {
  font-weight: 500;
  font-size: 17px;
}
.credit-card .credit-card-inner .credit-card-number {
  padding-bottom: 6px;
}
.credit-card .credit-card-inner .credit-card-dates {
  padding-top: 4px;
}
.credit-card .credit-card-inner .credit-card-x {
  padding-right: 6px;
}

.document-paper {
  position: relative;
  margin: auto;
  box-shadow: 0px 1px 4px 0px rgba(92, 104, 112, 0.5);
  background-color: #fff;
  overflow: hidden;
}
.document-paper .document-paper-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent;
}
.document-paper .document-paper-triangle.yellow {
  border-right-color: #f2cc44;
}
.document-paper .document-paper-triangle.gray {
  border-right-color: #697588;
}
.document-paper .document-paper-triangle.red {
  border-right-color: #d92d20;
}
.document-paper .document-paper-triangle.green {
  border-right-color: #00e383;
}

.download-list .download-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fcfcfc;
  border: 1px solid #dde1e3;
  border-radius: 8px;
  padding: 12px 20px;
  padding-right: 15px;
}
.download-list .download-list-item:not(:last-child) {
  margin-bottom: 5px;
}
.download-list .download-list-item p {
  margin-bottom: 0;
}
.download-list .download-list-item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #40494f;
  font-weight: 500;
}
.download-list .download-list-item .content .icon {
  width: 13px;
  margin-right: 10px;
}
.download-list .download-list-item .content svg > g {
  fill: #40494f;
}
.download-list .download-list-item .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.download-list .download-list-item .actions .download {
  padding-left: 15px;
}
.download-list .download-list-item .actions .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: rgba(57, 157, 229, 0.05);
  border: 1px solid #2766F1;
  border-radius: 10px 10px 10px 0;
  color: #2766F1;
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
}

.feature-list-addon-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.feature-list-addon-item p {
  margin-bottom: 0;
}
.feature-list-addon-item .feature-list-addon-item-icon {
  width: 45px;
  height: 18px;
  border-radius: 4px;
  margin-right: 11px;
}
.feature-list-addon-item .feature-list-addon-item-icon svg .cross,
.feature-list-addon-item .feature-list-addon-item-icon svg .checkmark {
  stroke-width: 12;
}
.feature-list-addon-item .feature-list-addon-item-icon.is-opt-in {
  background-color: #697588;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  line-height: 18px;
}
.feature-list-addon-item .feature-list-addon-item-icon.is-not-included svg rect {
  fill: #fc1b15;
}
.feature-list-addon-item .feature-list-addon-item-icon.is-included svg rect {
  fill: #309c35;
}

.feature-list-extra-item {
  text-align: center;
  border-radius: 4px;
  border: 1px solid #dde1e3;
  padding: 15px 40px;
  position: relative;
}
.feature-list-extra-item .flag {
  position: absolute;
  top: -4px;
  left: -4px;
  color: #ffffff;
  background-color: #309c35;
  border-radius: 4px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
}
.feature-list-extra-item p:last-child {
  font-size: 16px;
}
.feature-list-extra-item.is-not-available {
  background-color: #f4f5f6;
  color: #697588;
  border-color: #f4f5f6;
}
.feature-list-extra-item.is-not-available p:last-child {
  font-size: 14px;
}
.feature-list-extra-item.highlight {
  border-color: #309c35;
}

.feature-list-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.feature-list-feature-item p {
  margin-bottom: 0;
}
.feature-list-feature-item p a {
  font-weight: 400;
}
.feature-list-feature-item .feature-list-feature-item-icon {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  margin-right: 10px;
}
.feature-list-feature-item .feature-list-feature-item-icon svg .cross,
.feature-list-feature-item .feature-list-feature-item-icon svg .checkmark {
  stroke-width: 12;
}
.feature-list-feature-item .feature-list-feature-item-icon.is-included svg .circle {
  fill: #309c35;
}
.feature-list-feature-item .feature-list-feature-item-icon.is-not-included svg .circle {
  fill: #fc1b15;
}
.feature-list-feature-item .feature-list-feature-item-icon.is-included-but-limited svg .circle {
  fill: #697588;
}
.feature-list-feature-item .feature-list-feature-item-icon.is-opt-in svg circle {
  fill: #697588;
}

.feature-list-preview .feature-list-preview-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
}
.feature-list-preview .feature-list-feature-item {
  width: 198px;
  margin-bottom: 8px;
}
.feature-list-preview .feature-list-feature-item p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
}
.feature-list-preview .feature-list-feature-item:nth-child(odd) {
  margin-right: 14px;
}
.feature-list-preview .feature-list-preview-cta {
  text-align: center;
  margin-top: 20px;
}

.file-area .file-area-inner .file-uploader {
  display: table;
  width: inherit;
  height: 100%;
  text-align: center;
}
.file-area .file-area-inner .file-uploader .file-list {
  padding-top: 20px;
}
.file-area .file-area-inner .file-uploader .upload-button {
  display: table-cell;
  width: inherit;
  vertical-align: middle;
  line-height: 12px;
}
.file-area .file-area-inner .file-uploader .upload-button .file-uploader-input-parent {
  float: none;
}
.file-area .file-area-inner .file-uploader .upload-button .file-uploader-input-parent button {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-shadow: none;
  text-transform: none;
  color: var(--ds-color-deep-sea-green);
  font-weight: 700;
}
.file-area .file-area-inner .file-uploader .upload-button .file-uploader-input-parent button.small {
  min-width: inherit;
}
.file-area .file-area-inner .file-uploader .upload-button .file-uploader-input-parent button:hover {
  text-decoration: underline;
}
.file-area .file-area-inner .file-uploader .upload-button .drag-tip {
  float: none;
}
.file-area .file-area-inner .remove {
  position: absolute;
  font-weight: normal;
  text-decoration: none;
}
.file-area .file-area-inner .remove .icon {
  float: left;
  margin: -2px 0 0 -3px;
  width: 16px;
  height: 16px;
}
.file-area .file-area-inner .remove .icon g {
  fill: currentColor;
}
.file-area.small {
  border: 2px dashed #d3d6df;
  border-radius: 16px;
  width: 100%;
  height: 100px;
}
.file-area.small:hover {
  border-color: var(--ds-color-deep-sea-green);
}
.file-area.small .file-area-inner {
  width: 100%;
  height: 100px;
}
.file-area.small .file-area-inner .file-uploader .file-list {
  margin: 0;
  padding: 20px;
  width: 352px;
}
.file-area.small.has-file {
  position: relative;
  border: 1px solid #dde1e3;
  height: 180px;
}
.file-area.small.has-file .drop-area-inner {
  width: 100%;
  height: 148px;
  text-align: center;
}
.file-area.small.has-file .drop-area-inner img {
  border-radius: 7px;
  max-width: 100%;
  max-height: 148px;
}
.file-area.small.has-file .file-area-inner {
  height: 30px;
}
.file-area.small.has-file .file-area-inner .file-uploader {
  position: relative;
  padding: 0 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 100%;
  height: 30px;
  background: var(--ds-default-background);
}
.file-area.small.has-file .file-area-inner .file-uploader .file-uploader-input-parent {
  float: left;
}
.file-area.small.has-file .file-area-inner .remove {
  right: 12px;
  bottom: 3px;
  z-index: 19;
}
.file-area.tiny .drop-area {
  float: left;
  border: 2px dashed #dde1e3;
  border-radius: 8px;
  width: 50px;
  height: 50px;
}
.file-area.tiny .drop-area .file-list {
  margin: 20px;
}
.file-area.tiny .file-area-inner {
  padding-left: 63.3333333333px;
  height: 50px;
}
.file-area.tiny .file-area-inner .file-uploader .file-list {
  width: 288.6666666667px;
}
.file-area.tiny.has-file .drop-area {
  display: table;
  border: 1px solid #dde1e3;
}
.file-area.tiny.has-file .drop-area .drop-area-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.file-area.tiny.has-file .drop-area .drop-area-inner img {
  border-radius: 7px;
  max-width: 48px;
  max-height: 48px;
  vertical-align: middle;
}
.file-area.tiny.has-file .file-uploader .file-uploader-input-parent {
  margin-bottom: 24px;
}
.file-area.tiny.has-file .file-area-inner {
  position: relative;
}
.file-area.tiny.has-file .file-area-inner .remove {
  top: 24px;
  left: 63.3333333333px;
}

.fixed-assets-list .fixed-assets-list-item {
  transition: margin 0.15s ease-in-out;
  -webkit-transition: margin 0.15s ease-in-out;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  padding: 0;
}
.fixed-assets-list .fixed-assets-list-item.is-active {
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.075);
}
.fixed-assets-list .fixed-assets-list-item.is-active .primary-body {
  transition: border-color 0s ease-in-out;
  -webkit-transition: border-color 0s ease-in-out;
  background-color: #ffffff;
}
.fixed-assets-list .primary-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: border-color 0.3s ease-in-out;
  -webkit-transition: border-color 0.3s ease-in-out;
  background-color: #fcfcfc;
  border-radius: 8px;
}
.fixed-assets-list .primary-body .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 20px;
  font-size: 15px;
  color: var(--ds-color-deep-sea-green);
}
.fixed-assets-list .primary-body .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-left: auto;
  margin-top: 0;
  margin-right: 12px;
}
.fixed-assets-list .primary-body .actions .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--ds-color-gray90);
  border-radius: 100%;
  color: var(--ds-color-gray90);
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin: 0 16px;
}
.fixed-assets-list .primary-body .actions .choices {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px 0;
  padding: 4px;
  border-radius: 12px;
  background-color: rgba(217, 220, 229, 0.4);
}
.fixed-assets-list .primary-body .actions .choices .choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-transition: background-color 0.1s ease-out, color 0.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 56px;
  height: 40px;
  width: max-content;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-family: "Aeonik", sans-serif;
  font-weight: 700;
  color: var(--ds-color-gray90);
  white-space: nowrap;
  cursor: pointer;
}
.fixed-assets-list .primary-body .actions .choices .choice.is-selected, .fixed-assets-list .primary-body .actions .choices .choice.is-active {
  color: var(--ds-color-deep-sea-green);
  background-color: #fff;
  cursor: default;
}
.fixed-assets-list .primary-body .actions .choices .choice:not(.is-selected):not(.is-active):hover {
  color: #dbd4ff;
  background-color: var(--ds-color-deep-sea-green);
}
.fixed-assets-list .fixed-assets-list-item.disable-transition .collapse-body {
  transition: height 0s ease-in-out;
  -webkit-transition: height 0s ease-in-out;
}
.fixed-assets-list .collapse-body {
  transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  color: #5c6870;
  height: 0;
  overflow: hidden;
  position: relative;
}
.fixed-assets-list .collapse-body:before {
  content: "";
  width: 100%;
  background-color: #dde1e3;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fixed-assets-list .collapse-body hr {
  border: 0;
  height: 0;
  border-top: 1px solid #dde1e3;
  margin-bottom: 20px;
  margin-top: 20px;
}
.fixed-assets-list .collapse-body .collapse-body-inner {
  padding: 30px 20px;
}
.fixed-assets-list .collapse-body .collapse-body-inner img {
  width: 60px;
  height: auto;
  border-radius: 100%;
  margin-right: 20px;
}
.fixed-assets-list .collapse-body .collapse-body-inner h2 {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  color: #309c35;
  font-weight: 500;
  font-size: 16px;
  margin-right: 7px;
  line-height: 20px;
}
.fixed-assets-list .collapse-body .collapse-body-inner .label {
  -ms-flex-item-align: baseline;
  align-self: baseline;
  font-size: 14px;
  background-color: #309c35;
}
.fixed-assets-list .collapse-body .collapse-body-inner .display-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fixed-assets-list .collapse-body .collapse-header {
  text-align: center;
  font-weight: 500;
}
.fixed-assets-list .collapse-body .collapse-label {
  text-align: right;
}
.fixed-assets-list .collapse-body .collapse-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fixed-assets-list .collapse-body .collapse-row:not(:last-child) {
  margin-bottom: 11px;
}
.fixed-assets-list .collapse-body .collapse-row:first-child {
  margin-bottom: 7px;
}
.fixed-assets-list .collapse-body .collapse-row div {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.fixed-assets-list .collapse-body .collapse-row div:not(:last-child) {
  margin-right: 20px;
}
.fixed-assets-list .collapse-body .inputs-with-label {
  padding-top: 2px;
}
.fixed-assets-list .collapse-body .inputs-with-label p {
  margin-bottom: 0;
  line-height: 16px;
}
.fixed-assets-list .collapse-body .inputs-with-label .inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fixed-assets-list .collapse-body .inputs-with-label .inputs p {
  line-height: 36px;
  margin: 0 7px;
}
.fixed-assets-list .collapse-body .inputs-with-label .inputs input {
  width: 40px;
  text-align: center;
}
.fixed-assets-list .collapse-body .residual-value {
  margin-top: 18px;
}
.fixed-assets-list .collapse-body .residual-value .inputs p {
  margin: 0 7px;
}
.fixed-assets-list .collapse-body .residual-value .inputs p:last-child {
  margin-left: 8px;
}
.fixed-assets-list .nested-collapse-body {
  height: 0;
  overflow: hidden;
}
.fixed-assets-list .nested-collapse-body .collapse-row:not(:last-child) {
  margin-bottom: 11px;
}
.fixed-assets-list .open-nested-dropdown-action {
  display: block;
  text-align: center;
  font-weight: 400;
}

.flip-switch {
  transform: translateZ(0);
  cursor: pointer;
  position: relative;
  height: 24px;
  width: 40px;
  border-radius: 12px;
  background-color: #d3d6df;
  overflow: hidden;
}
.flip-switch:hover, .flip-switch:active {
  background-color: #a7a9b4;
}
.flip-switch .flip-switch-slider {
  position: absolute;
  top: 0;
  left: -16px;
  width: 56px;
  height: 24px;
}
.flip-switch, .flip-switch .flip-switch-slider, .flip-switch .flip-switch-handle {
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
}
.flip-switch .flip-switch-on-label, .flip-switch .flip-switch-off-label {
  display: none;
  position: absolute;
  top: 0;
  font-weight: 500;
  line-height: 24px;
  width: 16px;
  text-align: center;
}
.flip-switch .flip-switch-on-label {
  left: 0;
  color: #fff;
  padding-left: 5px;
}
.flip-switch .flip-switch-off-label {
  left: 36px;
  color: #9aa5ac;
  padding-right: 5px;
}
.flip-switch .flip-switch-handle {
  z-index: 2;
  position: absolute;
  top: 2px;
  left: 18px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #ffffff;
}
.flip-switch.flip-switch-on {
  background-color: #00e383;
}
.flip-switch.flip-switch-on:hover {
  background-color: var(--ds-color-deep-sea-green);
}
.flip-switch.flip-switch-on:active {
  background-color: #29b574;
}
.flip-switch.flip-switch-on .flip-switch-slider {
  left: 0;
}
.flip-switch.flip-switch-on .flip-switch-handle {
  background-color: #fff;
  border-color: #fff;
}
.flip-switch.flip-switch-disabled {
  cursor: auto;
  background-color: #f5f6f9;
}
.flip-switch.flip-switch-disabled .flip-switch-handle {
  opacity: 0.5;
}

.horizontal-bar-chart text {
  fill: #697588;
}
.horizontal-bar-chart .axis {
  fill: #dde1e3;
}
.horizontal-bar-chart .x-label {
  font-size: 12px;
}
.horizontal-bar-chart .category .sign-stroke {
  fill: #fff;
  stroke-width: 4px;
  stroke: #fff;
}
.horizontal-bar-chart .category .sign {
  fill: #697588;
}
.horizontal-bar-chart .category .category-label {
  font-size: 12px;
}
.horizontal-bar-chart .category .value {
  font-size: 24px;
}
.horizontal-bar-chart .category.green .partial-bar {
  fill: #73d477;
}
.horizontal-bar-chart .category.green .bar {
  fill: #00e383;
}
.horizontal-bar-chart .category.red .partial-bar {
  fill: #ff7770;
}
.horizontal-bar-chart .category.red .bar {
  fill: #d92d20;
}

.inline-error {
  visibility: hidden;
  background-color: #fff9d6;
  border: 1px solid #ffe75c;
  padding: 6px 0px;
  margin-bottom: 12px;
  opacity: 0;
  transition: opacity linear 0.2s;
  -webkit-transition: opacity linear 0.2s;
}
.inline-error.has-error {
  visibility: visible;
  opacity: 1;
}

.invoice-editor .file-uploader-input-parent {
  margin: 0;
}
.invoice-editor .v-tight-spacer {
  height: 5px;
  width: 1px;
}
.invoice-editor .attachments-list {
  width: 300px;
}
.invoice-editor .tax-justification {
  margin-top: 16px;
  font-size: 14px;
}
.invoice-editor .tax-justification td {
  padding-left: 15px;
}
.invoice-editor .tax-justification td:first-child {
  padding-left: 0;
}
.invoice-editor .tax-justification .nontaxable-amount,
.invoice-editor .tax-justification .taxable-amount {
  font-weight: 500;
}
.invoice-editor .lines {
  font-size: 14px;
  border-bottom: 2px solid #d9dce5;
}
.invoice-editor .lines .inner-lines {
  margin-bottom: 10px;
}
.invoice-editor .lines .inner-lines.no-bottom-margin {
  margin-bottom: 0;
}
.invoice-editor .lines .line-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.invoice-editor .lines .line-header .line-total-header {
  width: 120px;
}
.invoice-editor .lines .line-header .with-spacing {
  margin-right: 8px;
}
.invoice-editor .lines .invoice-line-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -36px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.invoice-editor .lines .invoice-line-editor:hover .actions,
.invoice-editor .lines .invoice-line-editor:hover .draggable-column {
  visibility: visible;
}
.invoice-editor .lines .invoice-line-editor .field-group {
  margin-bottom: 0;
}
.invoice-editor .lines .draggable-column .tool-icons-reorder {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  float: left;
}
.invoice-editor .lines .onetime-column .tool-icons-infinity {
  float: left;
}
.invoice-editor .lines .draggable-helper {
  position: absolute;
  visibility: hidden;
}
.invoice-editor .lines .droppable-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  display: none;
}
.invoice-editor .lines .actions-wrapper {
  display: flex;
  margin-top: 16px;
  margin-bottom: 32px;
}
.invoice-editor .lines .actions-wrapper .tool,
.invoice-editor .lines .actions-wrapper .tool + .v2-file-selector-invader-parent {
  margin-left: 6px;
}
.invoice-editor .lines .actions-wrapper .tool:first-child {
  margin-left: 0;
}
.invoice-editor .lines .droppable-hover-below:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 36px;
  right: 0;
  border-bottom: 8px dashed #00e383;
}
.invoice-editor .lines .droppable-hover-above:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 36px;
  right: 0;
  border-top: 8px dashed #00e383;
}
.invoice-editor .lines .draggable-column {
  width: 24px;
  margin-right: 12px;
  visibility: hidden;
}
.invoice-editor .lines .onetime-column {
  width: 24px;
  margin-right: 12px;
}
.invoice-editor .lines .product-image {
  width: 36px;
  margin-right: 12px;
}
.invoice-editor .lines .product-image table {
  width: 36px;
  height: 36px;
}
.invoice-editor .lines .product-image td {
  vertical-align: middle;
}
.invoice-editor .lines .product-image img {
  cursor: pointer;
  display: block;
  margin: auto;
  max-width: 36px;
  max-height: 36px;
}
.invoice-editor .lines .discount-label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  padding-right: 12px;
  line-height: 40px;
}
.invoice-editor .lines .line-total {
  width: 120px;
  text-align: right;
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.invoice-editor .lines .actions {
  width: 60px;
  padding-left: 12px;
}
.invoice-editor .lines .actions .tool {
  margin-top: 2px;
  float: left;
}
.invoice-editor .total {
  min-width: 300px;
  margin-top: 10px;
  padding-right: 60px;
}
.invoice-editor .total > .total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 36px;
  font-size: 14px;
}
.invoice-editor .total > .total-row.border-under {
  border-bottom: 1px solid #d9dce5;
}
.invoice-editor .total > .total-row.double-border-under {
  font-weight: 500;
  border-bottom: 2px solid #d9dce5;
}
.invoice-editor .total > .total-row .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  padding: 0px 12px;
}
.invoice-editor .total > .total-row .value {
  width: 120px;
  text-align: right;
}
.invoice-editor .invoice-options-wrapper {
  margin-top: 23px;
}
.invoice-editor .template-wrapper {
  margin: 0;
}
.invoice-editor .template-wrapper .field {
  margin-bottom: 0 !important;
}
.invoice-editor .discount-amount {
  margin-top: 8px;
}
.invoice-editor .field-group {
  margin-bottom: auto;
}

html.touch .invoice-edit .lines .actions {
  visibility: visible;
}

.legend-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.legend-dot.color-default {
  background-color: var(--ds-color-deep-sea-green);
}
.legend-dot.color-blue {
  background-color: #2766F1;
}
.legend-dot.color-blue-xxlight {
  background-color: #e8f3ff;
}
.legend-dot.color-blue-xlight {
  background-color: #c2e2ff;
}
.legend-dot.color-blue-light {
  background-color: #47a9ff;
}
.legend-dot.color-blue-dark {
  background-color: #006dcc;
}
.legend-dot.color-blue-xdark {
  background-color: #095a8c;
}
.legend-dot.color-green {
  background-color: #00e383;
}
.legend-dot.color-green-xxlight {
  background-color: #effaf0;
}
.legend-dot.color-green-xlight {
  background-color: #d0f1d2;
}
.legend-dot.color-green-light {
  background-color: #73d477;
}
.legend-dot.color-green-dark {
  background-color: #309c35;
}
.legend-dot.color-green-xdark {
  background-color: #2a7a2a;
}
.legend-dot.color-yellow {
  background-color: #f2cc44;
}
.legend-dot.color-yellow-xxlight {
  background-color: #fffceb;
}
.legend-dot.color-yellow-xlight {
  background-color: #fff9d6;
}
.legend-dot.color-yellow-light {
  background-color: #ffe75c;
}
.legend-dot.color-yellow-dark {
  background-color: #ffce00;
}
.legend-dot.color-yellow-xdark {
  background-color: #ffbe00;
}
.legend-dot.color-red {
  background-color: #d92d20;
}
.legend-dot.color-red-xxlight {
  background-color: #fcf5f5;
}
.legend-dot.color-red-xlight {
  background-color: #ffeceb;
}
.legend-dot.color-red-light {
  background-color: #ff7770;
}
.legend-dot.color-red-dark {
  background-color: #fc1b15;
}
.legend-dot.color-red-xdark {
  background-color: #c70101;
}
.legend-dot.color-purple {
  background-color: #7151e5;
}
.legend-dot.color-purple-xxlight {
  background-color: #f4f2fc;
}
.legend-dot.color-purple-xlight {
  background-color: #ebe8f9;
}
.legend-dot.color-purple-light {
  background-color: #a18ced;
}
.legend-dot.color-purple-dark {
  background-color: #511bda;
}
.legend-dot.color-purple-xdark {
  background-color: #3d14a3;
}
.legend-dot.color-gray {
  background-color: #697588;
}
.legend-dot.color-gray-xxlight {
  background-color: #f4f5f6;
}
.legend-dot.color-gray-xlight {
  background-color: #dde1e3;
}
.legend-dot.color-gray-light {
  background-color: #9aa5ac;
}
.legend-dot.color-gray-lighter {
  background-color: #717b82;
}
.legend-dot.color-gray-dark {
  background-color: #5c6870;
}
.legend-dot.color-gray-xdark {
  background-color: #40494f;
}
.legend-dot.color-blue-gray {
  background-color: #697588;
}
.legend-dot.color-blue-gray-xxlight {
  background-color: #f4f5f6;
}
.legend-dot.color-blue-gray-xlight {
  background-color: #dde1e3;
}
.legend-dot.color-blue-gray-light {
  background-color: #9aa5ac;
}
.legend-dot.color-blue-gray-dark {
  background-color: #5c6870;
}
.legend-dot.color-blue-gray-xdark {
  background-color: #40494f;
}
.legend-dot.color-gray-warm {
  background-color: #897f76;
}
.legend-dot.color-gray-warm-xxlight {
  background-color: #f6f5f4;
}
.legend-dot.color-gray-warm-xlight {
  background-color: #d9d6d3;
}
.legend-dot.color-gray-warm-light {
  background-color: #b3ada8;
}
.legend-dot.color-gray-warm-dark {
  background-color: #787068;
}
.legend-dot.color-gray-warm-xdark {
  background-color: #625b55;
}
.legend-dot.color-white {
  background-color: #ffffff;
}
.legend-dot.color-skin-light {
  background-color: #ffd4cc;
}
.legend-dot.color-skin-dark {
  background-color: #e5b7a0;
}
.legend-dot.color-brown {
  background-color: #a8835e;
}
.legend-dot.color-brown-dark {
  background-color: #725e50;
}
.legend-dot.color-brown-xdark {
  background-color: #4c4139;
}
.legend-dot.color-light-black {
  background-color: #26211e;
}
.legend-dot.color-black {
  background-color: #000000;
}
.legend-dot.color-background-gray {
  background-color: var(--ds-default-background);
}
.legend-dot.color-border-gray {
  background-color: #dde1e3;
}
.legend-dot.color-input-border-gray {
  background-color: #d3d6df;
}
.legend-dot.color-tooltip-background {
  background-color: var(--ds-color-deep-sea-green);
}

.loading-spinner {
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.loading-spinner.loading-spinner-auto-center {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: 0px;
}
.loading-spinner .spinner {
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  opacity: 0.7;
}
.loading-spinner .spinner svg {
  -webkit-animation: anim-rotate 1s infinite steps(12);
  -moz-animation: anim-rotate 1s infinite steps(12);
  animation: anim-rotate 1s infinite steps(12);
}

.long-term-debt-list .long-term-debt-list-item {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  padding: 0;
}
.long-term-debt-list .primary-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.long-term-debt-list .primary-body .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  padding: 14px 20px;
  color: #40494f;
  font-size: 15px;
}
.long-term-debt-list .primary-body .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-left: auto;
  margin-top: 0;
}
.long-term-debt-list .primary-body .actions .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--ds-color-gray90);
  border-radius: 100%;
  color: var(--ds-color-gray90);
  user-select: none;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin: 14px 20px;
  margin-right: 15px;
}
.long-term-debt-list .collapse-body {
  position: relative;
}
.long-term-debt-list .collapse-body:before {
  content: "";
  width: 100%;
  background-color: #dde1e3;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.long-term-debt-list .collapse-body .collapse-body-inner {
  padding: 20px 30px;
}
.long-term-debt-list .collapse-body .collapse-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.no-content .empty {
  margin-top: 40px;
  text-align: center;
}

.empty-create-arrow {
  position: absolute;
  top: 0px;
  right: 0px;
}
.empty-create-arrow svg .svg-arrow {
  fill: #697588;
}

.empty {
  width: 560px;
  margin: auto;
}
.empty h1 {
  font-size: 32px;
  color: #697588;
  margin-bottom: 20px;
}
.empty p {
  margin-bottom: 10px;
}
.empty .video {
  padding-top: 20px;
}

.no-records-found {
  display: flex;
  height: 56px;
  padding: 0;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--ds-color-deep-sea-green);
}

.nordic-api-setup .info-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 10px;
  color: #5c6870;
}
.nordic-api-setup .connection-details {
  width: 570px;
  height: 95px;
  border: #E9F0F5 1px solid;
  border-radius: 8px;
}
.nordic-api-setup .extra-info-labels {
  text-align: right;
  padding-right: 30px;
  color: #5B7586;
}
.nordic-api-setup .disconnect-btn-wrapper {
  text-align: right;
  width: 570px;
}

.number-picker-field {
  width: 72px;
  height: 20px;
  margin-right: 12px;
}
.number-picker-field .picker-field-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 20px;
  width: 24px;
  border: 1px solid #dde1e3;
  cursor: pointer;
  background-color: #fff;
}
.number-picker-field .picker-field-icon svg {
  width: 7px;
  height: 7px;
}
.number-picker-field .picker-field-icon .svg-main {
  stroke: #40494f;
}
.number-picker-field .picker-field-icon:first-child {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.number-picker-field .picker-field-icon:last-child {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.number-picker-field .picker-field-icon.disabled {
  background-color: #dde1e3;
  cursor: default;
}
.number-picker-field.text-field input {
  width: 31.2px;
  height: 20px;
  line-height: 1px;
  font-size: 14px;
  text-align: center;
  border-radius: 0;
  padding: 0;
  padding-left: 2px !important;
  padding-right: 0 !important;
  margin: 0;
  background-color: #f4f5f6;
  border: 1px solid #dde1e3;
}

.organization-locked-box {
  border-radius: 8px;
  box-shadow: 0 1px 1px rgba(221, 225, 227, 0.8);
  margin: 40px auto;
  padding: 40px;
  border: 1px solid #dde1e3;
  width: 600px;
  background: white;
}
.organization-locked-box .support-person-image {
  border-radius: 75px;
  width: 150px;
  height: 150px;
  background-image: url("/releases/default/assets/images/misc/support-person.jpg");
  background-repeat: no-repeat;
  background-size: 150px 150px;
}
.organization-locked-box .support-person-image.small {
  margin: 5px 10px 0 0;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  background-image: url("/releases/default/assets/images/misc/support-person-small.jpg");
  background-size: 50px 50px;
}
.organization-locked-box .support-person-image.pull-left {
  float: left;
}
.organization-locked-box .total-row {
  margin-top: 6.6666666667px;
  padding: 4px 0;
  border-top: 1px solid #dde1e3;
  border-bottom: 1px solid #dde1e3;
}
.organization-locked-box .unpaid-invoices-list {
  margin-top: 10px;
  max-height: 420px;
  overflow-y: auto;
}

.organization-owner-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dde1e3;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 20px;
}
.organization-owner-panel:not(:last-child) {
  margin-bottom: 5px;
}
.organization-owner-panel .icon {
  padding-right: 20px;
}
.organization-owner-panel .icon svg {
  width: 16px;
}
.organization-owner-panel .content p {
  margin-bottom: 0;
}
.organization-owner-panel .content p:not(:first-child) {
  opacity: 0.8;
}
.organization-owner-panel .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}
.organization-owner-panel .actions .create svg {
  height: 16px;
}
.organization-owner-panel .actions .trash svg {
  height: 18px;
  margin-left: 16px;
}

.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.pagination-list.align-right {
  margin-left: auto;
}
.pagination-list .page {
  width: 22px;
  height: 22px;
  line-height: 20px;
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
}
.pagination-list .page:first-of-type {
  margin-left: 10px;
}
.pagination-list .page.active {
  cursor: default;
  color: #2766F1;
  border-color: #2766F1;
}

.payment-method-option {
  display: flex;
  flex-flow: row;
  align-items: center;
  line-height: 16px;
}
.payment-method-option .name {
  flex-grow: 0;
}
.payment-method-option .badge {
  flex-grow: 0;
}

.payment-terms-popover {
  width: 215px;
  max-height: 315px !important;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 10px 70px rgba(38, 40, 47, 0.35);
  overflow: auto;
}
.payment-terms-popover .selector-item {
  position: relative;
  border-radius: 8px;
  padding: 12px 16px;
  transition: background-color 0.1s ease-out;
}
.payment-terms-popover .selector-item .name {
  min-height: 24px;
  font-weight: 500;
  line-height: 24px;
}
.payment-terms-popover .selector-item .form-ct {
  height: 0px;
  overflow: hidden;
  margin: -8px;
  padding: 8px;
  transition: height ease-out 0.2s;
  -webkit-transition: height ease-out 0.2s;
}
.payment-terms-popover .selector-item .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
}
.payment-terms-popover .selector-item .form > *:not(:last-of-type) {
  margin-right: 6px;
}
.payment-terms-popover .selector-item.active {
  background-color: #edf1f7;
}
.payment-terms-popover .selector-item.active .form {
  opacity: 1;
}
.payment-terms-popover .selector-item.active .name {
  color: var(--ds-color-deep-sea-green);
}
.payment-terms-popover .selector-item.active .form-ct {
  height: 56px;
  visibility: visible;
}
.payment-terms-popover .selector-item:not(.active) {
  cursor: pointer;
}
.payment-terms-popover .selector-item:not(.active):hover {
  background-color: var(--ds-color-deep-sea-green);
  color: #fff;
}
.payment-terms-popover .notch {
  display: none;
}

.picker-field {
  width: 60px;
  height: 20px;
  margin-right: 12px;
}
.picker-field .picker-field-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border: 1px solid #dde1e3;
  cursor: pointer;
  background-color: #fff;
}
.picker-field .picker-field-icon svg {
  width: 7px;
  height: 7px;
}
.picker-field .picker-field-icon .svg-main {
  stroke: #40494f;
}
.picker-field .picker-field-icon:first-child {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.picker-field .picker-field-icon:last-child {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.picker-field.text-field input {
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  border-radius: 0;
  padding: 0;
  padding-left: 2px !important;
  padding-right: 0 !important;
  margin: 0;
  background-color: #f4f5f6;
  border: 1px solid #dde1e3;
}

.preview-window .window-body img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.progress-circle, .progress-circle svg {
  width: inherit;
  height: inherit;
}
.progress-circle .segment-completed-light {
  fill: #fff;
}
.progress-circle .segment-remaining-light {
  fill: rgba(255, 255, 255, 0.2);
}
.progress-circle .segment-completed-dark {
  fill: #2766F1;
}
.progress-circle .segment-remaining-dark {
  fill: rgba(39, 102, 241, 0.2);
}
.progress-circle .segment-completed-red {
  fill: #d92d20;
}
.progress-circle .segment-remaining-red {
  fill: rgba(217, 45, 32, 0.2);
}
.progress-circle .segment-completed-green {
  fill: #00e383;
}
.progress-circle .segment-remaining-green {
  fill: rgba(0, 227, 131, 0.2);
}

ul.progress-list {
  list-style-type: none;
}
ul.progress-list li.progress-list-item {
  padding-left: 26px;
  line-height: 48px;
  height: 48px;
  position: relative;
  color: var(--ds-color-deep-sea-green);
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
ul.progress-list li.progress-list-item::before {
  content: " ";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #d9dce5;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
}
ul.progress-list li.progress-list-item::after {
  content: " ";
  width: 2px;
  height: 48px;
  background-color: #d9dce5;
  position: absolute;
  left: 11px;
  top: 24px;
  z-index: 0;
}
ul.progress-list li.progress-list-item .progress-list-item-inner {
  margin-left: 12px;
}
ul.progress-list li.progress-list-item a, ul.progress-list li.progress-list-item p {
  color: var(--ds-color-gray90);
  font-weight: normal;
}
ul.progress-list li.progress-list-item.is-current::before {
  background-image: url("/releases/default/assets/images/icons/annual-report-icon-cog-gray.svg");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
ul.progress-list li.progress-list-item.is-completed::after {
  content: " ";
  width: 2px;
  height: 48px;
  background-color: #00e383;
  position: absolute;
  left: 11px;
  top: 24px;
  z-index: 0;
}
ul.progress-list li.progress-list-item.is-completed::before {
  content: " ";
  width: 24px;
  height: 24px;
  background-color: #00e383;
  border: 2px solid #00e383;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
}
ul.progress-list li.progress-list-item.is-completed::before {
  background-image: url("/releases/default/assets/images/icons/annual-report-icon-ok.svg");
  background-position: -2px center;
  background-repeat: no-repeat;
  background-color: #fff;
}
ul.progress-list li.progress-list-item.is-active a, ul.progress-list li.progress-list-item.is-active p {
  font-weight: 500;
  color: var(--ds-color-deep-sea-green);
}
ul.progress-list li.progress-list-item.is-active::before {
  content: " ";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #00e383;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
}
ul.progress-list li.progress-list-item.is-active::before {
  background-image: url("/releases/default/assets/images/icons/annual-report-icon-cog.svg");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}
ul.progress-list li.progress-list-item.is-locked a, ul.progress-list li.progress-list-item.is-locked p {
  color: var(--ds-color-deep-sea-green);
}
ul.progress-list li.progress-list-item:last-of-type::after {
  display: none;
}

.recurring-invoice-email-window-body {
  padding: 0 !important;
}

.recurring-invoice-email-window-form {
  border-right: 1px solid #dde1e3;
  padding: 10px 20px;
}

.recurring-invoice-email-window-preview {
  background-color: #f4f5f6;
  padding: 10px 20px;
}

.recurring-invoice-email-window-preview-subject {
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  border-bottom: 1px solid #9aa5ac;
  margin-bottom: 12px;
}

.template-variable {
  font-family: monospace;
}

.required-add-ons h2 span {
  font-weight: 400;
}
.required-add-ons .addon-list .add-on:nth-child(odd) {
  background-color: #f4f5f6;
}

.sort-tool .sort-tool-icon {
  position: relative;
  top: 2px;
  display: inline-flex;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  visibility: hidden;
}
.sort-tool .sort-tool-icon .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.sort-tool.active .sort-tool-icon {
  visibility: visible;
}
.sort-tool.sort-tool-desc .sort-tool-icon {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.sort-tool a {
  color: var(--ds-color-deep-sea-green);
  font-weight: 400;
  text-decoration: none;
}
.sort-tool a:hover {
  text-decoration: underline;
}

@keyframes skeletonanimation {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.skeleton-box {
  position: relative;
  background-color: #f5f6f9;
  overflow: hidden;
  border-radius: 8px;
}
.skeleton-box.full-width {
  width: 100%;
}
.skeleton-box.full-height {
  height: 100%;
}
.skeleton-box:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #f5f6f9 25%, #d3d6df 37%, #f5f6f9 63%);
  background-size: 400% 100%;
  animation: skeletonanimation 1.4s ease infinite;
}

.stacked-bar-chart {
  width: 100%;
}
.stacked-bar-chart svg {
  display: block;
}
.stacked-bar-chart text {
  cursor: default;
  font-size: 11px;
  fill: #697588;
}
.stacked-bar-chart .item {
  cursor: pointer;
}
.stacked-bar-chart .item:hover {
  opacity: 0.8;
}
.stacked-bar-chart .axis {
  fill: #dde1e3;
}
.stacked-bar-chart .y-tick {
  fill: #dde1e3;
}
.stacked-bar-chart .category-label rect {
  fill: transparent;
}
.stacked-bar-chart .category-label.current text {
  fill: #2766F1;
}
.stacked-bar-chart .category-label.current rect {
  fill: #c2e2ff;
}
.stacked-bar-chart .category-label.future text {
  fill: #9aa5ac;
}
.stacked-bar-chart .category-label:hover text {
  fill: #2766F1;
}
.stacked-bar-chart .period-separator {
  fill: #dde1e3;
}

.stacked-bar-chart-popover {
  width: 210px;
  padding: 0;
  opacity: 0.9;
}
.stacked-bar-chart-popover .section {
  position: relative;
  padding: 6px 12px;
}
.stacked-bar-chart-popover .section:not(:last-of-type) {
  border-bottom: 1px solid #dde1e3;
}
.stacked-bar-chart-popover .bold {
  font-weight: 500;
}
.stacked-bar-chart-popover .ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.stacked-bar-chart-popover .right {
  text-align: right;
}

.stacked-bar-chart .item.default {
  fill: var(--ds-color-deep-sea-green);
}

.stacked-bar-chart-popover .default {
  color: var(--ds-color-deep-sea-green);
}

.stacked-bar-chart .item.blue {
  fill: #2766F1;
}

.stacked-bar-chart-popover .blue {
  color: #2766F1;
}

.stacked-bar-chart .item.blue-xxlight {
  fill: #e8f3ff;
}

.stacked-bar-chart-popover .blue-xxlight {
  color: #e8f3ff;
}

.stacked-bar-chart .item.blue-xlight {
  fill: #c2e2ff;
}

.stacked-bar-chart-popover .blue-xlight {
  color: #c2e2ff;
}

.stacked-bar-chart .item.blue-light {
  fill: #47a9ff;
}

.stacked-bar-chart-popover .blue-light {
  color: #47a9ff;
}

.stacked-bar-chart .item.blue-dark {
  fill: #006dcc;
}

.stacked-bar-chart-popover .blue-dark {
  color: #006dcc;
}

.stacked-bar-chart .item.blue-xdark {
  fill: #095a8c;
}

.stacked-bar-chart-popover .blue-xdark {
  color: #095a8c;
}

.stacked-bar-chart .item.green {
  fill: #00e383;
}

.stacked-bar-chart-popover .green {
  color: #00e383;
}

.stacked-bar-chart .item.green-xxlight {
  fill: #effaf0;
}

.stacked-bar-chart-popover .green-xxlight {
  color: #effaf0;
}

.stacked-bar-chart .item.green-xlight {
  fill: #d0f1d2;
}

.stacked-bar-chart-popover .green-xlight {
  color: #d0f1d2;
}

.stacked-bar-chart .item.green-light {
  fill: #73d477;
}

.stacked-bar-chart-popover .green-light {
  color: #73d477;
}

.stacked-bar-chart .item.green-dark {
  fill: #309c35;
}

.stacked-bar-chart-popover .green-dark {
  color: #309c35;
}

.stacked-bar-chart .item.green-xdark {
  fill: #2a7a2a;
}

.stacked-bar-chart-popover .green-xdark {
  color: #2a7a2a;
}

.stacked-bar-chart .item.yellow {
  fill: #f2cc44;
}

.stacked-bar-chart-popover .yellow {
  color: #f2cc44;
}

.stacked-bar-chart .item.yellow-xxlight {
  fill: #fffceb;
}

.stacked-bar-chart-popover .yellow-xxlight {
  color: #fffceb;
}

.stacked-bar-chart .item.yellow-xlight {
  fill: #fff9d6;
}

.stacked-bar-chart-popover .yellow-xlight {
  color: #fff9d6;
}

.stacked-bar-chart .item.yellow-light {
  fill: #ffe75c;
}

.stacked-bar-chart-popover .yellow-light {
  color: #ffe75c;
}

.stacked-bar-chart .item.yellow-dark {
  fill: #ffce00;
}

.stacked-bar-chart-popover .yellow-dark {
  color: #ffce00;
}

.stacked-bar-chart .item.yellow-xdark {
  fill: #ffbe00;
}

.stacked-bar-chart-popover .yellow-xdark {
  color: #ffbe00;
}

.stacked-bar-chart .item.red {
  fill: #d92d20;
}

.stacked-bar-chart-popover .red {
  color: #d92d20;
}

.stacked-bar-chart .item.red-xxlight {
  fill: #fcf5f5;
}

.stacked-bar-chart-popover .red-xxlight {
  color: #fcf5f5;
}

.stacked-bar-chart .item.red-xlight {
  fill: #ffeceb;
}

.stacked-bar-chart-popover .red-xlight {
  color: #ffeceb;
}

.stacked-bar-chart .item.red-light {
  fill: #ff7770;
}

.stacked-bar-chart-popover .red-light {
  color: #ff7770;
}

.stacked-bar-chart .item.red-dark {
  fill: #fc1b15;
}

.stacked-bar-chart-popover .red-dark {
  color: #fc1b15;
}

.stacked-bar-chart .item.red-xdark {
  fill: #c70101;
}

.stacked-bar-chart-popover .red-xdark {
  color: #c70101;
}

.stacked-bar-chart .item.purple {
  fill: #7151e5;
}

.stacked-bar-chart-popover .purple {
  color: #7151e5;
}

.stacked-bar-chart .item.purple-xxlight {
  fill: #f4f2fc;
}

.stacked-bar-chart-popover .purple-xxlight {
  color: #f4f2fc;
}

.stacked-bar-chart .item.purple-xlight {
  fill: #ebe8f9;
}

.stacked-bar-chart-popover .purple-xlight {
  color: #ebe8f9;
}

.stacked-bar-chart .item.purple-light {
  fill: #a18ced;
}

.stacked-bar-chart-popover .purple-light {
  color: #a18ced;
}

.stacked-bar-chart .item.purple-dark {
  fill: #511bda;
}

.stacked-bar-chart-popover .purple-dark {
  color: #511bda;
}

.stacked-bar-chart .item.purple-xdark {
  fill: #3d14a3;
}

.stacked-bar-chart-popover .purple-xdark {
  color: #3d14a3;
}

.stacked-bar-chart .item.gray {
  fill: #697588;
}

.stacked-bar-chart-popover .gray {
  color: #697588;
}

.stacked-bar-chart .item.gray-xxlight {
  fill: #f4f5f6;
}

.stacked-bar-chart-popover .gray-xxlight {
  color: #f4f5f6;
}

.stacked-bar-chart .item.gray-xlight {
  fill: #dde1e3;
}

.stacked-bar-chart-popover .gray-xlight {
  color: #dde1e3;
}

.stacked-bar-chart .item.gray-light {
  fill: #9aa5ac;
}

.stacked-bar-chart-popover .gray-light {
  color: #9aa5ac;
}

.stacked-bar-chart .item.gray-lighter {
  fill: #717b82;
}

.stacked-bar-chart-popover .gray-lighter {
  color: #717b82;
}

.stacked-bar-chart .item.gray-dark {
  fill: #5c6870;
}

.stacked-bar-chart-popover .gray-dark {
  color: #5c6870;
}

.stacked-bar-chart .item.gray-xdark {
  fill: #40494f;
}

.stacked-bar-chart-popover .gray-xdark {
  color: #40494f;
}

.stacked-bar-chart .item.blue-gray {
  fill: #697588;
}

.stacked-bar-chart-popover .blue-gray {
  color: #697588;
}

.stacked-bar-chart .item.blue-gray-xxlight {
  fill: #f4f5f6;
}

.stacked-bar-chart-popover .blue-gray-xxlight {
  color: #f4f5f6;
}

.stacked-bar-chart .item.blue-gray-xlight {
  fill: #dde1e3;
}

.stacked-bar-chart-popover .blue-gray-xlight {
  color: #dde1e3;
}

.stacked-bar-chart .item.blue-gray-light {
  fill: #9aa5ac;
}

.stacked-bar-chart-popover .blue-gray-light {
  color: #9aa5ac;
}

.stacked-bar-chart .item.blue-gray-dark {
  fill: #5c6870;
}

.stacked-bar-chart-popover .blue-gray-dark {
  color: #5c6870;
}

.stacked-bar-chart .item.blue-gray-xdark {
  fill: #40494f;
}

.stacked-bar-chart-popover .blue-gray-xdark {
  color: #40494f;
}

.stacked-bar-chart .item.gray-warm {
  fill: #897f76;
}

.stacked-bar-chart-popover .gray-warm {
  color: #897f76;
}

.stacked-bar-chart .item.gray-warm-xxlight {
  fill: #f6f5f4;
}

.stacked-bar-chart-popover .gray-warm-xxlight {
  color: #f6f5f4;
}

.stacked-bar-chart .item.gray-warm-xlight {
  fill: #d9d6d3;
}

.stacked-bar-chart-popover .gray-warm-xlight {
  color: #d9d6d3;
}

.stacked-bar-chart .item.gray-warm-light {
  fill: #b3ada8;
}

.stacked-bar-chart-popover .gray-warm-light {
  color: #b3ada8;
}

.stacked-bar-chart .item.gray-warm-dark {
  fill: #787068;
}

.stacked-bar-chart-popover .gray-warm-dark {
  color: #787068;
}

.stacked-bar-chart .item.gray-warm-xdark {
  fill: #625b55;
}

.stacked-bar-chart-popover .gray-warm-xdark {
  color: #625b55;
}

.stacked-bar-chart .item.white {
  fill: #ffffff;
}

.stacked-bar-chart-popover .white {
  color: #ffffff;
}

.stacked-bar-chart .item.skin-light {
  fill: #ffd4cc;
}

.stacked-bar-chart-popover .skin-light {
  color: #ffd4cc;
}

.stacked-bar-chart .item.skin-dark {
  fill: #e5b7a0;
}

.stacked-bar-chart-popover .skin-dark {
  color: #e5b7a0;
}

.stacked-bar-chart .item.brown {
  fill: #a8835e;
}

.stacked-bar-chart-popover .brown {
  color: #a8835e;
}

.stacked-bar-chart .item.brown-dark {
  fill: #725e50;
}

.stacked-bar-chart-popover .brown-dark {
  color: #725e50;
}

.stacked-bar-chart .item.brown-xdark {
  fill: #4c4139;
}

.stacked-bar-chart-popover .brown-xdark {
  color: #4c4139;
}

.stacked-bar-chart .item.light-black {
  fill: #26211e;
}

.stacked-bar-chart-popover .light-black {
  color: #26211e;
}

.stacked-bar-chart .item.black {
  fill: #000000;
}

.stacked-bar-chart-popover .black {
  color: #000000;
}

.stacked-bar-chart .item.background-gray {
  fill: var(--ds-default-background);
}

.stacked-bar-chart-popover .background-gray {
  color: var(--ds-default-background);
}

.stacked-bar-chart .item.border-gray {
  fill: #dde1e3;
}

.stacked-bar-chart-popover .border-gray {
  color: #dde1e3;
}

.stacked-bar-chart .item.input-border-gray {
  fill: #d3d6df;
}

.stacked-bar-chart-popover .input-border-gray {
  color: #d3d6df;
}

.stacked-bar-chart .item.tooltip-background {
  fill: var(--ds-color-deep-sea-green);
}

.stacked-bar-chart-popover .tooltip-background {
  color: var(--ds-color-deep-sea-green);
}

.subscription-add-ons .panel-header {
  position: relative;
  height: 62px;
}
.subscription-add-ons .panel-header h4 {
  position: absolute;
  top: 18px;
  right: 20px;
}
.subscription-add-ons .panel-body {
  padding: 10px 0;
  background-color: transparent;
}
.subscription-add-ons .panel h3 {
  text-transform: none;
}
.subscription-add-ons .add-on {
  background-color: #f4f5f6;
}
.subscription-add-ons .alert-box.neutral {
  padding-left: 40px;
  padding-right: 40px;
}
.subscription-add-ons .alert-box.neutral p {
  color: #9aa5ac;
}

.task-list-title {
  font-weight: 500;
  margin-bottom: 6px;
  border-bottom: 1px solid #dde1e3;
  padding-bottom: 6px;
}

.task-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
}
.task-list-item:not(:last-child) {
  padding-bottom: 6px;
  border-bottom: 1px solid #dde1e3;
  margin-bottom: 6px;
}

.task-list-item-checkbox {
  margin-right: 5px;
}

.task-list-item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.task-list-item-deadline {
  font-size: 12px;
  line-height: 18px;
  color: #697588;
}

.task-list-item-completed {
  color: #697588;
  text-decoration: line-through;
}

.table-cell-comment {
  visibility: hidden;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 0px;
  height: 0px;
  border-top: 5px solid #f2cc44;
  border-right: 5px solid #f2cc44;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.table-cell-comment.visible {
  visibility: visible;
}

.table-column-toggler {
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 10px 70px rgba(38, 40, 47, 0.35);
}
.table-column-toggler .header {
  padding: 8px 8px 4px;
  color: var(--ds-color-gray90);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.table-column-toggler .body {
  max-height: 203.5px;
  overflow: auto;
}
.table-column-toggler .col-item {
  padding: 12px 16px;
}
.table-column-toggler .col-item .ember-label {
  cursor: pointer;
}
.table-column-toggler .done-button {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e8e9f0;
  text-align: center;
}
.table-column-toggler .notch {
  display: none;
}

.page-tabs {
  position: absolute;
  top: 88px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--ds-default-background);
}
.page-tabs .tab-content {
  display: none;
}
.page-tabs .tab-content .section-body, .page-tabs .tab-content .section-body-with-settings {
  top: 60px;
  overflow-x: visible;
  overflow-y: visible;
}
.page-tabs .tab-content.active {
  display: block;
}
.page-tabs .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: fixed;
  width: 100%;
  z-index: 2;
  background-color: var(--ds-default-background);
  padding: 0;
  padding-left: 40px;
  font-size: 14px;
  border-bottom: 1px solid #d9dce5;
  overflow-x: visible;
  overflow-y: visible;
}
.page-tabs .tabs .tab {
  color: var(--ds-color-gray90);
  height: 48px;
  line-height: 48px;
  padding: 0 35px;
  padding: 12px 16px;
  cursor: pointer;
}
.page-tabs .tabs .tab.active {
  color: var(--ds-color-deep-sea-green);
  position: relative;
  border-bottom: 2px solid #00e383;
  font-weight: 700;
}

.transaction-trail a:not(:last-child):after {
  content: ",";
}

.transaction-trail-void {
  color: #697588;
}

.todo-list .todo-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  font-size: 15px;
}
.todo-list .todo-list-item.is-checked p {
  text-decoration: line-through;
  color: var(--ds-color-gray90);
}
.todo-list .todo-list-item.is-locked p {
  cursor: auto;
}
.todo-list .todo-list-item.is-locked .checkbox input {
  cursor: auto;
}
.todo-list .todo-list-item p {
  margin-bottom: 0;
  width: 100%;
  cursor: pointer;
  color: var(--ds-color-deep-sea-green);
}
.todo-list .todo-list-item .checkbox {
  margin-right: 20px;
  height: 18px;
}
.todo-list .todo-list-item .checkbox input {
  cursor: pointer;
}
.todo-list .todo-list-item .action {
  margin-left: auto;
}
.todo-list .todo-list-item .action .help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--ds-color-gray90);
  border-radius: 100%;
  color: var(--ds-color-gray90);
  user-select: none;
  cursor: pointer;
  text-decoration: none;
}

.top-bar {
  position: relative;
  display: flex;
  justify-content: center;
  height: auto;
  align-items: center;
  margin-bottom: 1px;
  box-shadow: 0px 1px 0px 0px #f5f6f9;
  color: #9aa5ac;
  line-height: auto;
  padding: 4px;
  overflow: hidden;
}
.top-bar .left {
  float: left;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  margin-left: 40px;
  align-items: center;
}
.top-bar .left .alert-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 8px 0 0;
}
.top-bar .left .button {
  margin-left: 8px;
}
.top-bar .left .title-with-button {
  margin: 0 2px 0 0;
}
.top-bar .right {
  height: 100%;
  margin-left: 8px;
}
.top-bar .right .close-btn {
  display: flex;
  justify-content: center;
}
.top-bar .right .close-btn svg {
  height: 16px;
  width: 16px;
}
.top-bar .title-text {
  font-weight: 500;
  margin-right: 20px;
  text-transform: uppercase;
}
.top-bar .title--with-button {
  margin-right: 12px;
}
.top-bar a:not(.button) {
  color: #9aa5ac;
}
.top-bar a.button.margin-left {
  margin-left: 12px;
}
.top-bar.top-bar-green a:not(.button), .top-bar.top-bar-blue a:not(.button), .top-bar.top-bar-red a:not(.button), .top-bar.top-bar-yellow a:not(.button) {
  color: #ffffff;
  text-decoration: underline;
}
.top-bar.top-bar-green a:not(.button):hover, .top-bar.top-bar-blue a:not(.button):hover, .top-bar.top-bar-red a:not(.button):hover, .top-bar.top-bar-yellow a:not(.button):hover {
  text-decoration: none;
}
.top-bar.top-bar-green {
  background-color: #00e383;
  color: #fff;
}
.top-bar.top-bar-green .close-btn svg path,
.top-bar.top-bar-green .alert-icon svg path {
  fill: #fff;
}
.top-bar.top-bar-blue {
  background-color: #2766F1;
  color: #fff;
}
.top-bar.top-bar-blue .close-btn svg path,
.top-bar.top-bar-blue .alert-icon svg path {
  fill: #fff;
}
.top-bar.top-bar-red {
  background-color: #d92d20;
  color: #fff;
}
.top-bar.top-bar-red .close-btn svg path,
.top-bar.top-bar-red .alert-icon svg path {
  fill: #fff;
}
.top-bar.top-bar-yellow {
  background-color: #fbdb3f;
  color: #26282f;
}
.top-bar.top-bar-yellow,
.top-bar.top-bar-yellow a:not(.button) {
  color: #40494f;
}
.top-bar.top-bar-yellow .close-btn svg path,
.top-bar.top-bar-yellow .alert-icon svg path {
  fill: #26282f;
}

.upgrade-buy-package-modal .info-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 10px;
  color: #5c6870;
}
.upgrade-buy-package-modal .window-body .alert-box {
  padding-top: 16px;
  padding-bottom: 16px;
}
.upgrade-buy-package-modal .window-body .alert-box .alert-content {
  color: var(--ds-color-deep-sea-green);
}
.upgrade-buy-package-modal .window-body .alert-box .alert-content .icon-wrapper {
  margin-right: 8px;
  margin-top: -3px;
}
.upgrade-buy-package-modal .window-body .alert-box .alert-content .icon-wrapper svg path {
  fill: var(--ds-color-deep-sea-green);
}
.upgrade-buy-package-modal .window-body .window-footer {
  justify-content: center;
}
.upgrade-buy-package-modal .window-body .left-side {
  flex: 3;
}
.upgrade-buy-package-modal .window-body .left-side .title {
  font-size: 24px;
  color: #439D37;
}
.upgrade-buy-package-modal .window-body .right-side {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upgrade-buy-package-modal .window-body .right-side img {
  height: 150px;
  width: auto;
}

.upgrade-plan .button {
  margin-top: 20px;
}

.upgrade-plan-overlay p:not(:last-child) {
  margin-bottom: 20px;
}
.upgrade-plan-overlay .window-body .image-wrapper {
  margin-bottom: 20px;
}
.upgrade-plan-overlay .window-body .image-wrapper img {
  height: 130px;
}
.upgrade-plan-overlay .window-body .title {
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}
.upgrade-plan-overlay .window-body .feature-list {
  columns: 2;
}
.upgrade-plan-overlay .window-body .feature-list .feature-list-item {
  font-weight: 500;
  margin-bottom: 6px;
  position: relative;
  padding-left: 24px;
}
.upgrade-plan-overlay .window-body .feature-list .feature-list-item:before {
  content: " ";
  background-image: url("/releases/default/assets/images/misc/annual-report/checkmark.svg");
  width: 16px;
  height: 12px;
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
}
.upgrade-plan-overlay .window-body .feature-list .feature-list-item:last-child:before {
  display: none;
}

.v2-attachments-editor-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 300px;
  height: 68px;
  margin-bottom: 12px;
}

.v2-attachments-editor-item-thumbnail {
  width: 52px;
  margin-right: 12px;
}
.v2-attachments-editor-item-thumbnail img {
  display: block;
  margin: auto;
  max-width: 48px;
  max-height: 64px;
  border: 1px solid #dde1e3;
  padding: 1px;
}
.v2-attachments-editor-item-thumbnail .progress-circle {
  width: 26px;
  height: 26px;
  display: block;
  margin: auto;
}

.v2-attachments-editor-item-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 12px;
}

.v2-attachments-editor-item-abort .tool {
  display: block;
}

.v2-attachments-list-item {
  float: left;
  width: 192px;
  height: 292px;
  margin-right: 20px;
  margin-bottom: 40px;
}

.v2-attachments-list-item-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 192px;
  height: 256px;
  margin-bottom: 12px;
}
.v2-attachments-list-item-thumbnail img {
  display: block;
  margin: auto;
  max-width: 192px;
  max-height: 256px;
  box-shadow: 0px 1px 4px 0px rgba(92, 104, 112, 0.5);
}

.v2-attachments-list-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.v2-drop-overlay {
  background: rgba(64, 73, 79, 0.8);
  display: none;
  position: absolute;
  overflow: hidden;
}

.v2-drop-overlay-hover {
  background: radial-gradient(rgba(64, 73, 79, 0.4), rgba(64, 73, 79, 0.8));
}

.v2-drop-overlay-content {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  text-align: center;
  padding: 0px 10px;
  margin-top: -47px;
  color: #fff;
}

.v2-drop-overlay-tip {
  font-size: 60px;
  line-height: 70px;
  text-overflow: ellipsis;
}

.v2-drop-overlay-icon {
  display: inline-block;
  padding-top: 4px;
  padding-right: 30px;
  width: 74px;
  height: 48px;
}
.v2-drop-overlay-icon .svg-main {
  fill: #fff;
}

.v2-drop-overlay-text {
  display: inline-block;
}

.v2-drop-overlay-escape-tip {
  font-weight: 500;
  line-height: 24px;
  text-overflow: ellipsis;
}

.v2-drop-overlay-small, .v2-drop-overlay-tiny {
  border-radius: 8px;
}
.v2-drop-overlay-small .v2-drop-overlay-content, .v2-drop-overlay-tiny .v2-drop-overlay-content {
  margin-top: -15px;
}
.v2-drop-overlay-small .v2-drop-overlay-tip, .v2-drop-overlay-tiny .v2-drop-overlay-tip {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}
.v2-drop-overlay-small .v2-drop-overlay-icon, .v2-drop-overlay-tiny .v2-drop-overlay-icon {
  padding-top: 1px;
  padding-right: 10px;
  width: 25px;
  height: 16px;
}
.v2-drop-overlay-small .v2-drop-overlay-escape-tip, .v2-drop-overlay-tiny .v2-drop-overlay-escape-tip {
  display: none;
}

.v2-drop-overlay-tiny .v2-drop-overlay-tip {
  line-height: 28px;
}
.v2-drop-overlay-tiny .v2-drop-overlay-icon {
  padding-top: 0;
  padding-right: 0;
  width: 15px;
  height: 15px;
}
.v2-drop-overlay-tiny .v2-drop-overlay-text {
  display: none;
}

.v2-file-selector-invader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.v2-file-selector-invader-input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
}

.v2-file-selector-invader-parent {
  position: relative;
}

.v2-file-upload-field {
  border: 1px solid #d3d6df;
  border-radius: 8px;
}

.v2-file-upload-field-thumbnail {
  height: 130px;
  padding: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.v2-file-upload-field-thumbnail img {
  display: block;
}
.v2-file-upload-field-thumbnail .progress-circle {
  width: 64px;
  height: 64px;
}

.v2-file-upload-field-placeholder {
  color: #697588;
}

.v2-file-upload-field-error {
  color: #d92d20;
  padding: 8px;
}

.v2-file-upload-field-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--ds-default-background);
  height: 36px;
}

.v2-file-upload-field-tools-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 12px;
}

.v2-file-upload-field-tools-right {
  padding-right: 12px;
}

.window .window-body .centered-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.timeline-post-comment {
  padding-bottom: 2px;
}
.timeline-post-comment .button {
  min-width: auto;
}
.timeline-post-comment.timeline-post-comment-active .timeline-post-comment-button {
  height: 50px;
}

.timeline-post-comment-button {
  height: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.timeline-post-comment-button-inner {
  margin-top: 12px;
  padding: 1px;
}

.timeline-entries {
  position: relative;
  padding-top: 12px;
}
.timeline-entries::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17px;
  width: 2px;
  background: #dde1e3;
}

.timeline-entry {
  position: relative;
  z-index: 2;
}
.timeline-entry:not(:last-child) {
  margin-bottom: 12px;
}
.timeline-entry:last-child {
  background-color: #fff;
}

.timeline-entry-comment-wrapper {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.timeline-entry-comment {
  border: 1px solid #dde1e3;
  border-radius: 8px;
  background-color: #fff;
}

.timeline-entry-comment-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  background-color: #f4f5f6;
  border-bottom: #dde1e3;
}
.timeline-entry-comment-header .avatar {
  margin-right: 5px;
}

.timeline-entry-comment-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.timeline-entry-comment-time {
  padding-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 18px;
  color: #697588;
}

.timeline-entry-comment-content {
  padding: 10px;
}

.timeline-entry-default {
  display: flex;
}

.timeline-entry-default-icon {
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background-color: #dde1e3;
  margin-right: 10px;
  padding: 8px;
  text-align: center;
  font-size: 16px;
  border: 2px solid #fff;
  align-items: center;
  justify-content: center;
}
.timeline-entry-default-icon svg {
  width: 16px;
  height: 16px;
}
.timeline-entry-default-icon svg .svg-main {
  fill: var(--ds-color-deep-sea-green);
}

.timeline-entry-default-content {
  flex: 1;
  overflow: hidden;
  line-height: 20px;
}
.timeline-entry-default-content a {
  color: var(--ds-color-deep-sea-green);
}
.timeline-entry-default-content a:hover {
  color: #2766F1;
}

.timeline-entry-default-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.timeline-entry-default-label {
  font-weight: 500;
}

.timeline-entry-default-time {
  font-size: 12px;
  line-height: 18px;
  line-height: 16px;
  color: #697588;
}

.timeline-entry-default-link {
  font-size: 12px;
  line-height: 18px;
}
.timeline-entry-default-link a {
  font-weight: 400;
  color: #697588;
}
.timeline-entry-default-link a svg {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.timeline-entry-default-link a svg .svg-main {
  fill: #697588;
}
.timeline-entry-default-link a:hover .svg-main {
  fill: #2766F1;
}

.section-heading {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.section-heading:only-child {
  margin-bottom: 0;
}
.section-heading-title {
  margin: 0;
  padding: 0;
  color: var(--ds-color-deep-sea-green);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.section-heading .badge {
  margin-left: 8px;
}

.badge {
  display: inline-flex;
  min-width: 26px;
  height: 20px;
  padding: 0 8px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}
.badge.clickable {
  cursor: pointer;
}
.badge.info {
  color: #26282f;
  background-color: #e8e9f0;
}
.badge.info-highlighted {
  color: #5d4dae;
  background-color: #dbd4ff;
}
.badge.warning {
  color: #951307;
  background-color: #f7ddd9;
}
.badge.attention {
  color: #735714;
  background-color: #fff9cc;
}
.badge.success {
  color: #075E42;
  background-color: #d1fadf;
}
.badge.disabled {
  color: #5c6870;
}
.badge.disabled.info {
  color: #006dcc;
}
.badge.disabled.success {
  color: #309c35;
}
.badge.disabled.attention {
  color: #ffce00;
}
.badge.disabled.warning {
  color: #fc1b15;
}
.badge.block {
  width: 100%;
  display: block;
}
.badge.small {
  font-size: 12px;
}
.badge.badge--mb10 {
  margin-bottom: 10px;
}
.badge.hidden {
  display: none;
}

.button {
  user-select: none;
  cursor: default;
  height: 40px;
  min-width: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 12px;
  display: inline-flex;
  border-radius: 12px;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  font-family: "Aeonik", sans-serif;
  cursor: pointer;
  transition-property: background-color, color, border, box-shadow, transform, filter;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.button.only-icon {
  max-width: 40px;
  border-radius: 20px;
}
.button:active:disabled, .button.focus:disabled {
  transform: scale(1);
}
.button:focus {
  outline: 0;
}
.button:disabled, .button.disabled {
  cursor: not-allowed;
}
.button.primary {
  background-color: var(--ds-color-deep-sea-green);
  box-shadow: 0 2px 4px 0 rgba(167, 169, 180, 0.2);
  color: #01ff94;
}
.button.primary:hover, .button.primary.hover {
  background-color: #075E42;
  color: #fff;
}
.button.primary:active, .button.primary:focus {
  background-color: #01ff94;
  color: var(--ds-color-deep-sea-green);
  box-shadow: none;
}
.button.primary:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px #01ff94, 0 2px 4px 0 rgba(167, 169, 180, 0.2);
}
.button.primary:disabled, .button.primary.disabled {
  background-color: #f5f6f9;
  color: #d3d6df;
  box-shadow: none;
}
.button.primary svg path {
  fill: currentColor;
}
.button, .button.secondary, .button.outline, .button.info {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #d3d6df, 0 2px 4px 0 rgba(167, 169, 180, 0.2);
  color: var(--ds-color-deep-sea-green);
  border: none;
}
.button:focus-visible, .button.secondary:focus-visible, .button.outline:focus-visible, .button.info:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px #00e383;
}
.button:hover, .button.hover, .button.secondary:hover, .button.secondary.hover, .button.outline:hover, .button.outline.hover, .button.info:hover, .button.info.hover {
  background-color: #e8e9f0;
  color: var(--ds-color-deep-sea-green);
  box-shadow: 0 2px 4px 0 rgba(167, 169, 180, 0.2);
}
.button:active, .button.secondary:active, .button.outline:active, .button.info:active {
  background-color: #d9dce5;
  color: var(--ds-color-deep-sea-green);
  box-shadow: none;
}
.button:disabled, .button.disabled, .button.secondary:disabled, .button.secondary.disabled, .button.outline:disabled, .button.outline.disabled, .button.info:disabled, .button.info.disabled {
  background-color: #f5f6f9;
  color: #d3d6df;
  box-shadow: none;
}
.button svg path, .button.secondary svg path, .button.outline svg path, .button.info svg path {
  fill: currentColor;
}
.button.text {
  border: none;
  background-color: transparent;
  box-shadow: none;
  color: var(--ds-color-gray90);
  font-weight: 400;
}
.button.text.dropdown-active, .button.text.focus {
  box-shadow: inset 0 0 0 2px #00e383;
}
.button.text:active {
  background-color: #e8e9f0;
  color: var(--ds-color-deep-sea-green);
}
.button.text:hover, .button.text.hover {
  background-color: rgba(167, 169, 180, 0.12);
}
.button.text:disabled {
  color: #a7a9b4;
}
.button.warning {
  border: none;
  background-color: #d92d20;
  box-shadow: 0 2px 4px 0 rgba(167, 169, 180, 0.2);
  color: #fff;
}
.button.warning.dropdown-active, .button.warning:focus-visible {
  background-color: #951307;
  box-shadow: inset 0 0 0 2px #01ff94, 0 2px 4px 0 rgba(167, 169, 180, 0.2);
}
.button.warning:active, .button.warning:focus {
  background-color: #c94337;
}
.button.warning:hover, .button.warning.hover {
  background-color: #951307;
}
.button.warning:disabled {
  background-color: #fff8f6;
  color: #f7ddd9;
  box-shadow: none;
}
.button.warning.outline {
  border: 1px solid #d92d20;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(240, 123, 112, 0.7);
  color: #d92d20;
}
.button.warning.outline:hover {
  border-color: #c94337;
  color: #c94337;
}
.button.dropdown {
  padding-right: 12px;
}
.button.dropdown .caret {
  display: flex;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: 6px;
  flex-shrink: 0;
  align-items: center;
}
.button.dropdown .caret svg {
  margin-right: 0;
  flex-shrink: 0;
}
.button.small, .button.small-condensed {
  height: 32px;
  min-width: 32px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 10px;
}
.button.small.only-icon, .button.small-condensed.only-icon {
  padding: 8px;
  max-width: 32px;
  border-radius: 16px;
}
.button.small.close-btn svg, .button.small-condensed.close-btn svg {
  width: 12px;
  height: 12px;
}
.button.xxl {
  height: 56px;
  min-width: 56px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 12px;
}
.button.xxl.only-icon {
  max-width: 56px;
  border-radius: 28px;
}
.button.xl {
  height: 48px;
  min-width: 48px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 12px;
}
.button.xl.only-icon {
  max-width: 48px;
  border-radius: 24px;
}
.button.only-icon {
  padding-right: 0;
  padding-left: 0;
  align-items: center;
  justify-content: center;
}
.button.only-icon svg {
  margin-right: 0;
}
.button.block {
  width: 100%;
  justify-content: center;
}
.button svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.button-group .dropdown-menu {
  display: none;
  min-width: 201px;
  margin: auto;
  padding: 8px;
  border-radius: 8px;
  z-index: 4000;
  background-color: #fff;
  box-shadow: 0 10px 70px rgba(38, 40, 47, 0.35);
  transform: translateY(8px);
  font-size: 14px;
  line-height: 24px;
  list-style: none;
}
.button-group .dropdown-menu.open {
  display: flex;
  flex-direction: column;
}
.button-group .dropdown-menu a {
  display: flex;
  height: 48px;
  color: var(--ds-color-deep-sea-green);
  padding: 12px 16px;
  border-radius: 8px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  text-decoration: none;
}
.button-group .dropdown-menu a:hover, .button-group .dropdown-menu a.hover {
  background-color: var(--ds-color-deep-sea-green);
  color: #fff;
  text-decoration: none;
}

.button-group .button {
  margin-right: 8px;
}
.button-group .button:last-of-type {
  margin-right: 0;
}
.button-group .button.block {
  margin-right: 0;
  margin-bottom: 8px;
}
.button-group .button.block:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
}

.buttons.align-center {
  display: flex;
  justify-content: center;
}

.divider {
  border: 1px solid #e8e9f0;
  width: 100%;
}

.export-document-wrapper {
  position: relative;
}
.export-document-wrapper:after {
  content: "";
  height: 100%;
  width: 24px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.export-document-wrapper .export-document {
  overflow: auto;
}

.export-document {
  padding: 24px;
  box-shadow: 0 2px 1px #e8e9f0;
  border-radius: 8px;
  background-color: #fff;
}
.export-document,
.export-document td {
  font-size: 13px;
  line-height: 24px;
}
.export-document td {
  padding: 4px;
}
.export-document h1 {
  color: var(--ds-color-deep-sea-green);
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 2px;
}
.export-document .subtitle {
  margin-bottom: 4px;
  color: var(--ds-color-gray90);
}
.export-document table {
  width: 100%;
  border-collapse: collapse;
}
.export-document table tr:not(.none-under) td {
  border-bottom: 1px solid rgba(217, 220, 229, 0.5);
}
.export-document table tr.line-under td {
  border-bottom: 1px solid rgba(217, 220, 229, 0.5);
}
.export-document table tr.double-under td {
  border-bottom: 3px double rgba(217, 220, 229, 0.5);
}
.export-document table tr.bold td,
.export-document table td.bold {
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.export-document table tr:not(.header) + tr.header td {
  padding-top: 10px;
}
.export-document table tr.header td {
  font-weight: 500;
  font-size: 18px;
}
.export-document table tr.header2 td {
  font-size: 13px;
}
.export-document table .number {
  text-align: right;
  white-space: nowrap;
}

.checkbox-ct {
  padding-top: 6px;
}

.ember-checkbox,
.ember-radio {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #d3d6df;
  box-shadow: inset 0 2px 4px 0 rgba(167, 169, 180, 0.3);
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: background-color 0.1s ease-out, border 0.1s ease-out, box-shadow 0.1s ease-out;
}
.ember-checkbox:active,
.ember-radio:active {
  border-color: #d3d6df;
}
.ember-checkbox:checked,
.ember-radio:checked {
  border-color: #00e383;
  background-color: #01ff94;
  box-shadow: none;
}
.ember-checkbox:checked:hover,
.ember-radio:checked:hover {
  background-color: var(--ds-color-deep-sea-green);
}
.ember-checkbox:checked:active,
.ember-radio:checked:active {
  background-color: #29b574;
  box-shadow: none;
  border-color: transparent;
}
.ember-checkbox:hover,
.ember-radio:hover {
  border-color: var(--ds-color-deep-sea-green);
}
.ember-checkbox:disabled,
.ember-radio:disabled {
  cursor: not-allowed;
}
.ember-checkbox:disabled, .ember-checkbox:disabled:hover,
.ember-radio:disabled,
.ember-radio:disabled:hover {
  border-color: #d9dce5;
  background-color: #e8e9f0;
}
.ember-checkbox:disabled:checked,
.ember-radio:disabled:checked {
  border-color: transparent;
  background-color: #e8e9f0;
}

.ember-checkbox:checked:checked:before, .ember-checkbox:checked:hover:before, .ember-checkbox:checked:active:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 2px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='%23002E33' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.ember-checkbox:checked:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='%23dbd4ff' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.ember-checkbox:checked:active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L3.5 6.5L1 4' stroke='white' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.ember-radio {
  border-radius: 50%;
}
.ember-radio:checked:checked:before, .ember-radio:checked:hover:before, .ember-radio:checked:active:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: var(--ds-color-deep-sea-green);
}
.ember-radio:checked:hover:before {
  background-color: #dbd4ff;
}
.ember-radio:checked:active:before {
  background-color: #fff;
}

.field, .field-group, .horizontal-field-group {
  margin-bottom: 16px;
}
.field .text-field, .field-group .text-field, .horizontal-field-group .text-field {
  display: block;
  width: 100%;
}

.field-label, .fields-left-label .row > label, .fields-left-label .ar-boolean-multiple-input-array .row > p, .ar-boolean-multiple-input-array .fields-left-label .row > p {
  margin-bottom: 2px;
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.field-label .required-asterisk, .fields-left-label .row > label .required-asterisk, .fields-left-label .ar-boolean-multiple-input-array .row > p .required-asterisk, .ar-boolean-multiple-input-array .fields-left-label .row > p .required-asterisk {
  color: inherit;
}

.tip {
  color: var(--ds-color-gray90);
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.field-label .tip, .fields-left-label .row > label .tip, .fields-left-label .ar-boolean-multiple-input-array .row > p .tip, .ar-boolean-multiple-input-array .fields-left-label .row > p .tip,
.field .tip {
  display: block;
}

.field-label .tip, .fields-left-label .row > label .tip, .fields-left-label .ar-boolean-multiple-input-array .row > p .tip, .ar-boolean-multiple-input-array .fields-left-label .row > p .tip {
  margin-bottom: 4px;
}

.field .tip {
  margin-top: 2px;
}

.fields-left-label {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.fields-left-label.right-aligned {
  margin-right: 0;
}
.fields-left-label .row {
  display: table-row;
}
.fields-left-label .row > label, .fields-left-label .ar-boolean-multiple-input-array .row > p, .ar-boolean-multiple-input-array .fields-left-label .row > p {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  padding-right: 12px;
  padding-top: 8px;
}
.fields-left-label .row > div {
  display: table-cell;
  vertical-align: top;
}
.fields-left-label .row > div > * {
  margin-bottom: 12px !important;
}
.fields-left-label.small .row > label, .fields-left-label.small .ar-boolean-multiple-input-array .row > p, .ar-boolean-multiple-input-array .fields-left-label.small .row > p {
  padding-top: 4px;
}

.field-group .text-field, .horizontal-field-group .text-field {
  z-index: 1;
}
.field-group .text-field.has-error, .horizontal-field-group .text-field.has-error {
  z-index: 2;
}
.field-group .text-field.focus, .horizontal-field-group .text-field.focus {
  z-index: 3;
}

.field-group > .text-field, .field-group > .horizontal-field-group {
  margin-bottom: 8px;
}
.field-group > .text-field:last-of-type, .field-group > .horizontal-field-group:last-of-type {
  margin-bottom: 0;
}
.field-group > .row > div > * {
  margin-bottom: 8px;
}
.field-group > .row:last-of-type > div > * {
  margin-bottom: 0;
}
.field-group .toggle-group {
  display: block;
  border: 1px solid #dde1e3;
}

.horizontal-field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.horizontal-field-group.button-addon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.horizontal-field-group.button-addon .text-field {
  width: initial;
  margin-right: 12px;
}
.horizontal-field-group.button-addon .button {
  height: 34px;
}
.horizontal-field-group .text-field input:disabled {
  border: 1px solid #d3d6df;
}
.horizontal-field-group > div {
  margin-right: 12px;
}
.horizontal-field-group > div:last-of-type {
  margin-right: 0;
}
.horizontal-field-group > div > .field-label, .fields-left-label .horizontal-field-group > div.row > label, .fields-left-label .ar-boolean-multiple-input-array .horizontal-field-group > div.row > p, .ar-boolean-multiple-input-array .fields-left-label .horizontal-field-group > div.row > p {
  padding-right: 12px;
}
.horizontal-field-group.merged > div {
  margin-right: -1px;
}
.horizontal-field-group.merged > div:last-of-type {
  margin-right: 0px;
}
.horizontal-field-group.merged > div:not(:first-of-type) input[type=text], .horizontal-field-group.merged > div:not(:first-of-type) textarea, .horizontal-field-group.merged > div:not(:first-of-type) .field {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.horizontal-field-group.merged > div:not(:last-of-type) input[type=text], .horizontal-field-group.merged > div:not(:last-of-type) textarea, .horizontal-field-group.merged > div:not(:last-of-type) .field {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.horizontal-field-group.merged > div > .field-label, .fields-left-label .horizontal-field-group.merged > div.row > label, .fields-left-label .ar-boolean-multiple-input-array .horizontal-field-group.merged > div.row > p, .ar-boolean-multiple-input-array .fields-left-label .horizontal-field-group.merged > div.row > p {
  padding-right: 12px;
}

.field-group .field, .horizontal-field-group .field {
  border: 1px solid #d3d6df;
  border-radius: 8px;
  height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 22px;
  background-color: #fff;
}
.field-group .field input[type=checkbox], .horizontal-field-group .field input[type=checkbox] {
  display: block;
  margin: 4px auto 0 auto;
}

.radio-group .item {
  float: left;
  margin-right: 12px;
}

.super-field-option-image {
  display: block;
  max-width: 40px;
  max-height: 40px;
  border-radius: 8px;
}

.ember-label,
label.field-label,
.ar-boolean-multiple-input-array p.field-label,
.fields-left-label .row > label,
.fields-left-label .ar-boolean-multiple-input-array .row > p,
.ar-boolean-multiple-input-array .fields-left-label .row > p {
  display: inline-flex;
  align-items: center;
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  user-select: none;
}
.ember-label .ember-checkbox,
.ember-label .ember-radio,
label.field-label .ember-checkbox,
.ar-boolean-multiple-input-array p.field-label .ember-checkbox,
.fields-left-label .row > label .ember-checkbox,
.fields-left-label .ar-boolean-multiple-input-array .row > p .ember-checkbox,
.ar-boolean-multiple-input-array .fields-left-label .row > p .ember-checkbox,
label.field-label .ember-radio,
.ar-boolean-multiple-input-array p.field-label .ember-radio,
.fields-left-label .row > label .ember-radio,
.fields-left-label .ar-boolean-multiple-input-array .row > p .ember-radio,
.ar-boolean-multiple-input-array .fields-left-label .row > p .ember-radio {
  margin-top: 4px;
  margin-right: 8px;
  align-self: flex-start;
}
.ember-label .ember-checkbox + span,
.ember-label .ember-radio + span,
label.field-label .ember-checkbox + span,
.ar-boolean-multiple-input-array p.field-label .ember-checkbox + span,
.fields-left-label .row > label .ember-checkbox + span,
.fields-left-label .ar-boolean-multiple-input-array .row > p .ember-checkbox + span,
.ar-boolean-multiple-input-array .fields-left-label .row > p .ember-checkbox + span,
label.field-label .ember-radio + span,
.ar-boolean-multiple-input-array p.field-label .ember-radio + span,
.fields-left-label .row > label .ember-radio + span,
.fields-left-label .ar-boolean-multiple-input-array .row > p .ember-radio + span,
.ar-boolean-multiple-input-array .fields-left-label .row > p .ember-radio + span {
  cursor: pointer;
}

.floating-el {
  background-color: var(--ds-default-background);
}

.floating-ct {
  position: relative;
}
.floating-ct .toggle-group {
  padding: 0;
}

.floating-fixed {
  z-index: 10;
  position: fixed;
}

.floating-bottom {
  z-index: 10;
  position: absolute;
  bottom: 0;
}

.label {
  display: inline-block;
  padding: 0px 4px;
  font-weight: 500;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #697588;
  border-radius: 8px;
  font-size: 12px;
  line-height: 18px;
}
.label.red {
  background-color: #d92d20;
}
.label.green {
  background-color: #00e383;
}
.label.orange {
  background-color: #f2cc44;
}
.label.blue {
  background-color: #2766F1;
}
.label.blue-dark {
  background-color: #006dcc;
}

.labels-group-horizontal {
  display: flex;
}
.labels-group-horizontal label + label, .labels-group-horizontal .ar-boolean-multiple-input-array p + label, .ar-boolean-multiple-input-array .labels-group-horizontal p + label, .labels-group-horizontal .ar-boolean-multiple-input-array label + p, .ar-boolean-multiple-input-array .labels-group-horizontal label + p, .labels-group-horizontal .ar-boolean-multiple-input-array p + p, .ar-boolean-multiple-input-array .labels-group-horizontal p + p {
  margin-left: 16px;
}
.labels-group-horizontal.small-spacing label + label, .labels-group-horizontal.small-spacing .ar-boolean-multiple-input-array p + label, .ar-boolean-multiple-input-array .labels-group-horizontal.small-spacing p + label, .labels-group-horizontal.small-spacing .ar-boolean-multiple-input-array label + p, .ar-boolean-multiple-input-array .labels-group-horizontal.small-spacing label + p, .labels-group-horizontal.small-spacing .ar-boolean-multiple-input-array p + p, .ar-boolean-multiple-input-array .labels-group-horizontal.small-spacing p + p {
  margin-left: 8px;
}

.labels-group-vertical {
  display: flex;
  flex-direction: column;
}
.labels-group-vertical label + label, .labels-group-vertical .ar-boolean-multiple-input-array p + label, .ar-boolean-multiple-input-array .labels-group-vertical p + label, .labels-group-vertical .ar-boolean-multiple-input-array label + p, .ar-boolean-multiple-input-array .labels-group-vertical label + p, .labels-group-vertical .ar-boolean-multiple-input-array p + p, .ar-boolean-multiple-input-array .labels-group-vertical p + p {
  margin-top: 16px;
}
.labels-group-vertical.small-spacing label + label, .labels-group-vertical.small-spacing .ar-boolean-multiple-input-array p + label, .ar-boolean-multiple-input-array .labels-group-vertical.small-spacing p + label, .labels-group-vertical.small-spacing .ar-boolean-multiple-input-array label + p, .ar-boolean-multiple-input-array .labels-group-vertical.small-spacing label + p, .labels-group-vertical.small-spacing .ar-boolean-multiple-input-array p + p, .ar-boolean-multiple-input-array .labels-group-vertical.small-spacing p + p {
  margin-top: 8px;
}

.list-actions .tool {
  float: left;
  display: block;
}

.table {
  position: relative;
  border-radius: 12px;
  box-shadow: 0 2px 1px 0 #e8e9f0;
  background-color: #fff;
}

.table-body {
  position: relative;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
}

.table-item {
  height: 56px;
  padding: 12px 24px;
  border-bottom: 1px solid #e8e9f0;
  overflow: hidden;
}
.table-item:last-child {
  border-bottom: none;
}

.table-item-loading {
  padding: 0 32px;
}

.table-cell {
  float: left;
  padding: 4px 8px;
  color: var(--ds-color-deep-sea-green);
  font-size: 13px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-cell.align-center {
  text-align: center;
}
.table-cell.align-right {
  text-align: right;
}
.table-cell:first-of-type {
  padding-left: 0;
}
.table-cell:last-of-type {
  padding-right: 0;
}
.table-cell.success {
  color: #00e383;
}
.table-cell.error {
  color: #d92d20;
}
.table-cell.table-cell-multiline {
  white-space: normal;
}

.two-rows-cell {
  margin-top: -10px;
}

.table-icon-cell > div {
  display: flex;
  height: 24px;
  align-items: center;
}
.table-icon-cell svg {
  margin-top: 2px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.table-icon-cell svg.svg-small {
  width: 16px;
  height: 16px;
  margin-top: 0;
  transform: scale(1);
}

.table-header {
  opacity: 1;
  height: 56px;
  padding: 0;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #e8e9f0;
  position: relative;
  z-index: 1;
  background-color: #fff;
  transition: height 0.2s linear, opacity 0.2s linear;
  -webkit-transition: height 0.2s linear, opacity 0.2s linear;
}
.table-header .table-item {
  border-radius: 12px 12px 0 0;
  border-bottom: 0;
}
.table-header .table-cell {
  color: var(--ds-color-deep-sea-green);
  font-weight: 700;
}
.table-header .table-cell .sort-icon {
  display: none;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
}
.table-header .table-cell .sort-link {
  display: flex;
  align-items: center;
}
.table-header .table-cell.sort-asc .sort-icon, .table-header .table-cell.sort-desc .sort-icon {
  display: inline-block;
}
.table-header .table-cell.sort-desc .sort-icon svg {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.table-header .table-cell a {
  color: var(--ds-color-deep-sea-green);
  text-decoration: none;
  font-weight: 500;
}
.table-header.table-header-hidden {
  height: 0;
  opacity: 0;
}
.table-header.has-column-toggler .tool {
  background-color: #d3d6df;
}
.table-header .column-toggle-tool {
  position: absolute;
  top: 8px;
  right: -48px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1480px) {
  .table-header .column-toggle-tool {
    right: 2px;
  }
}
.table-header .column-toggle-tool:before {
  content: "";
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -8px;
}
.table-header .column-toggle-tool .tool {
  width: auto !important;
  display: flex;
  min-width: 40px;
  height: 40px;
  padding: 8px !important;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  transition: background-color ease-out 0.1s;
  visibility: hidden;
}
.table-header .column-toggle-tool .tool:active, .table-header .column-toggle-tool .tool:focus {
  background-color: #d3d6df;
}
.table-header .column-toggle-tool .tool:hover {
  background-color: rgba(167, 169, 180, 0.35);
}
.table-header:hover .column-toggle-tool .tool, .table-header.hover .column-toggle-tool .tool, .table-header.has-column-toggler .column-toggle-tool .tool {
  visibility: visible;
}

.table-floating-header {
  border-bottom: 1px solid #e8e9f0;
}
.table-floating-header .table-header {
  border-bottom: 0;
}
.table-floating-header .table-header:not(.table-header-hidden) {
  height: 56px;
}

.table-item .table-item {
  border-bottom-color: #f9fafa;
}
.table-item .table-item:last-of-type {
  border-bottom: 0;
}
.table-item .table-item .table-cell:first-of-type {
  padding-left: 4px;
}
.table-item .table-item .table-cell:last-of-type {
  padding-right: 4px;
}

.nested-table-cell {
  padding: 0;
}
.nested-table-cell:first-of-type td:first-of-type {
  padding-left: 0;
}
.nested-table-cell:last-of-type td:last-of-type {
  padding-right: 0;
}

.table.table-with-totals .table-body .table-item:last-of-type {
  border-bottom-color: #e8e9f0;
}
.table.table-with-totals .table-body + .table-total {
  padding-top: 12px;
  border-top: 1px solid #e8e9f0;
}

.table-total {
  height: 34px;
  padding: 0 32px;
  border-bottom-color: transparent;
}
.table-total:first-child {
  margin-top: 16px;
  padding-top: 16px;
}
.table-total:last-child {
  height: 50px;
  padding-bottom: 16px;
}
.table-total.double-border-under .table-total-value {
  border-bottom: 2px solid #d9dce5;
}
.table-total.bold {
  font-weight: 500;
}
.table-total a {
  color: var(--ds-color-deep-sea-green);
  font-weight: 500;
}

.table-total-label {
  text-align: right;
}
.table-total-label a {
  color: var(--ds-color-deep-sea-green);
}

.table-item .list-checkbox {
  user-select: none;
  cursor: default;
  text-align: left;
}
.table-item .list-checkbox input {
  margin-left: 0;
  margin-right: 0;
}
.table-item.checked {
  background-color: #fff9d6;
}

.table-item.bg-green {
  background-color: #73d477;
}
.table-item.bg-yellow {
  background-color: #ffe75c;
}
.table-item.bg-red {
  background-color: #ff7770;
}

.table .clickable > .table-item {
  cursor: pointer;
}
.table .clickable > .table-item:not(.checked):hover {
  background-color: #f6f9ff;
}
.table .clickable > .table-item:last-child {
  border-radius: 0 0 8px 8px;
}
.table .clickable > .table-item .list-checkbox {
  cursor: default;
}

.table-cell-strong {
  font-weight: 500;
}

.table.small-font .table-header .table-cell {
  font-size: 12px;
  line-height: 18px;
}

.table-header.small-font .table-cell {
  font-size: 12px;
  line-height: 18px;
}

.table-item-image {
  max-width: 42px;
  max-height: 42px;
}

.table-cell .badge {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-cell .badge.small {
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 18px;
}
.table-cell .label {
  margin-right: 4px;
  vertical-align: text-bottom;
}

.panel {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #dde1e3;
}
.panel input[type=checkbox] {
  margin-left: 0;
}
.panel h3 {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.panel h4 {
  color: #40494f;
  font-size: 16px;
}
.panel > div {
  padding: 20px;
}
.panel div.tool.caret {
  margin-right: 10px;
}
.panel .panel-header {
  border-bottom: 1px solid #dde1e3;
}
.panel .panel-footer {
  border-top: 1px solid #dde1e3;
}
.panel .panel-body {
  background-color: #f4f5f6;
}

.property-table {
  border-collapse: collapse;
  width: 100%;
}
.property-table tr td {
  padding: 0px 5px;
  border-bottom: 1px solid #dde1e3;
  vertical-align: top;
}
.property-table tr td.right {
  text-align: right;
}
.property-table tr td:nth-child(1) {
  background-color: var(--ds-default-background);
  border-right: 1px solid #dde1e3;
  border-left: 1px solid #dde1e3;
}
.property-table tr td:nth-child(2) {
  border-right: 1px solid #dde1e3;
}
.property-table tr:first-of-type td:nth-child(1) {
  border-top: 1px solid #dde1e3;
  border-top-left-radius: 8px;
}
.property-table tr:first-of-type td:nth-child(2) {
  border-top: 1px solid #dde1e3;
  border-top-right-radius: 8px;
}
.property-table tr:last-of-type td:nth-child(1) {
  border-bottom-left-radius: 8px;
}
.property-table tr:last-of-type td:nth-child(2) {
  border-bottom-right-radius: 8px;
}

.svg-tiny {
  transform: scale(0.5);
  position: center;
}
.svg-small {
  transform: scale(0.8);
  position: center;
}

.svg-default .svg-main {
  fill: var(--ds-color-deep-sea-green);
}

.svg-fill-default {
  fill: var(--ds-color-deep-sea-green);
}

.svg-blue .svg-main {
  fill: #2766F1;
}

.svg-fill-blue {
  fill: #2766F1;
}

.svg-blue-xxlight .svg-main {
  fill: #e8f3ff;
}

.svg-fill-blue-xxlight {
  fill: #e8f3ff;
}

.svg-blue-xlight .svg-main {
  fill: #c2e2ff;
}

.svg-fill-blue-xlight {
  fill: #c2e2ff;
}

.svg-blue-light .svg-main {
  fill: #47a9ff;
}

.svg-fill-blue-light {
  fill: #47a9ff;
}

.svg-blue-dark .svg-main {
  fill: #006dcc;
}

.svg-fill-blue-dark {
  fill: #006dcc;
}

.svg-blue-xdark .svg-main {
  fill: #095a8c;
}

.svg-fill-blue-xdark {
  fill: #095a8c;
}

.svg-green .svg-main {
  fill: #00e383;
}

.svg-fill-green {
  fill: #00e383;
}

.svg-green-xxlight .svg-main {
  fill: #effaf0;
}

.svg-fill-green-xxlight {
  fill: #effaf0;
}

.svg-green-xlight .svg-main {
  fill: #d0f1d2;
}

.svg-fill-green-xlight {
  fill: #d0f1d2;
}

.svg-green-light .svg-main {
  fill: #73d477;
}

.svg-fill-green-light {
  fill: #73d477;
}

.svg-green-dark .svg-main {
  fill: #309c35;
}

.svg-fill-green-dark {
  fill: #309c35;
}

.svg-green-xdark .svg-main {
  fill: #2a7a2a;
}

.svg-fill-green-xdark {
  fill: #2a7a2a;
}

.svg-yellow .svg-main {
  fill: #f2cc44;
}

.svg-fill-yellow {
  fill: #f2cc44;
}

.svg-yellow-xxlight .svg-main {
  fill: #fffceb;
}

.svg-fill-yellow-xxlight {
  fill: #fffceb;
}

.svg-yellow-xlight .svg-main {
  fill: #fff9d6;
}

.svg-fill-yellow-xlight {
  fill: #fff9d6;
}

.svg-yellow-light .svg-main {
  fill: #ffe75c;
}

.svg-fill-yellow-light {
  fill: #ffe75c;
}

.svg-yellow-dark .svg-main {
  fill: #ffce00;
}

.svg-fill-yellow-dark {
  fill: #ffce00;
}

.svg-yellow-xdark .svg-main {
  fill: #ffbe00;
}

.svg-fill-yellow-xdark {
  fill: #ffbe00;
}

.svg-red .svg-main {
  fill: #d92d20;
}

.svg-fill-red {
  fill: #d92d20;
}

.svg-red-xxlight .svg-main {
  fill: #fcf5f5;
}

.svg-fill-red-xxlight {
  fill: #fcf5f5;
}

.svg-red-xlight .svg-main {
  fill: #ffeceb;
}

.svg-fill-red-xlight {
  fill: #ffeceb;
}

.svg-red-light .svg-main {
  fill: #ff7770;
}

.svg-fill-red-light {
  fill: #ff7770;
}

.svg-red-dark .svg-main {
  fill: #fc1b15;
}

.svg-fill-red-dark {
  fill: #fc1b15;
}

.svg-red-xdark .svg-main {
  fill: #c70101;
}

.svg-fill-red-xdark {
  fill: #c70101;
}

.svg-purple .svg-main {
  fill: #7151e5;
}

.svg-fill-purple {
  fill: #7151e5;
}

.svg-purple-xxlight .svg-main {
  fill: #f4f2fc;
}

.svg-fill-purple-xxlight {
  fill: #f4f2fc;
}

.svg-purple-xlight .svg-main {
  fill: #ebe8f9;
}

.svg-fill-purple-xlight {
  fill: #ebe8f9;
}

.svg-purple-light .svg-main {
  fill: #a18ced;
}

.svg-fill-purple-light {
  fill: #a18ced;
}

.svg-purple-dark .svg-main {
  fill: #511bda;
}

.svg-fill-purple-dark {
  fill: #511bda;
}

.svg-purple-xdark .svg-main {
  fill: #3d14a3;
}

.svg-fill-purple-xdark {
  fill: #3d14a3;
}

.svg-gray .svg-main {
  fill: #697588;
}

.svg-fill-gray {
  fill: #697588;
}

.svg-gray-xxlight .svg-main {
  fill: #f4f5f6;
}

.svg-fill-gray-xxlight {
  fill: #f4f5f6;
}

.svg-gray-xlight .svg-main {
  fill: #dde1e3;
}

.svg-fill-gray-xlight {
  fill: #dde1e3;
}

.svg-gray-light .svg-main {
  fill: #9aa5ac;
}

.svg-fill-gray-light {
  fill: #9aa5ac;
}

.svg-gray-lighter .svg-main {
  fill: #717b82;
}

.svg-fill-gray-lighter {
  fill: #717b82;
}

.svg-gray-dark .svg-main {
  fill: #5c6870;
}

.svg-fill-gray-dark {
  fill: #5c6870;
}

.svg-gray-xdark .svg-main {
  fill: #40494f;
}

.svg-fill-gray-xdark {
  fill: #40494f;
}

.svg-blue-gray .svg-main {
  fill: #697588;
}

.svg-fill-blue-gray {
  fill: #697588;
}

.svg-blue-gray-xxlight .svg-main {
  fill: #f4f5f6;
}

.svg-fill-blue-gray-xxlight {
  fill: #f4f5f6;
}

.svg-blue-gray-xlight .svg-main {
  fill: #dde1e3;
}

.svg-fill-blue-gray-xlight {
  fill: #dde1e3;
}

.svg-blue-gray-light .svg-main {
  fill: #9aa5ac;
}

.svg-fill-blue-gray-light {
  fill: #9aa5ac;
}

.svg-blue-gray-dark .svg-main {
  fill: #5c6870;
}

.svg-fill-blue-gray-dark {
  fill: #5c6870;
}

.svg-blue-gray-xdark .svg-main {
  fill: #40494f;
}

.svg-fill-blue-gray-xdark {
  fill: #40494f;
}

.svg-gray-warm .svg-main {
  fill: #897f76;
}

.svg-fill-gray-warm {
  fill: #897f76;
}

.svg-gray-warm-xxlight .svg-main {
  fill: #f6f5f4;
}

.svg-fill-gray-warm-xxlight {
  fill: #f6f5f4;
}

.svg-gray-warm-xlight .svg-main {
  fill: #d9d6d3;
}

.svg-fill-gray-warm-xlight {
  fill: #d9d6d3;
}

.svg-gray-warm-light .svg-main {
  fill: #b3ada8;
}

.svg-fill-gray-warm-light {
  fill: #b3ada8;
}

.svg-gray-warm-dark .svg-main {
  fill: #787068;
}

.svg-fill-gray-warm-dark {
  fill: #787068;
}

.svg-gray-warm-xdark .svg-main {
  fill: #625b55;
}

.svg-fill-gray-warm-xdark {
  fill: #625b55;
}

.svg-white .svg-main {
  fill: #ffffff;
}

.svg-fill-white {
  fill: #ffffff;
}

.svg-skin-light .svg-main {
  fill: #ffd4cc;
}

.svg-fill-skin-light {
  fill: #ffd4cc;
}

.svg-skin-dark .svg-main {
  fill: #e5b7a0;
}

.svg-fill-skin-dark {
  fill: #e5b7a0;
}

.svg-brown .svg-main {
  fill: #a8835e;
}

.svg-fill-brown {
  fill: #a8835e;
}

.svg-brown-dark .svg-main {
  fill: #725e50;
}

.svg-fill-brown-dark {
  fill: #725e50;
}

.svg-brown-xdark .svg-main {
  fill: #4c4139;
}

.svg-fill-brown-xdark {
  fill: #4c4139;
}

.svg-light-black .svg-main {
  fill: #26211e;
}

.svg-fill-light-black {
  fill: #26211e;
}

.svg-black .svg-main {
  fill: #000000;
}

.svg-fill-black {
  fill: #000000;
}

.svg-background-gray .svg-main {
  fill: var(--ds-default-background);
}

.svg-fill-background-gray {
  fill: var(--ds-default-background);
}

.svg-border-gray .svg-main {
  fill: #dde1e3;
}

.svg-fill-border-gray {
  fill: #dde1e3;
}

.svg-input-border-gray .svg-main {
  fill: #d3d6df;
}

.svg-fill-input-border-gray {
  fill: #d3d6df;
}

.svg-tooltip-background .svg-main {
  fill: var(--ds-color-deep-sea-green);
}

.svg-fill-tooltip-background {
  fill: var(--ds-color-deep-sea-green);
}

.svg-split-dot-green-red .svg-dot-upper {
  fill: #00e383;
}
.svg-split-dot-green-red .svg-dot-lower {
  fill: #d92d20;
}

.svg-split-dot-green-yellow .svg-dot-upper {
  fill: #00e383;
}
.svg-split-dot-green-yellow .svg-dot-lower {
  fill: #f2cc44;
}

.svg-split-dot-green-red .svg-dot-upper {
  fill: #00e383;
}
.svg-split-dot-green-red .svg-dot-lower {
  fill: #d92d20;
}

.toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 32px;
}
.toolbar.with-spacing {
  margin-left: 8px;
}
.toolbar:not(.small) .tool {
  display: block;
  float: left;
  margin-top: 10px;
}
.toolbar .fill {
  display: flex;
  align-items: center;
}
.toolbar .item {
  display: flex;
  color: var(--ds-color-gray90);
  margin-right: 8px;
  align-items: center;
}
.toolbar .item:last-of-type {
  margin-right: 0;
}
.toolbar .item.stacked {
  flex-direction: column;
  justify-content: center;
}
.toolbar .item.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.toolbar .toolbar {
  margin-right: 40px;
}
.toolbar .toolbar:last-of-type {
  margin-right: 0;
}
.toolbar .list-header {
  font-size: 22px;
  color: #2766F1;
}
.toolbar.small .button {
  height: 32px;
  min-width: 32px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  border-radius: 10px;
}
.toolbar.small .button.only-icon {
  padding: 8px;
  max-width: 32px;
  border-radius: 16px;
}
.toolbar.small .tool {
  margin-top: 0px;
}
.toolbar .fill {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search.text-field {
  display: flex;
  justify-content: flex-end;
}
.search.text-field.is-dk-language .ember-text-field {
  width: 82px !important;
}
.search.text-field.focus .ember-text-field, .search.text-field.has-value .ember-text-field {
  opacity: 1;
  width: 180px !important;
  min-width: 0 !important;
}
.search.text-field.focus .icon, .search.text-field.has-value .icon {
  display: none !important;
}
.search.text-field.has-value .ember-text-field:hover:not(:focus) {
  box-shadow: inset 0 0 0 1px #6ce9a6;
}
.search.text-field .ember-text-field {
  opacity: 0;
  width: 102px !important;
  height: 40px;
  position: static;
  transition: width 0.1s ease-out, opacity 0.1s ease-out;
}
.search.text-field .ember-text-field:hover {
  background-color: rgba(167, 169, 180, 0.35);
}
.search.text-field .post-ct .icon {
  opacity: 1;
  display: flex;
  min-width: 40px;
  width: auto !important;
  height: 40px;
  padding: 8px 16px !important;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color ease-out 0.1s;
}
.search.text-field .post-ct .icon::after {
  margin-left: 8px;
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.search.text-field .post-ct .icon:active, .search.text-field .post-ct .icon:focus {
  background-color: #d3d6df;
}
.search.text-field .post-ct .icon:hover {
  background-color: rgba(167, 169, 180, 0.35);
}
.search.text-field .post-ct .icon svg {
  width: unset !important;
  height: unset !important;
  margin: 0 !important;
}
.search.text-field .post-ct .icon svg path {
  fill: var(--ds-color-gray90);
}
.search.text-field .post-ct {
  opacity: 1;
  position: static !important;
  transition: opacity 0.1s ease-out;
}
.search.text-field .post-ct .icon {
  position: absolute;
  top: 0;
  right: 0;
}
.search.text-field .post-ct .icon::after {
  content: attr(data-button-placeholder);
}
.search.text-field .post-ct .reset {
  display: flex;
  width: 16px;
  height: 16px;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 12px;
  align-items: center;
  justify-content: center;
  visibility: visible;
}

.tool.has-action.tool-icons-calendar {
  opacity: 1;
  display: flex;
  min-width: 40px;
  width: auto !important;
  height: 40px;
  padding: 8px !important;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  transition: background-color ease-out 0.1s;
}
.tool.has-action.tool-icons-calendar:active, .tool.has-action.tool-icons-calendar:focus {
  background-color: #d3d6df;
}
.tool.has-action.tool-icons-calendar:hover {
  background-color: rgba(167, 169, 180, 0.35);
}
.tool.has-action.tool-icons-calendar[data-tool-placeholder] {
  padding: 8px 16px !important;
}
.tool.has-action.tool-icons-calendar[data-tool-placeholder]::before {
  content: attr(data-tool-placeholder);
  margin-left: 8px;
  order: 1;
}
.tool.has-action.tool-icons-calendar[data-tool-placeholder] .text {
  margin-left: 6px;
}
.tool.has-action.tool-icons-calendar .text {
  order: 3;
}
.tool.has-action.tool-icons-calendar .text, .tool.has-action.tool-icons-calendar .text:hover {
  color: inherit;
}
.tool.has-action.tool-icons-calendar svg {
  width: unset !important;
  height: unset !important;
  margin: 0 !important;
}

.annual-report .section-header h1 {
  margin-bottom: 8px;
  overflow: visible;
}
.annual-report .section-body, .annual-report .section-body-with-settings {
  padding: 0;
  padding-bottom: 50px;
  bottom: auto;
}
.annual-report .content-width {
  width: 944px;
}
.annual-report .content-width-white {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 1px #E4E8EC;
  padding: 32px 40px 32px 40px;
}
.annual-report .content-width-white h1 {
  font-size: 22px;
  color: var(--ds-color-deep-sea-green);
}
.annual-report .content-width-single-column {
  width: 800px;
}
.annual-report .content-width-single-column.narrow {
  width: 520px;
}
.annual-report .content-width-single-column.centered {
  margin: 0 auto;
}
.annual-report .content-width-with-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
.annual-report .content-width-with-sidebar .sidebar {
  width: 290px;
  margin-left: 42px;
}
.annual-report .content-width-with-sidebar .main-content {
  width: 580px;
}
.annual-report .next-year-promo {
  text-align: center;
  margin-top: 24px;
  padding-bottom: 32px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 1px #e8e9f0;
}
.annual-report .next-year-promo img {
  padding-top: 60px;
  padding-bottom: 26px;
  width: 160px;
}
.annual-report .next-year-promo h1 {
  padding-bottom: 20px;
}
.annual-report .next-year-promo p {
  padding-bottom: 26px;
}
.annual-report .cog {
  width: 120px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 28px;
}
.annual-report .cog.spin {
  -webkit-animation: anim-rotate-clockwise 5s infinite steps(12);
  -moz-animation: anim-rotate-clockwise 5s infinite steps(12);
  animation: anim-rotate-clockwise 5s infinite steps(12);
}
.annual-report .cog path {
  fill: #dde1e3;
}
.annual-report ul.ar-progress-list {
  list-style-type: none;
  margin: 4px 0 32px 16px;
  border-left: 2px solid #d9dce5;
}
.annual-report ul.ar-progress-list li {
  padding-left: 26px;
  line-height: 24px;
  margin-bottom: 16px;
  position: relative;
  color: var(--ds-color-deep-sea-green);
  font-size: 15px;
}
.annual-report ul.ar-progress-list li::before {
  content: " ";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #d9dce5;
  border-radius: 100%;
  position: absolute;
  left: -13px;
}
.annual-report ul.ar-progress-list li.active::before {
  background-image: url("/releases/default/assets/images/icons/annual-report-icon-cog.svg");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  content: " ";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #00e383;
  border-radius: 100%;
  position: absolute;
  left: -13px;
}

.annual-report .about-your-taxes .ctas {
  margin-top: 25px;
}

.annual-report .additional-info .alert-box {
  text-align: left;
}
.annual-report .additional-info .ctas {
  margin-top: 25px;
}

.annual-report .approve-terms h1 {
  font-size: 32px;
}
.annual-report .approve-terms .terms-box-container {
  margin: 32px auto;
}
.annual-report .approve-terms .terms-box-container .terms-name {
  font-weight: 600;
  margin-bottom: 12px;
}
.annual-report .approve-terms .terms-box-container .terms-description {
  margin: -12px 0 12px 0;
}
.annual-report .approve-terms .terms-box-container .terms-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  overflow-y: auto;
  height: 200px;
  padding: 16px;
  margin-bottom: 12px;
}
.annual-report .approve-terms .terms-box-container .terms-content ol {
  list-style-type: decimal;
  margin-left: 16px;
}
.annual-report .approve-terms .terms-box-container .terms-content ol li {
  margin-bottom: 8px;
}
.annual-report .approve-terms .terms-box-container .terms-content p {
  margin-bottom: 8px;
}
.annual-report .approve-terms .terms-box-container .terms-confirmation {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.annual-report .approve-terms .terms-box-container .terms-confirmation label, .annual-report .approve-terms .terms-box-container .terms-confirmation .ar-boolean-multiple-input-array p, .ar-boolean-multiple-input-array .annual-report .approve-terms .terms-box-container .terms-confirmation p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.annual-report .approve-terms .terms-box-container .terms-confirmation label.disabled, .annual-report .approve-terms .terms-box-container .terms-confirmation .ar-boolean-multiple-input-array p.disabled, .ar-boolean-multiple-input-array .annual-report .approve-terms .terms-box-container .terms-confirmation p.disabled {
  opacity: 0.5;
}
.annual-report .approve-terms .terms-box-container .terms-confirmation label input, .annual-report .approve-terms .terms-box-container .terms-confirmation .ar-boolean-multiple-input-array p input, .ar-boolean-multiple-input-array .annual-report .approve-terms .terms-box-container .terms-confirmation p input {
  margin-top: 6px;
  margin-right: 8px;
}
.annual-report .approve-terms .terms-box-container .terms-confirmation label .confirmation-description, .annual-report .approve-terms .terms-box-container .terms-confirmation .ar-boolean-multiple-input-array p .confirmation-description, .ar-boolean-multiple-input-array .annual-report .approve-terms .terms-box-container .terms-confirmation p .confirmation-description {
  text-align: left;
}

.bookkeeper-submit-for-processing h1 {
  text-align: center;
}
.bookkeeper-submit-for-processing h1 svg {
  height: 28px;
}
.bookkeeper-submit-for-processing ul {
  list-style-type: disc;
  margin: 16px 0;
}
.bookkeeper-submit-for-processing ul li {
  margin-left: 18px;
  margin-bottom: 8px;
}
.bookkeeper-submit-for-processing .field {
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bookkeeper-submit-for-processing .action {
  text-align: center;
}

.section-body.checklist .alert-box, .checklist.section-body-with-settings .alert-box {
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0 auto;
}
.section-body.checklist .alert-box .alert-content, .checklist.section-body-with-settings .alert-box .alert-content {
  color: var(--ds-color-deep-sea-green);
  justify-content: flex-start;
}
.section-body.checklist .alert-box .alert-content .icon-wrapper, .checklist.section-body-with-settings .alert-box .alert-content .icon-wrapper {
  margin-right: 8px;
  margin-top: -3px;
}
.section-body.checklist .alert-box .alert-content .icon-wrapper svg path, .checklist.section-body-with-settings .alert-box .alert-content .icon-wrapper svg path {
  fill: var(--ds-color-deep-sea-green);
}
.section-body.checklist .alert-box, .checklist.section-body-with-settings .alert-box {
  margin-bottom: 16px;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.section-body.checklist button svg, .checklist.section-body-with-settings button svg {
  width: auto;
  margin-top: 0 !important;
  margin-right: 8px !important;
  width: 16px !important;
  height: 16px !important;
}
.section-body.checklist button .loading svg, .checklist.section-body-with-settings button .loading svg {
  will-change: transform;
  animation: spinner 1000ms infinite linear;
}
.section-body.checklist .processing-error, .checklist.section-body-with-settings .processing-error {
  color: #d92d20;
  font-weight: 500;
}

.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary.is-valid {
  border-left: 2px solid #00e383;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary.is-valid h2 {
  color: #309c35;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary svg {
  width: 50px;
  margin-right: 20px;
  margin-top: 16px;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary h2 {
  color: #40494f;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .accept-terms {
  display: block;
  text-align: center;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .price-summary {
  margin-top: 10px;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .delay_disclaimer {
  margin-top: 10px;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .disclaimer {
  margin-top: 10px;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .action {
  margin-top: 19px;
  text-align: center;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .action .button {
  margin-bottom: 14px;
}
.annual-report .ar-checkbox-question-list .ar-checkbox-question-list-summary .meneto-action {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.annual-report .ar-checkbox-question-list .subscription-switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 16px 0;
}
.annual-report .ar-checkbox-question-list .subscription-switch-container .switch-wrapper {
  margin: 0 16px;
}
.annual-report .ar-checkbox-question-list .subscription-switch-container .switch-label {
  width: 100px;
}
.annual-report .ar-checkbox-question-list .subscription-switch-container .switch-label.left {
  text-align: right;
}

.annual-report .alert-box {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 20px;
  margin-top: 3px;
}

.annual-report .company-data .header .alert-box {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  border-left: 2px solid #d92d20;
}
.annual-report .company-data .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}
.annual-report .company-data .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
}
.annual-report .company-data .warning .warning-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 16px;
  margin-right: 7px;
}
.annual-report .company-data .warning .warning-icon svg {
  width: 100% !important;
}
.annual-report .company-data .warning .warning-icon svg path {
  fill: #d92d20;
}
.annual-report .company-data .warning .warning-icon svg circle {
  stroke: #d92d20;
}
.annual-report .company-data .warning .error-message {
  display: block;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: #d92d20;
  font-weight: 400;
}
.annual-report .company-data .panels .box {
  border: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  position: relative;
}
.annual-report .company-data .panels .box .header, .annual-report .company-data .panels .box .content {
  padding: 0;
}
.annual-report .company-data .panels .box .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.annual-report .company-data .panels .box .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 32px;
}
.annual-report .company-data .panels .box .content .owners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 424px;
}
.annual-report .company-data .panels .box .content ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
  width: 424px;
}
.annual-report .company-data .panels .box .content ul:not(:first-child) {
  margin-top: 20px;
}
.annual-report .company-data .panels .box .content ul li {
  font-size: 16px;
  line-height: 24px;
}
.annual-report .company-data .panels .box .content ul li .flag {
  position: relative;
  margin-right: 8px;
}
.annual-report .company-data .invalid-nominal-ownership {
  color: #d92d20;
}

.annual-report .complete-bookkeeping .header {
  text-align: center;
  margin-bottom: 27px;
}
.annual-report .complete-bookkeeping .header h1 {
  margin-top: -10px;
  margin-bottom: 15px;
}
.annual-report .complete-bookkeeping .alert-box {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 1px #E4E8EC;
  margin-bottom: 8px;
  padding: 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 2px solid #d92d20;
}
.annual-report .complete-bookkeeping .actions {
  padding: 0 10px;
  margin-top: 25px;
}
.annual-report .complete-bookkeeping .validation-error-messages + .actions {
  margin-top: 20px;
}

.annual-report .in-progress h1 {
  font-size: 32px;
}

.annual-report .intangible-fixed-assets .ctas {
  margin-top: 25px;
  margin-right: 2px;
  margin-left: 2px;
}
.annual-report .intangible-fixed-assets .intangible-fixed-assets-item {
  margin-bottom: 10px;
}
.annual-report .intangible-fixed-assets .alert-box {
  margin-bottom: 5px;
  text-align: left;
}
.annual-report .intangible-fixed-assets .alert-box p {
  margin-top: 2px;
}

.annual-report .long-term-debt .header {
  text-align: center;
  margin-bottom: 19px;
}
.annual-report .long-term-debt .ctas {
  margin-top: 25px;
}
.annual-report .long-term-debt .collapse-body {
  color: #5c6870;
}
.annual-report .long-term-debt .collapse-body p {
  margin-bottom: 0;
}
.annual-report .long-term-debt .collapse-body .collapse-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.annual-report .long-term-debt .collapse-body .collapse-row:not(:last-child) {
  margin-bottom: 18px;
}
.annual-report .long-term-debt .collapse-body .collapse-column-wide {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-right: 20px;
}
.annual-report .long-term-debt .collapse-body .collapse-column-tight {
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.annual-report .message {
  text-align: center;
}
.annual-report .message p:not(:last-child) {
  margin-bottom: 12px;
}
.annual-report .message .header h1 {
  margin-top: -10px;
  margin-bottom: 15px;
}
.annual-report .message .content {
  width: 80px;
  margin: 0 auto;
  margin-top: 28px;
}
.annual-report .message .action {
  margin-top: 30px;
}

.annual-report .not-applicable {
  text-align: center;
}
.annual-report .not-applicable h1 {
  padding-bottom: 20px;
}
.annual-report .not-applicable p:not(:last-child) {
  margin-bottom: 12px;
}
.annual-report .not-applicable .button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.annual-report .not-started, .annual-report .waiting-for-bookkeeper {
  font-family: "Aeonik";
}
.annual-report .not-started p, .annual-report .waiting-for-bookkeeper p {
  margin: 8px 0;
}
.annual-report .not-started p.faint, .annual-report .waiting-for-bookkeeper p.faint {
  font-size: 14px;
  color: var(--ds-color-gray90);
}
.annual-report .not-started p.workflow-intro, .annual-report .waiting-for-bookkeeper p.workflow-intro {
  font-size: 15px;
  color: var(--ds-color-deep-sea-green);
  margin-top: 24px;
  margin-bottom: 16px;
}

.report-completed {
  text-align: center;
}
.report-completed .billy-shh {
  width: 120px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 28px;
}
.report-completed h1 {
  margin-bottom: 16px;
}

.report-done {
  text-align: center;
}
.report-done h1 {
  margin-bottom: 14px;
}
.report-done h1.is-reported {
  margin-bottom: 16px;
}
.report-done .content > p {
  margin-bottom: 0;
}
.report-done .action {
  margin-top: 20px;
}
.report-done .download-list {
  margin-top: 18px;
}
.report-done .sidebar-actions {
  margin-top: 20px;
  text-align: center;
}
.report-done .sidebar-actions .accept-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.report-done .sidebar-actions .button {
  margin-top: 25px;
  margin-bottom: 20px;
}
.report-done .sidebar-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #00e383;
  border-radius: 8px;
  text-align: center;
  padding: 30px;
  min-height: 406px;
}
.report-done .sidebar-panel .logo {
  width: 50px;
  margin: 0 auto;
  margin-bottom: 18px;
}
.report-done .sidebar-panel h3 {
  font-size: 16px;
  font-weight: 500;
  color: #309c35;
}

.submit-for-processing {
  text-align: center;
}
.submit-for-processing .content .text {
  padding: 0 60px;
}
.submit-for-processing .content .text p:last-child {
  margin-top: 19px;
}
.submit-for-processing h1 {
  margin-bottom: 14px;
}
.submit-for-processing p {
  margin-bottom: 0;
}
.submit-for-processing .alert-box {
  margin-top: 15px;
  text-align: left;
}
.submit-for-processing .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-evenly;
  margin-top: 26px;
}
.submit-for-processing .action .button.primary {
  margin-left: 15px;
}

.report-processing {
  text-align: center;
}
.report-processing .content .text {
  padding: 0 60px;
}
.report-processing .content .text p:last-child {
  margin-top: 19px;
}
.report-processing h1 {
  margin-bottom: 14px;
}
.report-processing p {
  margin-bottom: 0;
}
.report-processing .alert-box {
  margin-top: 15px;
  text-align: left;
}
.report-processing .action {
  margin-top: 26px;
}
.report-processing .action .button.primary {
  margin-left: 15px;
}

.annual-report .intro-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 75px;
}
.annual-report .intro-columns .intro-column {
  text-align: center;
  max-width: 350px;
  margin-right: 80px;
  display: grid;
  grid-template-rows: auto 40px 135px 80px 1fr;
}
.annual-report .intro-columns .intro-column:last-of-type {
  margin-right: 0;
}
.annual-report .intro-columns .intro-column:last-of-type ul {
  margin-left: 10px;
}
.annual-report .intro-columns .intro-column h1 {
  margin-bottom: 12px;
}
.annual-report .intro-columns .intro-column ul {
  text-align: left;
  margin-bottom: 20px;
  margin-left: 2px;
}
.annual-report .intro-columns .intro-column ul li {
  font-weight: 500;
  margin-bottom: 6px;
  position: relative;
  padding-left: 24px;
}
.annual-report .intro-columns .intro-column ul li::before {
  content: " ";
  background-image: url("/releases/default/assets/images/misc/annual-report/checkmark.svg");
  width: 16px;
  height: 12px;
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
}
.annual-report .intro-columns .intro-column p {
  margin-bottom: 20px;
  line-height: 20px;
  color: #717b82;
}
.annual-report .intro-columns .intro-column .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.annual-report .intro-columns .intro-column .image-wrapper img {
  margin: 26px;
  max-height: 90px;
}
.annual-report .intro-columns .intro-column .sub-title {
  font-size: 16px;
  margin-bottom: 0;
  color: #40494f;
}
.annual-report .intro-columns .intro-column .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}
.annual-report .intro-columns .intro-column .form .field {
  margin-bottom: 0;
  margin-right: 10px;
}
.annual-report .intro-columns.single .intro-column {
  grid-template-rows: auto 135px auto;
}

.annual-report .tangible-fixed-assets .ctas {
  margin-top: 25px;
  margin-right: 2px;
  margin-left: 2px;
}
.annual-report .tangible-fixed-assets .tangible-fixed-assets-item {
  margin-bottom: 10px;
}
.annual-report .tangible-fixed-assets .alert-box {
  margin-bottom: 5px;
  text-align: left;
}
.annual-report .tangible-fixed-assets .alert-box p {
  margin-top: 2px;
}

.package-bought {
  display: grid;
  grid-auto-flow: column;
  gap: 20px;
  text-align: center;
  height: 100% !important;
}
.package-bought .image-wrapper {
  margin-bottom: 12px;
}
.package-bought .content-width-single-column {
  margin-top: 25vh !important;
}

.annual-report .start-client-flow h1 {
  font-size: 32px;
}

.annual-report .section-body.start .alert-box, .annual-report .start.section-body-with-settings .alert-box {
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0 auto;
}
.annual-report .section-body.start .alert-box .alert-content, .annual-report .start.section-body-with-settings .alert-box .alert-content {
  color: var(--ds-color-deep-sea-green);
  justify-content: flex-start;
}
.annual-report .section-body.start .alert-box .alert-content .icon-wrapper, .annual-report .start.section-body-with-settings .alert-box .alert-content .icon-wrapper {
  margin-right: 8px;
  margin-top: -3px;
}
.annual-report .section-body.start .alert-box .alert-content .icon-wrapper svg path, .annual-report .start.section-body-with-settings .alert-box .alert-content .icon-wrapper svg path {
  fill: var(--ds-color-deep-sea-green);
}
.annual-report .section-body.start .alert-box, .annual-report .start.section-body-with-settings .alert-box {
  margin-bottom: -80px;
  max-width: 1107px;
}
.annual-report .section-body.start .content-width, .annual-report .start.section-body-with-settings .content-width {
  width: auto;
}
.annual-report .section-body.start .cvr-content, .annual-report .start.section-body-with-settings .cvr-content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.application {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.application-outlet {
  display: flex;
  position: relative;
  flex: 1;
  right: 0;
  left: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .application-outlet {
    overflow: unset;
    overflow-y: hidden;
  }
}

.app-store {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.app-store-item {
  padding: 24px;
  border: 1px solid #d9dce5;
  border-radius: 8px;
  background-color: #fff;
}
.app-store-item .app-store-item-icon {
  height: 60px;
  margin: 0 auto 8px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-store-item .app-store-item-icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.app-store-item .app-store-item-name {
  text-align: center;
  color: var(--ds-color-deep-sea-green);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.app-store-item .app-store-item-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.app-store-item .app-store-item-wrapper .display-flex {
  align-items: center;
}
.app-store-item .app-store-item-price {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 6px;
  color: #697588;
  font-size: 12px;
  line-height: 16px;
}
.app-store-item .app-store-item-description {
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 12px;
}
.app-store-item-footer {
  display: flex;
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  flex-direction: column-reverse;
  align-items: center;
}

.bank-account-index-balance {
  font-size: 40px;
  line-height: 1.2em;
  text-align: center;
}

.bank-account-index-bank-logo {
  max-width: 100%;
  display: block;
}

.bank-accounts-index-items {
  margin-right: -12px;
}

.bank-accounts-index-item {
  float: left;
  width: 250px;
  margin: 0 12px 12px 0;
  border: 1px solid #dde1e3;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}

.bank-accounts-index-item-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  margin-bottom: 12px;
}
.bank-accounts-index-item-logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.bank-accounts-index-item-name {
  font-size: 16px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bank-accounts-index-item-balance {
  margin-bottom: 12px;
}

.section-body.view-height.bank-import, .view-height.bank-import.section-body-with-settings {
  height: calc(100vh - 57px);
  overflow: hidden;
  padding-top: 30px;
}

.section-body.bank-import .content-width, .bank-import.section-body-with-settings .content-width {
  max-width: 904px;
  min-width: auto;
}

.filter-invalid-lines {
  position: absolute;
  top: -54px;
  right: 0;
}
.filter-invalid-lines label, .filter-invalid-lines .ar-boolean-multiple-input-array p, .ar-boolean-multiple-input-array .filter-invalid-lines p {
  color: #FA7064;
}

.duplicates-notice {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E9F0F5;
}
.duplicates-notice .description {
  color: #A6A6A6;
}

.bank-imports-archive .content-width {
  position: relative;
  width: 600px;
  min-width: auto;
  padding-top: 30px;
}
.bank-imports-archive .bank-imports-archive__date-picker {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
}
.bank-imports-archive .bank-imports-archive__date-picker .tool {
  position: absolute;
  top: 0;
  right: -2px;
  width: 24px;
  height: 24px;
}
.bank-imports-archive .bank-imports-archive__month > h2 {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E9F0F5;
  text-transform: capitalize;
}

.bank-sync {
  padding: 0px;
}
.bank-sync .button-filters {
  display: inline-block;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bank-sync .button-filters .button-filter {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0px 5px;
  margin: 0 1px;
  border: 1px solid #9aa5ac;
  border-radius: 8px;
  color: #9aa5ac;
  background-color: transparent;
  text-align: center;
}
.bank-sync .button-filters .button-filter.selected {
  border-color: #29b574;
  color: #29b574;
  box-shadow: none;
}
.bank-sync .button-filters .button-filter:hover {
  text-decoration: none;
}
.bank-sync .button-filters .button-filter:first-child {
  margin-left: 0;
}
.bank-sync .button-filters .button-filter:last-child {
  margin-right: 0;
}
.bank-sync .button-filters .button-filter:focus {
  background: red;
}
.bank-sync .bank-sync-bank-logo {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bank-sync .bank-sync-bank-logo img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.4;
}
.bank-sync .matches {
  position: absolute;
  top: 0px;
  right: 311.3333333333px;
  bottom: 0px;
  left: 0px;
  padding: 24px 40px 120px 40px;
  overflow-y: auto;
}
.bank-sync .matches.archive {
  right: 0px;
}
.bank-sync .matches .matches-inner {
  width: 722.6666666667px;
  margin: auto;
}
.bank-sync .matches .matches-inner .csv-download-link {
  margin-left: 10px;
}
.bank-sync .matches .table-floating-header {
  margin-bottom: 12px;
}
.bank-sync .matches .table-floating-header a {
  font-weight: 400;
}
.bank-sync .matches .table-floating-header .toolbar {
  margin-bottom: 12px;
}
.bank-sync .matches .column-description .lines,
.bank-sync .matches .column-description .subjects,
.bank-sync .matches .match .lines,
.bank-sync .matches .match .subjects {
  float: left;
  width: 271.3333333333px;
  margin-bottom: 20px;
}
.bank-sync .matches .column-description .match-date,
.bank-sync .matches .match .match-date {
  float: left;
  width: 80px;
  margin-bottom: 20px;
  margin-right: 10px;
}
.bank-sync .matches .column-description .lines,
.bank-sync .matches .match .lines {
  z-index: 1;
  margin-right: 10px;
}
.bank-sync .matches .column-description .subjects,
.bank-sync .matches .match .subjects {
  z-index: 2;
}
.bank-sync .matches .column-description {
  height: 50px;
}
.bank-sync .matches .column-description .lines,
.bank-sync .matches .column-description .subjects {
  display: table;
  height: 30px;
}
.bank-sync .matches .column-description .lines .inner,
.bank-sync .matches .column-description .subjects .inner {
  display: table-cell;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  color: #a1b2b2;
}
.bank-sync .matches .column-description .lines svg,
.bank-sync .matches .column-description .subjects svg {
  opacity: 0.3;
  height: 30px;
  fill: #a1b2b2;
}
.bank-sync .matches .column-description .subjects {
  padding-top: 4px;
  text-align: center;
}
.bank-sync .matches .select-all {
  margin: -10px 0 10px 0;
}
.bank-sync .matches .match .lines,
.bank-sync .matches .match .subjects {
  position: relative;
  transition: margin 0.2s ease-out;
  -webkit-transition: margin 0.2s ease-out;
}
.bank-sync .matches .match .actions {
  display: none;
  float: left;
  width: 80px;
  text-align: right;
  padding-top: 24px;
  margin-bottom: 20px;
}
.bank-sync .matches .match .actions .group {
  display: flex;
  margin-top: -21px;
  margin-left: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.bank-sync .matches .match .match-date {
  float: left;
  width: 80px;
  text-align: right;
  padding-top: 24px;
  margin-bottom: 20px;
  color: #697588;
}
.bank-sync .matches .match.fulfilled .lines {
  margin-right: -1px;
  margin-left: 5px;
}
.bank-sync .matches .match.fulfilled .subjects {
  margin-right: 5px;
}
.bank-sync .matches .match.fulfilled .actions {
  display: block;
}
.bank-sync .matches .match.fulfilled .difference {
  background-color: #fff;
  border-color: #dde1e3;
}
.bank-sync .matches .match .droppable-active .item .item-inner {
  background-color: #f4fafc;
  border-style: dashed;
  border-color: #62b1d9;
}
.bank-sync .matches .match .droppable-active .item.female-right .bank-sync-notch {
  border-right-color: var(--ds-default-background);
}
.bank-sync .matches .match .droppable-active .item.female-right .bank-sync-border-notch {
  border-right-color: #62b1d9;
}
.bank-sync .matches .match .droppable-active .item.male-left .bank-sync-notch {
  border-right-color: #f4fafc;
}
.bank-sync .matches .match .droppable-active .item.male-left .bank-sync-border-notch {
  border-right-color: #62b1d9;
}
.bank-sync .matches .match .droppable-active .item.male-up .bank-sync-notch {
  border-bottom-color: #f4fafc;
}
.bank-sync .matches .match .droppable-active .item.male-up .bank-sync-border-notch {
  border-bottom-color: #62b1d9;
}
.bank-sync .matches .match .droppable-active .item.male-up.selected .bank-sync-notch {
  border-bottom-color: floralwhite;
}
.bank-sync .matches .match .droppable-active .item.male-up.selected .bank-sync-border-notch {
  border-bottom-color: #62b1d9;
}
.bank-sync .matches .match .droppable-hover .item .item-inner {
  background-color: white;
  border-style: dashed;
  border-color: #62b1d9;
}
.bank-sync .matches .match .droppable-hover .item.female-right .bank-sync-notch {
  border-right-color: var(--ds-default-background);
}
.bank-sync .matches .match .droppable-hover .item.female-right .bank-sync-border-notch {
  border-right-color: #62b1d9;
}
.bank-sync .matches .match .droppable-hover .item.male-left .bank-sync-notch {
  border-right-color: white;
}
.bank-sync .matches .match .droppable-hover .item.male-left .bank-sync-border-notch {
  border-right-color: #62b1d9;
}
.bank-sync .matches .match .droppable-hover .item.male-up .bank-sync-notch {
  border-bottom-color: white;
}
.bank-sync .matches .match .droppable-hover .item.male-up .bank-sync-border-notch {
  border-bottom-color: #62b1d9;
}
.bank-sync .matches .match .droppable-hover .item.male-up.selected .bank-sync-notch {
  border-bottom-color: floralwhite;
}
.bank-sync .matches .match .droppable-hover .item.male-up.selected .bank-sync-border-notch {
  border-bottom-color: #62b1d9;
}
.bank-sync .possible-subjects {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 311.3333333333px;
  background-color: #fff;
  box-shadow: inset 5px 0px 10px -5px rgba(0, 0, 0, 0.02), inset 0px 5px 10px -5px rgba(0, 0, 0, 0.02);
}
.bank-sync .possible-subjects .header {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 177px;
  padding: 24px 20px 0px 20px;
  z-index: 2;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02);
}
.bank-sync .possible-subjects .header .toolbar {
  margin-top: 10px;
}
.bank-sync .possible-subjects .header .toolbar .tool-icons-calendar[data-tool-placeholder] {
  max-width: 68px;
}
.bank-sync .possible-subjects .header .toolbar .tool-icons-calendar .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.bank-sync .possible-subjects .subjects {
  position: absolute;
  top: 177px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  border: 1px dashed transparent;
  padding: 19px 19px 19px 19px;
  overflow-y: auto;
  z-index: 1;
}
.bank-sync .possible-subjects .subjects .item {
  margin-bottom: 20px;
}
.bank-sync .possible-subjects .subjects .item .item-inner {
  border-radius: 8px;
  border-right: 3px solid #73d477;
}
.bank-sync .possible-subjects .subjects.droppable-active {
  background-color: #f4fafc;
  border-color: #62b1d9;
}
.bank-sync .possible-subjects .subjects.droppable-hover {
  background-color: white;
  border-color: #62b1d9;
}
.bank-sync .item {
  position: relative;
  padding-top: 5px;
  margin-top: -5px;
  user-select: none;
  cursor: default;
}
.bank-sync .item .item-inner {
  background-color: var(--ds-default-background);
  border-style: solid;
  border-color: #dde1e3;
}
.bank-sync .item.female-right .bank-sync-notch {
  border-right-color: var(--ds-default-background);
}
.bank-sync .item.female-right .bank-sync-border-notch {
  border-right-color: #dde1e3;
}
.bank-sync .item.male-left .bank-sync-notch {
  border-right-color: var(--ds-default-background);
}
.bank-sync .item.male-left .bank-sync-border-notch {
  border-right-color: #dde1e3;
}
.bank-sync .item.male-up .bank-sync-notch {
  border-bottom-color: var(--ds-default-background);
}
.bank-sync .item.male-up .bank-sync-border-notch {
  border-bottom-color: #dde1e3;
}
.bank-sync .item.male-up.selected .bank-sync-notch {
  border-bottom-color: floralwhite;
}
.bank-sync .item.male-up.selected .bank-sync-border-notch {
  border-bottom-color: #dde1e3;
}
.bank-sync .item .item-inner {
  position: relative;
  border-width: 1px;
  padding: 5px 10px;
  line-height: 20px;
  background-color: #fff;
}
.bank-sync .item .description {
  max-height: 60px;
  overflow: hidden;
}
.bank-sync .item .justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bank-sync .item .amount {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bank-sync .item .order-number {
  color: #697588;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bank-sync .item .date {
  color: #697588;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bank-sync .item .right-bottom-actions {
  position: absolute;
  display: flex;
  align-items: baseline;
  bottom: 5px;
  right: 5px;
}
.bank-sync .item .remove-tool {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  margin: 5px;
}
.bank-sync .item .remove-tool .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.bank-sync .item .remove-tool:hover .svg-main {
  fill: #2766F1;
}
.bank-sync .item .open-in-new-tab {
  cursor: pointer;
  margin-left: 5px;
}
.bank-sync .item .open-in-new-tab .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.bank-sync .item .open-in-new-tab:hover .svg-main {
  fill: #2766F1;
}
.bank-sync .item .select-checkbox {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  padding: 1px;
}
.bank-sync .item.line .item-inner {
  border-left: 3px solid #47a9ff;
}
.bank-sync .item.subject .item-inner, .bank-sync .item.possible-subject .item-inner {
  border-right: 3px solid #73d477;
}
.bank-sync .item:first-of-type .item-inner, .bank-sync .item.possible-subject .item-inner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.bank-sync .item:last-of-type .item-inner, .bank-sync .item.possible-subject .item-inner {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bank-sync .item.has-remove:not(.right) .item-inner, .bank-sync .item.is-selectable:not(.right) .item-inner {
  padding-right: 30px;
}
.bank-sync .item.has-remove:not(.right) .justify-content-space-between, .bank-sync .item.is-selectable:not(.right) .justify-content-space-between {
  margin-right: -20px;
}
.bank-sync .item.has-remove.right .item-inner, .bank-sync .item.is-selectable.right .item-inner {
  padding-left: 30px;
}
.bank-sync .item.right {
  text-align: right;
}
.bank-sync .item.right .remove-tool,
.bank-sync .item.right .select-checkbox {
  right: auto;
  left: 5px;
}
.bank-sync .item.selected .item-inner {
  background-color: floralwhite;
}
.bank-sync .item.draggable-active .description,
.bank-sync .item.draggable-active .amount,
.bank-sync .item.draggable-active .date {
  opacity: 0.3;
}
.bank-sync .matches .match .droppable-active .item .remove-tool,
.bank-sync .matches .match .droppable-active .item .select-checkbox,
.bank-sync .matches .match .droppable-hover .item .remove-tool,
.bank-sync .matches .match .droppable-hover .item .select-checkbox {
  right: 7px;
}
.bank-sync .matches .match .droppable-active .item.right .remove-tool,
.bank-sync .matches .match .droppable-active .item.right .select-checkbox,
.bank-sync .matches .match .droppable-hover .item.right .remove-tool,
.bank-sync .matches .match .droppable-hover .item.right .select-checkbox {
  left: 7px;
}
.bank-sync .matches .match .droppable-active .item .item-inner,
.bank-sync .matches .match .droppable-hover .item .item-inner {
  border-left-width: 1px;
}
.bank-sync .droppable-active .item.subject .item-inner,
.bank-sync .droppable-hover .item.subject .item-inner {
  border-right-width: 1px;
}
.bank-sync .bank-sync-notch {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}
.bank-sync .female-right .bank-sync-notch {
  top: 36px;
  right: 0px;
  border-top: 5px solid transparent;
  border-right-width: 5px;
  border-right-style: solid;
  border-bottom: 5px solid transparent;
  border-left: 0;
}
.bank-sync .female-right .bank-sync-notch.bank-sync-border-notch {
  right: 1px;
}
.bank-sync .male-left .bank-sync-notch {
  top: 36px;
  left: -4px;
  border-top: 5px solid transparent;
  border-right-width: 5px;
  border-right-style: solid;
  border-bottom: 5px solid transparent;
  border-left: 0;
}
.bank-sync .male-left .bank-sync-notch.bank-sync-border-notch {
  left: -5px;
}
.bank-sync .male-up {
  margin-top: -6px;
}
.bank-sync .male-up .bank-sync-notch {
  top: 1px;
  left: 130.6666666667px;
  border-top: 0;
  border-right: 5px solid transparent;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-left: 5px solid transparent;
}
.bank-sync .male-up .bank-sync-notch.bank-sync-border-notch {
  top: 0px;
}
.bank-sync .no-subjects {
  position: relative;
  user-select: none;
  cursor: default;
}
.bank-sync .no-subjects .item-inner {
  background-color: var(--ds-default-background);
  border-style: dashed;
  border-color: #dde1e3;
}
.bank-sync .no-subjects.female-right .bank-sync-notch {
  border-right-color: var(--ds-default-background);
}
.bank-sync .no-subjects.female-right .bank-sync-border-notch {
  border-right-color: #dde1e3;
}
.bank-sync .no-subjects.male-left .bank-sync-notch {
  border-right-color: var(--ds-default-background);
}
.bank-sync .no-subjects.male-left .bank-sync-border-notch {
  border-right-color: #dde1e3;
}
.bank-sync .no-subjects.male-up .bank-sync-notch {
  border-bottom-color: var(--ds-default-background);
}
.bank-sync .no-subjects.male-up .bank-sync-border-notch {
  border-bottom-color: #dde1e3;
}
.bank-sync .no-subjects.male-up.selected .bank-sync-notch {
  border-bottom-color: floralwhite;
}
.bank-sync .no-subjects.male-up.selected .bank-sync-border-notch {
  border-bottom-color: #dde1e3;
}
.bank-sync .no-subjects .item-inner > div:not(.form) {
  opacity: 0.4;
  transition-property: opacity;
  transition-duration: 0.2s;
}
.bank-sync .no-subjects .item-inner:hover > div:not(.form) {
  opacity: 1;
}
.bank-sync .no-subjects .form {
  padding: 5px 0px;
}
.bank-sync .no-subjects .form .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bank-sync .difference {
  cursor: pointer;
  position: relative;
  background-color: #ffdd99;
  border: 1px solid #f2ca79;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  line-height: 35px;
  padding: 0px 10px;
}
.bank-sync .difference .caret {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 14px;
  height: 35px;
}
.bank-sync .difference .caret .svg-main {
  fill: var(--ds-color-deep-sea-green);
}
.bank-sync .difference:hover {
  background-color: #ffe2a8;
}

.bank-sync-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bank-sync-header .left-side-actions {
  margin-right: unset;
}

.bill-edit-view .section-body, .bill-edit-view .section-body-with-settings {
  padding-bottom: 0;
}
.bill-edit-view .bill-form {
  margin-bottom: 12px;
}
.bill-edit-view .bill-form .right-spacing {
  margin-right: 12px;
}
.bill-edit-view .bill-form .payment-field-group > div.last-of-type input[type=text], .bill-edit-view .bill-form .payment-field-group > div.last-of-type textarea, .bill-edit-view .bill-form .payment-field-group > div.last-of-type .field {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bill-edit-view .bill-form .field {
  margin-bottom: 0;
}
.bill-edit-view .lines {
  font-size: 14px;
}
.bill-edit-view .lines .inner-lines {
  margin-bottom: 10px;
}
.bill-edit-view .lines .line-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.bill-edit-view .lines .line-header .with-spacing {
  margin-right: 8px;
}
.bill-edit-view .lines .line-container {
  position: relative;
}
.bill-edit-view .lines .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -36px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.bill-edit-view .lines .line:hover .actions, .bill-edit-view .lines .line:hover .draggable-column {
  visibility: visible;
}
.bill-edit-view .lines .line:first-child {
  padding-top: 0;
}
.bill-edit-view .lines .line .horizontal-field-group {
  margin-bottom: 0;
}
.bill-edit-view .lines .line.tag {
  margin-left: 0;
  margin-top: -4px;
  padding-top: 0;
}
.bill-edit-view .lines .line .expense-account {
  min-width: 100px;
}
.bill-edit-view .lines .line .tag-info, .bill-edit-view .lines .line .preselected-info {
  font-size: 12px;
  line-height: 18px;
  color: #788189;
}
.bill-edit-view .lines .line .tag-info .highlight, .bill-edit-view .lines .line .preselected-info .highlight {
  color: #2766F1;
}
.bill-edit-view .lines .line .tag-info .tag-name, .bill-edit-view .lines .line .tag-info .tag-answer {
  cursor: pointer;
}
.bill-edit-view .lines .line .tag-info .tag-name:hover, .bill-edit-view .lines .line .tag-info .tag-answer:hover {
  text-decoration: underline;
}
.bill-edit-view .lines .line .tag-info .tag-name {
  margin-right: 4px;
}
.bill-edit-view .lines .line .tag-info .tag-answer {
  margin-left: 6px;
  margin-right: 4px;
}
.bill-edit-view .lines .line .tag-info .tag-icon {
  display: inline-block;
  margin-right: 4px;
}
.bill-edit-view .lines .line .tag-info .delete-icon {
  margin-right: 8px;
}
.bill-edit-view .lines .line .tag-info .tag-icon, .bill-edit-view .lines .line .tag-info .delete-icon {
  cursor: pointer;
}
.bill-edit-view .lines .line .tax {
  width: 100px;
  text-align: right;
}
.bill-edit-view .lines .draggable-column .tool-icons-reorder {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  float: left;
}
.bill-edit-view .lines .draggable-helper {
  position: absolute;
  visibility: hidden;
}
.bill-edit-view .lines .droppable-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  display: none;
}
.bill-edit-view .lines .droppable-hover-below:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  border-bottom: 8px dashed #00e383;
}
.bill-edit-view .lines .droppable-hover-above:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  border-top: 8px dashed #00e383;
}
.bill-edit-view .lines .draggable-column {
  width: 24px;
  margin-right: 12px;
  visibility: hidden;
}
.bill-edit-view .lines .actions:empty {
  display: none;
}
.bill-edit-view .lines .actions .tool {
  float: left;
}
.bill-edit-view .lines .inventory-line {
  width: 60px;
  padding-left: 12px;
}
.bill-edit-view .lines .total-label {
  text-align: right;
  font-weight: 500;
}
.bill-edit-view .lines .total-net-amount, .bill-edit-view .lines .total-tax, .bill-edit-view .lines .total-gross-amount {
  width: 100px;
  margin-right: -1px;
  text-align: right;
}
.bill-edit-view .lines .total-net-amount, .bill-edit-view .lines .total-gross-amount {
  padding-right: 14px;
}
.bill-edit-view .lines .buttons {
  height: 24px;
}
.bill-edit-view .bill-edit-attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.bill-edit-view .bill-edit-attachments .image-ct {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
}
.bill-edit-view .bill-edit-attachments .image-padding {
  position: relative;
  padding: 24px 20px 20px 20px;
}
.bill-edit-view .bill-edit-attachments .image-padding, .bill-edit-view .bill-edit-attachments .image-padding .image {
  width: 100%;
  height: 100%;
}
.bill-edit-view .bill-edit-attachments .image-padding .image img {
  display: block;
  margin: auto;
  background-color: #fff;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.02);
  max-width: 100%;
}
.bill-edit-view .bill-edit-attachments .no-attachments {
  text-align: center;
  padding-top: 24px;
}
.bill-edit-view .bill-edit-attachments .actions {
  padding-top: 24px;
  margin-left: 24px;
}
.bill-edit-view .bill-edit-attachments .actions .item {
  margin-bottom: 12px;
}
.bill-edit-view .bill-edit-attachments .actions .item .badge, .bill-edit-view .bill-edit-attachments .actions .item .bill-edit-attachments-upload {
  vertical-align: top;
}
.bill-edit-view .bill-edit-attachments .upload-queue {
  z-index: 2;
  position: absolute;
  top: 24px;
  left: 20px;
  padding: 12px;
  background-color: var(--ds-default-background);
  border: 1px solid #dde1e3;
  border-radius: 8px;
}
.bill-edit-view .bill-edit-attachments .bill-edit-timeline {
  width: 265px;
  padding: 24px;
  border-left: 1px solid #d9dce5;
  margin-left: 20px;
  overflow-y: auto;
}

.bills-draft-overview .draft-bills-table {
  width: 100%;
  border-radius: 8px;
  table-layout: fixed;
  background-color: #fff;
  box-shadow: 0 2px 1px #e8e9f0;
}
.bills-draft-overview .draft-bills-table td {
  border: 0 !important;
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header tr {
  border-radius: 8px 8px 0 0;
  position: relative;
  box-shadow: 0 2px 3px rgba(var(--ds-color-gray90), 0.1);
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header td {
  height: 56px;
  padding: 12px 4px;
  border-bottom: 1px solid #e8e9f0;
  font-weight: 500;
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header td a,
.bills-draft-overview .draft-bills-table .draft-bills-table-header td .link {
  color: var(--ds-color-deep-sea-green);
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header td .sort-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  top: -1px;
  position: relative;
  visibility: hidden;
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header td .sort-icon svg {
  fill: var(--ds-color-deep-sea-green);
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header td.sort-asc .sort-icon, .bills-draft-overview .draft-bills-table .draft-bills-table-header td.sort-desc .sort-icon {
  visibility: visible;
}
.bills-draft-overview .draft-bills-table .draft-bills-table-header td.sort-desc .sort-icon svg {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.bills-draft-overview .draft-bills-table .draft-bill {
  padding: 0 12px;
  border-bottom: 1px solid rgba(217, 220, 229, 0.5);
}
.bills-draft-overview .draft-bills-table .draft-bill:last-child {
  border-bottom: 0;
}
.bills-draft-overview .draft-bills-table .draft-bill td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--ds-color-deep-sea-green);
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}
.bills-draft-overview .draft-bills-table .draft-bill td .spinner {
  width: 22px;
  height: 22px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.bills-draft-overview .draft-bills-table .draft-bill td .spinner svg {
  -webkit-animation: anim-rotate 1s infinite steps(12);
  -moz-animation: anim-rotate 1s infinite steps(12);
  animation: anim-rotate 1s infinite steps(12);
}
.bills-draft-overview .draft-bills-table .draft-bill td .spinner svg path {
  fill: #dde1e3;
}
.bills-draft-overview .draft-bills-table .draft-bill td .image {
  display: flex;
  width: 47px;
  height: 47px;
  padding: 3px;
  background-color: #fff;
  border: 1px solid #d9dce5;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.bills-draft-overview .draft-bills-table .draft-bill td .image svg {
  width: 20px;
  margin: auto;
}
.bills-draft-overview .draft-bills-table .draft-bill td .image img {
  display: block;
  max-width: 100%;
}
.bills-draft-overview .draft-bills-table .draft-bill td .action {
  margin-left: 2px;
  margin-right: 2px;
}
.bills-draft-overview .draft-bills-table .draft-bill.is-clickable {
  cursor: pointer;
}
.bills-draft-overview .draft-bills-table .draft-bill.is-selected {
  background-color: rgba(167, 169, 180, 0.25);
}
.bills-draft-overview .draft-bills-table .draft-bill:hover {
  background-color: #f6f9ff;
}
.bills-draft-overview .draft-bills-table td {
  max-width: 300px;
  height: 56px;
  padding: 12px 4px;
  border-bottom: 1px solid #d9dce5;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bills-draft-overview .draft-bills-table td:first-child {
  padding-left: 24px;
}
.bills-draft-overview .draft-bills-table td:last-child {
  padding-right: 24px;
}
.bills-draft-overview .draft-bills-table td.no-records-found {
  padding: 30px;
  display: table-cell;
}
.bills-draft-overview .draft-bills-table td.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.bills-draft-overview .draft-bills-table .checkbox-wrapper {
  padding: 5px 15px 0;
}

.bill-viewer .columns.top {
  margin-bottom: 30px;
}
.bill-viewer .lines {
  margin-bottom: 50px;
  border-bottom: none;
}
.bill-viewer .lines tfoot td {
  border-bottom: none;
}
.bill-viewer .lines tfoot .border-top {
  border-top: 1px solid #dde1e3;
}
.bill-viewer .lines tfoot .border-bottom {
  border-bottom: 1px solid #dde1e3;
}

.conversion-balance .report-types {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.conversion-balance .report-types > div {
  margin-bottom: 40px;
}
.conversion-balance .amount-col {
  width: 100px;
}
.conversion-balance .conversion-balance-line {
  display: table;
  margin: 12px 0;
  width: 100%;
}
.conversion-balance .conversion-balance-line > div {
  display: table-cell;
  vertical-align: middle;
}
.conversion-balance .conversion-balance-line > div.account-col {
  padding-right: 12px;
  line-height: 20px;
}
.conversion-balance .conversion-balance-line > div.amount-col .text-field.has-value input {
  border: 1px solid #00e383;
}
.conversion-balance .balance-footer {
  border-top: 1px solid #2766F1;
}
.conversion-balance .balance-footer .balance-total {
  color: #2766F1;
}
.conversion-balance .balance-footer .text-right {
  padding-right: 13px;
  font-size: 16px;
}

.dashboard .content-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 944px;
}
.dashboard .content-width.wide {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1500px;
}
.dashboard .content-width .annual-report-banner {
  margin-left: 24px;
}
.dashboard .content-width .annual-report-banner.simple {
  margin-left: 0;
}
.dashboard .content-width .annual-report-banner:not(.simple):not(.show-progress) {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.dashboard-row {
  display: flex;
  flex-direction: row;
}

.dashboard-widget {
  position: relative;
  height: 250px;
  margin-bottom: 20px;
  overflow: hidden;
}
.dashboard-widget:not(:last-of-type) {
  margin-right: 20px;
}
.dashboard-widget .no-data-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(244, 245, 246, 0.8);
}
.dashboard-widget .no-data-overlay .content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  text-align: center;
  background-color: #fff;
  border: 1px solid #dde1e3;
  padding: 20px;
  border-radius: 8px;
}

.dashboard-widget-size-1 {
  width: 60.3333333333px;
}

.dashboard-widget-size-2 {
  width: 140.6666666667px;
}

.dashboard-widget-size-3 {
  width: 221px;
}

.dashboard-widget-size-4 {
  width: 301.3333333333px;
}

.dashboard-widget-size-5 {
  width: 381.6666666667px;
}

.dashboard-widget-size-6 {
  width: 462px;
}

.dashboard-widget-size-7 {
  width: 542.3333333333px;
}

.dashboard-widget-size-8 {
  width: 622.6666666667px;
}

.dashboard-widget-size-9 {
  width: 703px;
}

.dashboard-widget-size-10 {
  width: 783.3333333333px;
}

.dashboard-widget-size-11 {
  width: 863.6666666667px;
}

.dashboard-widget-size-12 {
  width: 944px;
}

.dashboard-widget-framed {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 4px;
}
.dashboard-widget-framed.highlighted {
  color: #ffffff;
  background-color: #2766F1;
}

.dashboard-widget-scroll {
  padding: 15px 20px;
  overflow-y: auto;
}

.dashboard-widget-header {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
}
.dashboard-widget-header h1 {
  position: relative;
  z-index: 1;
  text-align: left;
}
.dashboard-widget-header .tools {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
}

.dashboard-widget-body {
  height: 160px;
}

.dashboard-widget-body-square {
  width: 160px;
  height: 160px;
}

.dashboard-widget-bills .drop-area {
  position: relative;
  background-color: var(--ds-default-background);
  border: 2px dashed #dde1e3;
  border-radius: 8px;
  color: #697588;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.dashboard-widget-bills .drop-tip {
  text-align: center;
  font-size: 16px;
}
.dashboard-widget-bills .upload-link {
  width: 100%;
  text-align: center;
}
.dashboard-widget-bills .draft-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dashboard-widget-bills .draft-info-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dashboard-widget-bills .draft-info-number {
  text-align: center;
  font-size: 30px;
  line-height: 1.4em;
}
.dashboard-widget-bills .draft-info-label {
  text-align: center;
  color: #2766F1;
  font-weight: 500;
}
.dashboard-widget-bulletin a {
  font-weight: 400;
}
.dashboard-widget-bulletin .support {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 6px;
  border-bottom: 1px solid #dde1e3;
  padding-bottom: 6px;
}
.dashboard-widget-bulletin .support .title {
  font-weight: 500;
}
.dashboard-widget-bulletin .support .new-line {
  line-height: 120%;
  margin-bottom: 6px;
}
.dashboard-widget-bulletin .bulletins .title {
  font-weight: 500;
  margin-bottom: 6px;
  border-bottom: 1px solid #dde1e3;
  padding-bottom: 6px;
}
.dashboard-widget-bulletin .bulletins .item:not(:last-child) {
  padding-bottom: 6px;
  border-bottom: 1px solid #dde1e3;
  margin-bottom: 6px;
}

.easy-numbers-text {
  width: 100%;
  border-collapse: collapse;
}
.easy-numbers-text th:not(:first-child), .easy-numbers-text td:not(:first-child) {
  padding-left: 12px;
}
.easy-numbers-text th:not(:last-child), .easy-numbers-text td:not(:last-child) {
  padding-right: 12px;
}
.easy-numbers-text tbody {
  font-size: 24px;
  line-height: 48px;
}
.easy-numbers-text .easy-numbers-value {
  text-align: right;
}

.daybook-header {
  position: absolute;
  top: 88px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 56px;
  padding: 12px 40px;
  padding-left: 12px;
  background: var(--ds-default-background);
  border-bottom: 1px solid #d9dce5;
}
.daybook-header input[type=checkbox] {
  margin: 0;
}

.daybook-body {
  top: 144px;
  padding: 0;
  background-color: #fff;
}

.daybook-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: var(--ds-default-background);
  border-top: 1px solid #d9dce5;
  min-height: 24px;
}

.daybook-footer-content {
  overflow-y: auto;
  padding: 12px 120px 12px 40px;
  max-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.daybook-footer-toggle {
  position: absolute;
  top: 0;
  right: 80px;
}

.daybook-loading {
  padding-left: 40px;
  padding-top: 12px;
}

.daybook-edit-transaction {
  padding: 6px 40px;
  padding-left: 7px;
}
.daybook-edit-transaction input {
  transition: none;
  -webkit-transition: none;
}
.daybook-edit-transaction:first-child {
  padding-top: 12px;
}
.daybook-edit-transaction:last-child {
  padding-bottom: 12px;
}
.daybook-edit-transaction .field {
  margin-bottom: 0;
}
.daybook-edit-transaction .daybook-transaction-checkbox {
  padding: 0 5px;
  margin-right: 7px;
}
.daybook-edit-transaction .daybook-transaction-checkbox .field {
  border: 0;
  padding: 7px 0;
  background-color: transparent;
}
.daybook-edit-transaction .daybook-field-group-space-right {
  margin-right: 12px;
}
.daybook-edit-transaction .field-group {
  margin-bottom: 0;
}
.daybook-edit-transaction .field-group .field.field-clean {
  box-shadow: none;
  border-color: transparent;
}
.daybook-edit-transaction .field-group .field.attachments-field {
  position: relative;
  background: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.daybook-edit-transaction .field-group .field.attachments-field .file-uploader-overlay.small .content .drop-tip .icon {
  margin-top: -8px;
  margin-left: -6px;
  padding: 0;
  width: 16px;
  height: 16px;
}
.daybook-edit-transaction .field-group .field.attachments-field .file-uploader-overlay.small .content .drop-tip .icon .svg-main {
  fill: #fff;
}
.daybook-edit-transaction .field-group .field.attachments-field .file-uploader-overlay.small .content .drop-tip .text {
  display: none;
}
.daybook-edit-transaction .field-group .field.attachments-field .text {
  display: none;
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 14px;
  line-height: 11px;
  text-align: center;
  color: #2766F1;
  font-weight: 500;
  font-size: 11px;
}
.daybook-edit-transaction .field-group .field.attachments-field svg {
  margin: 4px;
  width: 14px;
  height: 14px;
}
.daybook-edit-transaction .field-group .field.attachments-field.active .text {
  display: block;
}
.daybook-edit-transaction .field-group .field.attachments-field.active .svg-main {
  fill: #2766F1;
}
.daybook-edit-transaction > .field-group {
  margin-bottom: 0;
}
.daybook-edit-transaction .daybook-transaction-error {
  text-align: center;
  color: #d92d20;
}
.daybook-edit-transaction.daybook-edit-transaction-selected {
  background-color: #f8f6ff;
}
.daybook-edit-transaction.daybook-edit-transaction-focused {
  background-color: rgba(167, 169, 180, 0.25);
}

.daybook-edit-transaction-line {
  position: relative;
}
.daybook-edit-transaction-line:first-child .border-right-radius input[type=text],
.daybook-edit-transaction-line:first-child .border-right-radius textarea,
.daybook-edit-transaction-line:first-child .border-right-radius .field {
  border-top-right-radius: 3px !important;
}
.daybook-edit-transaction-line:first-child .border-left-radius input[type=text],
.daybook-edit-transaction-line:first-child .border-left-radius textarea,
.daybook-edit-transaction-line:first-child .border-left-radius .field {
  border-top-left-radius: 3px !important;
}
.daybook-edit-transaction-line:last-child .border-right-radius input[type=text],
.daybook-edit-transaction-line:last-child .border-right-radius textarea,
.daybook-edit-transaction-line:last-child .border-right-radius .field {
  border-bottom-right-radius: 3px !important;
}
.daybook-edit-transaction-line:last-child .border-left-radius input[type=text],
.daybook-edit-transaction-line:last-child .border-left-radius textarea,
.daybook-edit-transaction-line:last-child .border-left-radius .field {
  border-bottom-left-radius: 3px !important;
}
.daybook-edit-transaction-line .field-separator {
  position: relative;
  width: 10px;
}
.daybook-edit-transaction-line .field-separator .field-line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 1px;
  background: #dde1e3;
}
.daybook-edit-transaction-line .daybook-amount-field {
  max-width: 110px;
}
.daybook-edit-transaction-line .daybook-tools {
  position: absolute;
  top: 0;
  right: -40px;
  padding: 14px 18px;
  width: 40px;
  height: 36px;
}
.daybook-edit-transaction-line .daybook-tools .daybook-tools-arrow {
  border-top: 4px solid transparent;
  border-left: 0;
  border-right: 4px solid #697588;
  border-bottom: 4px solid transparent;
  width: 1px;
  height: 1px;
}

.daybook-tools-popover {
  display: none;
  z-index: 1000;
  padding: 2px 4px;
  height: 32px;
  text-align: center;
}
.daybook-tools-popover.daybook-tools-popover-visible {
  display: block;
}
.daybook-tools-popover .notch {
  top: 9px;
  right: -7px;
  left: auto;
  border-top: 7px solid transparent;
  border-left: 7px solid #fff;
  border-right: 0;
  border-bottom: 7px solid transparent;
}

.daybook-balance-accounts {
  width: 600px;
}
.daybook-balance-accounts .table {
  width: 100%;
}
.daybook-balance-accounts .daybook-toggle-balance-accounts {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 0;
}
.daybook-balance-accounts .daybook-toggle-balance-accounts .text {
  color: #2766F1;
  font-weight: 400;
  font-size: 16px;
}
.daybook-balance-accounts .daybook-toggle-balance-accounts svg {
  margin: 9px 7px 9px 0;
  width: 10px;
  height: 10px;
}
.daybook-balance-accounts .daybook-toggle-balance-accounts .svg-main {
  fill: #2766F1;
}
.daybook-balance-accounts .daybook-toggle-balance-accounts.daybook-show-balance-accounts .text {
  opacity: 0;
}
.daybook-balance-accounts .daybook-toggle-balance-accounts.daybook-show-balance-accounts svg {
  opacity: 0;
}

.daybook-transaction-summary-debit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 10px;
}

.daybook-transaction-summary {
  line-height: 14px;
  font-size: 12px;
  width: 460px;
}
.daybook-transaction-summary .daybook-transaction-empty {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.daybook-transaction-summary .daybook-transaction-summary-difference {
  border-top: 1px solid #9aa5ac;
  margin-top: 2px;
  padding-left: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.daybook-transaction-summary .daybook-transaction-summary-difference .descriptive-text {
  font-weight: 500;
}
.daybook-transaction-summary table:not(:first-child) {
  margin-left: 40px;
}
.daybook-transaction-summary table th,
.daybook-transaction-summary table td {
  text-align: right;
}
.daybook-transaction-summary table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.daybook-transaction-summary table td.daybook-transaction-summary-account {
  width: 140px;
}
.daybook-transaction-summary table td.daybook-transaction-summary-account .ellipsis {
  width: 140px;
}
.daybook-transaction-summary table td.daybook-transaction-summary-amount {
  width: 70px;
}
.daybook-transaction-summary table .daybook-transaction-summary-total td {
  border-top: 1px solid #9aa5ac;
  font-weight: 500;
}
.daybook-transaction-summary table.daybook-transaction-summary-debit .daybook-transaction-summary-amount {
  color: #00e383;
}
.daybook-transaction-summary table.daybook-transaction-summary-credit .daybook-transaction-summary-amount {
  color: #d92d20;
}

.exports .exports-boxes {
  display: grid;
  grid-template-columns: repeat(auto-fit, 298px);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
}
.exports .exports-boxes .exports-box {
  display: flex;
  padding: 16px;
  border: 1px solid #d9dce5;
  border-radius: 8px;
  background-color: #fff;
  flex-direction: column;
}
.exports .exports-boxes .exports-box .field {
  margin-bottom: 16px !important;
}
.exports .exports-boxes .exports-box > p {
  min-height: 38px;
  margin-bottom: 6px;
  color: var(--ds-color-deep-sea-green);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.exports .exports-boxes .exports-box .h3 {
  color: var(--ds-color-deep-sea-green);
  margin-bottom: 4px;
}
.exports .exports-boxes .exports-box .exports-box-button {
  display: flex;
  width: 100%;
  margin-top: auto;
  align-items: center;
  justify-content: space-between;
}
.exports .exports-boxes .exports-box .exports-box-button .button-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.exports .exports-boxes .exports-box .exports-box-button button.full-width {
  width: 100%;
}
.exports .exports-boxes .exports-box .exports-box-button button.center {
  justify-content: center;
}
.exports .exports-boxes .exports-box .exports-box-button button.dropdown {
  justify-content: space-between;
}

.four-oh-four-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  text-align: center;
  padding: 80px;
}
.four-oh-four-view .logo {
  margin-bottom: 40px;
}
.four-oh-four-view .logo svg {
  display: block;
  margin: auto;
  width: 190px;
  height: 43.3295324971px;
}
.four-oh-four-view .logo .svg-main {
  fill: #2766F1;
}
.four-oh-four-view h1 {
  font-size: 60px;
  line-height: 1.2em;
  margin-bottom: 40px;
}

.notification-settings-organization {
  border: 1px solid #dde1e3;
  border-radius: 8px;
  background-color: #fff;
}
.notification-settings-organization:not(:last-child) {
  margin-bottom: 8px;
}
.notification-settings-organization table td {
  line-height: 36px;
  vertical-align: middle;
}
.notification-settings-organization table tr:last-child td {
  border-bottom: none;
}

.notification-settings-organization-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 12px;
}

.notification-settings-organization-body {
  border-top: 1px solid #dde1e3;
}

.notification-settings-organization-value {
  text-align: center;
  width: 120px;
}
.notification-settings-organization-value .flip-switch {
  margin: auto;
}

.organization-subscription h2 {
  font-weight: 400;
}
.organization-subscription .content-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.organization-subscription .content {
  width: 454px;
}
.organization-subscription .content .alert-box {
  line-height: 20px;
  margin-bottom: 20px;
}
.organization-subscription .sidebar {
  -webkit-box-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  margin-left: 30px;
}
.organization-subscription .sidebar .sidebar-actions p {
  margin-left: 10px;
  margin-right: 10px;
  color: #9aa5ac;
}
.organization-subscription .sidebar .sidebar-actions p + p {
  margin-top: 15px;
  border-top: 1px solid #dde1e3;
  padding-top: 15px;
}
.organization-subscription .sidebar .sidebar-actions p + p.no-padding-top {
  padding-top: 0;
}

.organization-invitation-route .organization-invitation-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.organization-invitation-route .organization-invitation-content .agreements-wrapper {
  margin: 0 -30px;
}

.umbrella-invitation-route .umbrella-invitation-content .agreements-wrapper {
  margin: 0 -30px;
}

.locked-page-subscriptions {
  max-width: 944px;
  margin: 0 auto;
}
.locked-page-subscriptions .column {
  flex: 1;
}
.locked-page-subscriptions .subscriptions-overview-body {
  overflow-y: inherit;
}

.locked-page-content-width {
  width: 620px;
  margin: 0 auto;
}
.locked-page-content-width h1 {
  font-weight: 400;
  margin-bottom: 20px;
}
.locked-page-content-width p {
  margin-bottom: 20px;
}
.locked-page-content-width p.no-margin-bottom {
  margin-bottom: 0;
}
.locked-page-content-width .expired-page-content {
  padding: 20px;
}
.locked-page-content-width .expired-page-content .billy-face {
  padding: 0;
  margin-bottom: 30px;
}
.locked-page-content-width .expired-page-content .billy-face svg {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.locked-page-content-width .expired-page-content footer {
  margin-top: 40px;
  text-align: center;
}
.locked-page-content-width .expired-page-content footer .choose-subscription-button {
  display: inline-block;
}
.locked-page-content-width .locked-page-option-box {
  margin-bottom: 20px;
}
.locked-page-content-width .locked-page-option-box.no-border {
  border: 0;
}
.locked-page-content-width .locked-page-option-box h2,
.locked-page-content-width .locked-page-option-box h2 span {
  margin-bottom: 10px;
  font-weight: 500;
}
.locked-page-content-width .locked-page-option-box .checkbox {
  margin-bottom: 10px;
}
.locked-page-content-width .locked-page-option-box .checkbox span {
  padding-right: 4px;
}
.locked-page-content-width .locked-page-option-box .checkbox span.label span {
  padding-right: 0;
}
.locked-page-content-width .locked-page-option-box .checkbox .label {
  background-color: #309c35;
}
.locked-page-content-width .locked-page-option-box .checkbox + div > button {
  margin-bottom: 10px;
}
.locked-page-content-width .locked-page-option-box.addons {
  position: relative;
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
}
.locked-page-content-width .locked-page-option-box.addons .required-add-ons {
  padding-left: 0;
  padding-right: 0;
}
.locked-page-content-width .locked-page-option-box.addons .indent {
  padding-left: 20px;
  padding-right: 20px;
}
.locked-page-content-width .locked-page-option-box.addons .indent > div {
  margin-bottom: 50px;
}
.locked-page-content-width .locked-page-option-box.addons .continue-button {
  position: absolute;
  top: 70px;
  left: 20px;
}
.locked-page-content-width .locked-page-option-box.addons .addon-list > div {
  padding-left: 30px;
  padding-right: 30px;
}
.locked-page-content-width .locked-page-option-box footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 30px;
  height: 57px;
  line-height: 57px;
  margin-top: 20px;
  border-top: 1px solid #eaeaea;
  color: #999;
}
.locked-page-content-width.premium .locked-page-option-box.addons {
  color: #697588;
}
.locked-page-content-width.addons .locked-page-option-box.premium {
  color: #697588;
}
.locked-page-content-width.addons.dirty .continue-button {
  border-color: #dde1e3;
  color: var(--ds-color-deep-sea-green);
  background-color: transparent;
  box-shadow: none;
  text-shadow: none;
}
.locked-page-content-width.pristine .locked-page-option-box {
  color: #697588;
}
.locked-page-content-width .confirm-button {
  position: absolute;
  right: 10px;
  top: 10px;
}

.payment-methods-view-body .payment-method-list .payment-method.disabled .payment-method-label {
  opacity: 0.5;
}
.payment-methods-view-body .payment-method-list .payment-method .payment-method-label .badge {
  margin-left: 10px;
  position: relative;
  top: 5px;
}

.login-view .section-body .flash-error-target, .login-view .section-body-with-settings .flash-error-target {
  height: 100%;
}
.login-view .field-label, .login-view .fields-left-label .row > label, .fields-left-label .login-view .row > label, .login-view .fields-left-label .ar-boolean-multiple-input-array .row > p, .fields-left-label .ar-boolean-multiple-input-array .login-view .row > p, .login-view .ar-boolean-multiple-input-array .fields-left-label .row > p, .ar-boolean-multiple-input-array .fields-left-label .login-view .row > p {
  margin-bottom: 0;
}

.prelogin-view .prelogin-content {
  display: flex;
  width: 250px;
  height: 100%;
  margin: auto;
  flex-direction: column;
  justify-content: center;
}
.prelogin-view .prelogin-content .logo {
  display: flex;
  justify-content: center;
}
.prelogin-view .prelogin-content .logo svg {
  display: block;
  margin: auto;
  width: 150px;
  height: 49.9378580324px;
}
.prelogin-view .prelogin-content .logo .svg-main {
  fill: #2766F1;
}

.templates-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 12px;
}
.templates-list .template {
  position: relative;
  width: 145px;
  margin-right: 40px;
  margin-bottom: 40px;
  cursor: pointer;
}
.templates-list .template .template-tools {
  padding: 0 5px;
}
.templates-list .template .template-tools .tool.has-action .svg-circle-solid-check {
  fill: #697588;
}
.templates-list .template .template-tools .tool.has-action:hover .svg-trashcan, .templates-list .template .template-tools .tool.has-action:hover .svg-duplicate {
  fill: #2766F1;
}
.templates-list .template .template-tools .tool.has-action:hover .svg-circle-solid-check {
  fill: #00e383;
}
.templates-list .template .template-tools .tool {
  height: 28px;
}
.templates-list .template .template-tools .tool svg {
  margin-top: 6px;
  height: 18px;
  width: 18px;
}
.templates-list .template .template-tools .tool .svg-circle-solid-check {
  fill: #00e383;
}
.templates-list .template .template-tools .tool:hover .svg-trashcan {
  fill: #697588;
}
.templates-list .template .template-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.templates-list .template .template-overlay div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.templates-list .template .template-overlay .template-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-self: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 110%;
}
.templates-list .template .template-overlay .template-name span {
  padding: 12px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.templates-list .template:hover .template-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.templates-list .template .template-overlay-opposite {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.templates-list .template .template-overlay-opposite div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.templates-list .template:hover .template-overlay-opposite {
  display: none;
}
.templates-list .template:hover .document-paper:before {
  position: absolute;
  content: "";
  background-color: rgba(182, 198, 207, 0.95);
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.templates-list .template img.template-thumb {
  max-width: 100%;
  max-height: 100%;
}
.templates-list .template .action-text {
  font-size: 18px;
  color: #2766F1;
}
.templates-list .template .action-icon {
  width: 36px;
  height: 36px;
  fill: #2766F1;
}
.templates-list .template .action {
  width: 145px;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.templates-list .template .action div {
  height: 36px;
}

.transaction-window-view .window-body .manual-transaction-header, .transaction-window-view .window-body .manual-transaction-line, .transaction-window-view .window-body .manual-transaction-footer {
  margin-right: 10px;
}
.transaction-window-view .window-body .manual-transaction-line {
  position: relative;
  margin-top: 10px;
}
.transaction-window-view .window-body .manual-transaction-line .delete {
  position: absolute;
  top: 10px;
  right: -22px;
  display: block;
  width: 16px;
  height: 16px;
}
.transaction-window-view .window-body .manual-transaction-line .delete .svg-main {
  fill: #697588;
}
.transaction-window-view .window-body .manual-transaction-line .delete:hover .svg-main {
  fill: #2766F1;
}
.transaction-window-view .window-body .manual-transaction-footer {
  margin-top: 10px;
  border-top: 1px solid #dde1e3;
}
.transaction-window-view .window-body .manual-transaction-footer span {
  line-height: 26px;
}
.transaction-window-view .window-body a.transaction-type {
  position: relative;
  display: block;
  padding: 15px 20px 15px 54px;
  border-bottom: 1px solid #dde1e3;
  width: 100%;
  line-height: 17px;
  font-weight: 400;
  color: #40494f;
  cursor: pointer;
}
.transaction-window-view .window-body a.transaction-type .icon {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
}
.transaction-window-view .window-body a.transaction-type:hover {
  text-decoration: none;
}
.transaction-window-view .window-body a.transaction-type:last-of-type {
  border-bottom: 0;
}
.transaction-window-view .window-body.no-padding {
  padding: 0;
}
.transaction-window-view .window-body .error-message {
  text-align: center;
}
.transaction-window-view .window-footer p {
  width: 100%;
  margin: 0;
  line-height: 18px;
  font-size: 13px;
  color: var(--ds-color-gray90);
}

.user-view {
  min-width: 1024px;
  min-height: 494px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  flex: 1;
}
.user-view .user-menu {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
}
.user-view .user-main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--ds-default-background);
  transition: left 0.1s ease-out;
}
@media screen and (min-width: 1350px) {
  .user-view .user-main {
    left: 232px;
  }
}
.user-view .user-main.with-side-navbar {
  margin-left: 54px;
}

.background-tasks {
  z-index: 900;
  position: absolute;
  right: 104px;
  bottom: 24px;
}
.background-tasks .background-task {
  position: relative;
  float: left;
  height: 45px;
  margin-left: 12px;
  overflow: hidden;
  background-color: #40494f;
  color: #fff;
  border-radius: 8px;
  opacity: 1;
}
.background-tasks .background-task.clickable {
  cursor: pointer;
}
.background-tasks .background-task.clickable:hover {
  background-color: rgba(64, 73, 79, 0.9);
}
.background-tasks .background-task .icon {
  float: left;
  margin: 11.5px;
  width: 22px;
  height: 22px;
}
.background-tasks .background-task .icon .svg-main {
  fill: #fff;
}
.background-tasks .background-task .content {
  float: left;
  line-height: 16px;
  padding-top: 6.5px;
  padding-right: 23px;
  font-size: 13px;
}
.background-tasks .background-task .content .title {
  font-weight: 500;
}
.background-tasks .background-task .close {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 5px;
  width: 8px;
  height: 8px;
}
.background-tasks .background-task .close .svg-main {
  fill: #697588;
}
.background-tasks .background-task .close:hover .svg-main {
  fill: #fff;
}
.background-tasks .background-task.exiting {
  opacity: 0;
  transition: opacity 0.2s linear, width 0.2s ease-out, margin 0.2s ease-out;
  -webkit-transition: opacity 0.2s linear, width 0.2s ease-out, margin 0.2s ease-out;
}

.invoices-view {
  display: flex;
  margin-top: -16px;
  flex-direction: column;
}
.invoices-view .summary-section {
  margin-top: 4px;
  margin-bottom: 32px;
}
.invoices-view .invoices-list-section .toolbar {
  margin-bottom: 6px;
}
.invoices-view .invoices-list-section .table-icon-cell {
  padding: 0 4px !important;
  height: 32px;
  align-items: center;
}
.invoices-view .invoices-list-section .table-icon-cell > div {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.invoices-view .invoices-list-section .table-icon-cell svg {
  margin-top: 0;
  flex-shrink: 0;
}

.umbrella-organizations-show .paid-by-admin {
  display: flex;
  margin-top: 8px;
  align-items: center;
}
.umbrella-organizations-show .paid-by-admin .tooltip-wrapper {
  margin-left: 6px;
}
.umbrella-organizations-show .paid-by-admin .flip-switch {
  margin-left: 8px;
}

.quotes-index .toolbar,
.recurring-invoices-view .toolbar,
.products-view .toolbar,
.bills-view .toolbar,
.bills-draft-overview .toolbar,
.transactions-view .toolbar {
  margin-bottom: 8px;
}
.quotes-index .section-header .toolbar,
.recurring-invoices-view .section-header .toolbar,
.products-view .section-header .toolbar,
.bills-view .section-header .toolbar,
.bills-draft-overview .section-header .toolbar,
.transactions-view .section-header .toolbar {
  margin-bottom: 0;
}

.quotes-index {
  padding-top: 8px;
}

.recurring-invoices-view .table-section,
.bills-view .table-section {
  padding-top: 32px;
}

.recurring-invoices-view .alert-box {
  margin-bottom: 0;
}

.products-view .section-body, .products-view .section-body-with-settings,
.bills-draft-overview .section-body,
.bills-draft-overview .section-body-with-settings,
.bill-edit-view .section-body,
.bill-edit-view .section-body-with-settings,
.transactions-view .section-body,
.transactions-view .section-body-with-settings {
  padding-top: 8px;
}

.products-view .section-header .toolbar {
  margin-bottom: 0;
}
.products-view .section-body, .products-view .section-body-with-settings {
  padding-top: 8px;
}
.products-view .products-amount {
  color: var(--ds-color-gray90);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.products-view .table-item {
  height: 80px;
  color: var(--ds-color-deep-sea-green);
}
.products-view .table-cell {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.products-view .table-cell:empty {
  height: 1px;
}
.products-view .table-cell .ellipsis span {
  display: inline-block;
  min-height: 1px;
}
.products-view .table-header .table-item {
  height: 56px;
}
.products-view .table-header .table-cell {
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
}
.products-view .two-rows-cell {
  display: flex;
  height: 56px;
  margin-top: -8px;
  flex-direction: column;
  justify-content: center;
}
.products-view .two-rows-cell .ellipsis {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.products-view .two-rows-cell .downtoned-text {
  margin-bottom: 0;
  color: var(--ds-color-gray90);
  font-size: 13px;
  font-weight: inherit;
  line-height: 24px;
}
.products-view .two-rows-cell .downtoned-text:empty {
  height: 24px;
}
.products-view .table-item-image {
  max-width: 100%;
  padding: 0;
  border-radius: 8px;
}

.bills-view .circle-filter {
  grid-template-columns: repeat(4, 1fr);
}

.bill-edit-attachments {
  max-width: 1500px;
  width: calc(100% - 80px);
  right: unset !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.bill-edit-attachments:before {
  content: "";
  width: 100%;
  border-radius: 8px;
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 0;
  z-index: -1;
  background-color: #fff;
  box-shadow: 0 2px 1px #e8e9f0;
}
.bill-edit-attachments:after {
  content: "";
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: -24px;
  left: 50%;
  z-index: -2;
  background-color: #f5f6f9;
  transform: translateX(-50%);
}

.transactions-view .floating-fixed {
  padding-top: 8px !important;
}

.quote-heading {
  margin-bottom: 16px;
  align-items: center;
}
.quote-heading .alert-box:only-child {
  margin-bottom: 0;
}
.quote-heading .button-group {
  margin-top: -8px;
  margin-left: 16px;
}

.transaction-view .section-body-with-sidebar-inner .content-width,
.bill-view .section-body-with-sidebar-inner .content-width,
.sales-tax-return-section .section-body-with-sidebar-inner .content-width {
  padding: 0 !important;
  background-color: transparent !important;
}

.sales-tax-return-section .section-header {
  color: var(--ds-color-deep-sea-green);
  font-size: 28px;
  line-height: 40px;
}
.sales-tax-return-section .alert-box {
  margin-bottom: 24px;
  padding: 4px 24px;
}
.sales-tax-return-section .alert-box.warn {
  background-color: #d92d20;
}
.sales-tax-return-section .alert-box .alert-content {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.sales-tax-return-section .alert-box .alert-content *:not(:last-child) {
  margin-bottom: 0;
}
.sales-tax-return-section .alert-box .button {
  margin-left: 8px;
}
.sales-tax-return-section .no-content {
  margin-top: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.sales-tax-return-section .no-content:first-child {
  margin-top: 0;
}
.sales-tax-return-section .no-content .empty {
  margin-top: 0;
  font-size: 14px;
  line-height: 24px;
}
.sales-tax-return-section .no-content .empty *:last-child {
  margin-bottom: 0;
}
.sales-tax-return-section .no-content .h1 {
  margin-bottom: 16px;
  color: var(--ds-color-deep-sea-green);
  font-size: 28px;
  line-height: 40px;
}
.sales-tax-return-section .no-content p {
  margin-bottom: 8px;
}

.notification-container .section-body, .notification-container .section-body-with-settings {
  padding-top: 8px;
}

.income-statement-view .toolbar,
.balance-sheet-view .toolbar,
.apps-view .toolbar {
  display: flex;
  margin-bottom: 12px;
  flex-direction: column;
}
.income-statement-view .date-selector,
.balance-sheet-view .date-selector,
.apps-view .date-selector {
  margin-bottom: 6px;
}

.export-data-view .toolbar {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}
.export-data-view .shortcuts {
  display: flex;
  align-items: center;
}

.show-tab-switcher {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.show-tab-switcher .field-label, .show-tab-switcher .fields-left-label .row > label, .fields-left-label .show-tab-switcher .row > label, .show-tab-switcher .fields-left-label .ar-boolean-multiple-input-array .row > p, .fields-left-label .ar-boolean-multiple-input-array .show-tab-switcher .row > p, .show-tab-switcher .ar-boolean-multiple-input-array .fields-left-label .row > p, .ar-boolean-multiple-input-array .fields-left-label .show-tab-switcher .row > p {
  margin-bottom: 0;
}
.show-tab-switcher .toggle-group.small.horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.contact-editor-modal {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.contact-editor-modal .h2 {
  color: var(--ds-color-deep-sea-green);
}
.contact-editor-modal .toggle-group {
  margin-top: -16px;
  margin-bottom: 32px;
  margin-left: -4px;
  position: sticky;
  top: -16px;
  z-index: 100;
  background-color: #fff;
}
.contact-editor-modal .toggle-group.horizontal {
  padding: 0;
}
.contact-editor-modal .toggle-group .option {
  margin-bottom: -1px;
}
.contact-editor-modal .create-contact-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 32px;
}
.contact-editor-modal .contact-person + .tool.tool-icons-plus-circle {
  margin-top: -8px;
  margin-bottom: 12px;
}
.contact-editor-modal .tool {
  display: flex;
  height: 40px;
  padding: 8px 16px;
  color: var(--ds-color-gray90);
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  box-shadow: none;
  transition-property: background-color, color;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.contact-editor-modal .tool:active {
  background-color: #d3d6df;
}
.contact-editor-modal .tool:hover {
  background-color: rgba(167, 169, 180, 0.35);
}
.contact-editor-modal .tool:hover,
.contact-editor-modal .tool:hover .text {
  color: var(--ds-color-gray90);
}
.contact-editor-modal .tool svg {
  margin: 0;
  float: unset;
}
.contact-editor-modal .tool svg path {
  fill: currentColor;
}
.contact-editor-modal .tool .text {
  margin-left: 8px;
  color: currentColor;
}
.contact-editor-modal .tool.large {
  border-radius: 50%;
}

.bank-sync-header .left-side-actions {
  display: flex;
  align-items: center;
}
.bank-sync-header .left-side-actions h1 {
  margin: 0 20px 0 10px;
  overflow: visible;
}
.bank-sync-header .left-side-actions .last-update-section {
  display: flex;
  margin-left: 12px;
  flex-direction: column;
}
.bank-sync-header .left-side-actions .last-update-section p {
  text-wrap: nowrap;
  color: #a7a9b4;
}

.bank-sync .sort-section {
  display: flex;
  align-items: center;
}
.bank-sync .toggle-group {
  margin-left: 8px;
}
.bank-sync .toggle-group.horizontal.small .option {
  padding: 0 4px;
}

.contacts-view .section-body-with-sidebar-inner {
  max-width: 1580px;
  padding-right: 40px;
  padding-left: 40px;
}
.contacts-view .section-body-with-sidebar-inner .content-width {
  padding: 0;
  background-color: transparent;
  max-width: 1250px;
}
.contacts-view .section-body-with-sidebar-inner .circle-filter-category {
  padding-right: 16px;
  padding-left: 16px;
}
.contacts-view .section-body-with-sidebar-inner .stacked-bar-chart {
  margin-top: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.contacts-view .section-body-with-sidebar-inner .stacked-bar-chart:first-child {
  margin-top: 0;
}
.contacts-view .bills-view .summary-section {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.invoice-view .invoice-payment-section {
  grid-column-start: 1;
  grid-column-end: -1;
  margin: 0 auto;
  width: 100%;
  height: min-content;
}
.invoice-view .alert-wrapper {
  align-items: center;
}
.invoice-view .alert-wrapper .button-group {
  margin-top: -8px;
}
.invoice-view .e-invoice-sidebar {
  min-width: 218px;
  max-width: 318px;
}

.tax-rates-view .table-cell {
  overflow: visible;
}

.back-arrow {
  color: #a7a9b4;
  margin-right: 12px;
  cursor: pointer;
  height: 15px;
  width: 9px;
}

.send-invoice-modal .contact-field {
  position: relative;
}
.send-invoice-modal .contact-field .content-width {
  min-width: 0;
}
.send-invoice-modal .remove-icon {
  position: absolute;
  right: -28px;
}

@media screen and (max-width: 1024px) {
  .ember-route-organization_subscription_plans .top-bars,
  .ember-route-organization_subscription_plans .top-bar {
    display: none;
  }
  .ember-route-organization_subscription_plans .user-view {
    min-width: 0;
  }
}

.organization-owner-editor-toggle {
  margin-bottom: 16px;
}

.product-editor-modal .tool {
  border-radius: 50%;
  background-color: transparent;
}
.product-editor-modal .tool:hover {
  background-color: rgba(167, 169, 180, 0.35);
}
.product-editor-modal .tool:hover,
.product-editor-modal .tool:hover .text {
  color: var(--ds-color-gray90);
}
.product-editor-modal .first-column {
  margin-top: 4px;
}

.invoice-editor .tool-icons-pencil {
  border-radius: 50%;
  background-color: transparent;
}
.invoice-editor .tool-icons-pencil:hover {
  background-color: rgba(167, 169, 180, 0.35);
}

.daybook-view .section-header {
  height: 97px;
}
.daybook-view .section-header .toolbar {
  margin-left: 8px;
}
.daybook-view .section-header .select-field .post-ct {
  top: 6px;
}

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

.fullwidth {
  width: 100%;
}

.halfwidth {
  width: 50%;
}
/***
Spectrum Colorpicker v1.7.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}