@charset "UTF-8";
.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.test-button {
  display: flex;
  gap: 5px;
  justify-content: end;
}

.profile-download-btn {
  margin-top: 17px;
}

.test-container {
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 90%;
}
@media (min-width: 768px) {
  .test-container {
    flex-direction: row;
  }
}
.test-container .sticky-bar {
  align-self: flex-start;
  position: sticky;
  top: 74px;
}
@media (max-width: 767px) {
  .test-container .sticky-bar {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    left: 0;
    position: fixed;
    width: 100%;
  }
}
.test-container .sticky-bar-with-button {
  align-self: flex-start;
  position: sticky;
  top: 74px;
}
@media (max-width: 767px) {
  .test-container .sticky-bar-with-button {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    position: fixed;
    width: 50%;
  }
}
@media (max-width: 767px) and (max-width: 457px) {
  .test-container .sticky-bar-with-button {
    width: 100%;
  }
}
.test-container .bg-primary {
  width: 224px;
}
@media (max-width: 457px) {
  .test-container .bg-primary {
    margin-right: 50px;
  }
}
.test-container .col-sm-3 {
  z-index: 2;
}
.test-container .col-sm-9 {
  border-left: 0.5px transparent;
  margin-top: 38px;
  z-index: 1;
}
@media (min-width: 768px) {
  .test-container .col-sm-9 {
    border-left: 0.5px solid #cecece;
  }
}

.validation-notes {
  margin-top: 38px;
}

.profile-view-menu {
  background: none;
  border: 0;
  cursor: pointer;
  display: block;
  padding: 10px 15px;
  position: relative;
  text-align: left;
}
.profile-view-menu:hover {
  background-color: #f9f9f9;
}

.profile-view-menu-small {
  background: none;
  border: 0;
  clear: both;
  color: #333;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.42857143;
  padding: 3px 20px;
  position: relative;
  text-align: left;
  white-space: nowrap;
}
.profile-view-menu-small:hover {
  background-color: #f9f9f9;
}

@media (max-width: 767px) {
  .profile-alert {
    top: 33px;
  }
}

.alert-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.alert-container .alert-overlap {
  margin-bottom: 0 !important;
}

.alert-overlap {
  float: left;
  width: 100%;
}

.giving-statement-hr {
  border-top: 1px solid #000;
  margin-top: 0;
  width: 80%;
}

.ucc-file {
  margin-bottom: 10px;
}

.ucc-address label {
  margin-bottom: auto;
  margin-top: auto;
}
.ucc-address input, .ucc-address select {
  border: 1px solid #ddd;
  height: 40px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.ucc-row {
  margin-left: auto !important;
  margin-right: auto !important;
}

.ucc-link-table {
  padding: 2px 0 2px 0;
}
.ucc-link-table div[sub=column] {
  margin-bottom: auto;
  margin-top: auto;
}
.ucc-link-table .delete_btn {
  background: #d7d5d5;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #f00;
  padding: 0 4px 0 4px;
}

.ucc-checkbox {
  display: block;
  margin-bottom: 3px;
  padding-left: 20px;
  text-indent: -20px;
}
.ucc-checkbox input {
  line-height: normal;
  margin-top: 0 !important;
  vertical-align: middle;
}
.ucc-checkbox .ucc-radio-text {
  display: inline;
  padding-left: 3px;
  vertical-align: middle;
}

.ucc-input-button {
  margin-bottom: 5px;
  margin-top: 5px;
}

.ucc-hr {
  border-top: 1px solid #000;
  margin-top: 0;
}

.ucc-hr-dotted {
  border-top: 1px dotted #000;
  margin-top: 0;
}

* {
  font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
}

html {
  font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none !important;
}

.engage-text_bold {
  font-weight: 500;
}

.enable-fee-assist-message {
  margin-bottom: 14px;
}
.enable-fee-assist-message a {
  font-size: 14px;
  font-weight: bold;
}

.unlisted {
  color: #666;
  font-style: italic;
}

.italic {
  font-style: italic;
}

.giving__sub-heading {
  font-size: 16px;
  letter-spacing: 1px;
  margin: 0;
  margin-bottom: 10px;
}
.giving__giving-hint {
  color: #777;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1px;
  margin-top: 4px;
}
.giving__billing-header {
  color: #555;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.suran__copyright {
  color: #555;
  margin-top: 20px;
  text-align: center;
}

.dbpayroll-logo {
  height: 50px;
}

.error__giving {
  color: #f00;
  font-size: 11px;
  font-weight: 500;
}

.virtual-error {
  border: 1px solid #f00 !important;
}

.char-count-exceeded {
  color: #f00;
  font-weight: 500;
}

.payment-summary__heading,
.billing-summary__heading,
.gift-summary__fund-heading,
.gift-summary__amount-heading,
.schedule-summary__total-heading,
.schedule-summary__occurrence-heading,
.schedule-summary__date-heading,
.gift-memo__label {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.payment-summary__item,
.billing-summary__item,
.gift-summary__fund-item,
.gift-summary__amount-item,
.schedule-summary__total-item,
.schedule-summary__occurrence-item,
.schedule-summary__date-item {
  font-size: 13px;
  margin-bottom: 5px;
}

.blue-link {
  color: #3a5b9a;
}
.blue-link i {
  vertical-align: middle;
}

.cursor-pointer {
  cursor: pointer;
}

.edit-blue-link {
  color: #3a5b9a;
  float: right;
  font-size: 14px;
}

.small-link {
  font-size: 0.9em;
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.sweet-alert p {
  color: #555;
  font-weight: 400;
}

.text-xl {
  font-size: 20px;
}

.text-no-underline {
  text-decoration: none;
}
.text-no-underline:hover {
  text-decoration: none;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: #f5f5f5;
  margin-top: 90px;
}

button:focus,
a:focus {
  outline: 0;
}

.m-t-0 {
  margin-top: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

div.min-height-150 {
  min-height: 150px;
}

.side-menu {
  background: #fff;
  bottom: 0;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
  left: -70%;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 70%;
  will-change: transform;
  z-index: 10000;
}
.side-menu ul li {
  line-height: 32px;
}
.side-menu ul li.divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}
.side-menu ul li.header {
  font-weight: bold;
  padding-left: 15px;
  text-transform: uppercase;
}

.disable-scroll {
  overflow: hidden;
}

.content-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  will-change: opacity;
  z-index: 9999;
}

.ember-modal-dialog {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 786px) {
  .ember-modal-dialog {
    width: 70vw;
  }
}
.login-header {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-top: -90px;
  padding: 20px 0;
  text-align: center;
}
@media screen and (max-width: 667px) {
  .login-header {
    padding: 10px 0;
  }
}
.login-header__container {
  display: table;
  margin: 0 auto;
  padding: 0 5%;
  width: 90%;
}
.login-header__container .organization__description {
  font-size: 20px;
}
.login-header__logo {
  display: table;
  margin: 0 auto;
  padding-bottom: 10px;
}
.login-header__logo img {
  height: 50px;
  width: 50px;
}

.login-form {
  bottom: 0;
  display: table;
  left: 0;
  margin: 0 auto;
  max-width: 500px;
  min-width: 250px;
  padding: 20px;
  right: 0;
  top: 0;
  width: 70%;
}
.login-form__account-links {
  margin-bottom: 35px;
  text-align: center;
}
.login-form__account-links a {
  color: #3b5998;
  font-size: 12px;
  font-weight: 500;
}
.login-form__give {
  color: #666;
  font-size: 13px;
  letter-spacing: 1px;
  text-align: center;
}
.login-form__buttons {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  height: 45px;
  line-height: 1.5;
  margin: auto;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-wrap: wrap;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 80%;
}

.yearbook {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.conference-association-staff {
  background-color: #3b21a0;
  border-color: #3b21a0;
  color: #fff;
}

.minister {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #fff;
}

.doc-staff {
  background-color: #fd7e14;
  border-color: #fd7e14;
  color: #fff;
}

.button-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
}

.no-underlining a {
  text-decoration: none;
}

.header {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #fff;
  height: 80px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 600;
}
.header__logo {
  float: left;
  height: 35px;
  margin-top: 5px;
  width: 35px;
}
.header__title {
  float: left;
  font-size: 20px;
  font-weight: 400;
  line-height: 45px;
}
.header__title.organization-name {
  margin-left: 10px;
  max-width: calc(100% - 350px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header__title.page-title {
  font-weight: 500;
  margin: 0;
}
.header__dropdown {
  float: right;
  height: 45px;
}
.header .custom-dropdown-toggle {
  border-width: 0;
  color: #fff;
  height: 45px;
  max-width: 200px;
  padding: 0;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 768px) {
  .header .custom-dropdown-toggle {
    max-width: 160px;
  }
}
.header__profile-image {
  float: left;
  height: 45px;
  padding: 8px 0;
  width: 45px;
}
.header__profile-image img {
  border-radius: 2px;
  max-height: 29px;
  max-width: 29px;
}
.header__user-name {
  float: left;
  font-size: 11px;
  font-weight: 500;
  height: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .header__user-name {
    display: none;
  }
}
.header__dropdown-toggle {
  float: right;
  font-size: 17px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  vertical-align: middle;
  width: 45px;
}

.home_tab {
  background-color: #3b5998;
  color: #fff;
}
.home_tab__box {
  background-color: #3b5998;
  color: #fff;
}
.home_tab__sel {
  background-color: #fff;
  color: #3b5998;
}
.home_tab__sel:hover {
  color: #3b5998;
}
.home_tab__dropped {
  background-color: #899bc1;
  color: #fff;
}
.home_tab:hover {
  background-color: #899bc1;
  color: #fff;
}

.ucc_tab {
  background-color: #007ea9;
  color: #fff;
}
.ucc_tab__box {
  background-color: #007ea9;
  color: #fff;
}
.ucc_tab__sel {
  background-color: #fff;
  color: #007ea9;
}
.ucc_tab__sel:hover {
  color: #007ea9;
}
.ucc_tab__dropped {
  background-color: #c0e1ed;
  color: #fff;
}
.ucc_tab:hover {
  background-color: #c0e1ed;
  color: #fff;
}

.engage_tab {
  background-color: #3b5998;
  color: #fff;
}
.engage_tab__box {
  background-color: #3b5998;
  color: #fff;
}
.engage_tab__sel {
  background-color: #fff;
  color: #3b5998;
}
.engage_tab__sel:hover {
  color: #3b5998;
}
.engage_tab__dropped {
  background-color: #355088;
  color: #fff;
}
.engage_tab:hover {
  background-color: #355088;
  color: #fff;
}

.giving_tab {
  background-color: #0c6d51;
  color: #fff;
}
.giving_tab__box {
  background-color: #0c6d51;
  color: #fff;
}
.giving_tab__sel {
  background-color: #fff;
  color: #0c6d51;
}
.giving_tab__sel:hover {
  color: #0c6d51;
}
.giving_tab__dropped {
  background-color: #0a6248;
  color: #fff;
}
.giving_tab:hover {
  background-color: #0a6248;
  color: #fff;
}

.admin_tab {
  background-color: #555;
  border: 1px solid transparent;
  color: #fff;
}
.admin_tab__box {
  background-color: #555;
  color: #fff;
}
.admin_tab__sel {
  background-color: #fff;
  border: 1px solid transparent;
  color: #555;
}
.admin_tab__sel:hover {
  color: #555;
}
.admin_tab__dropped {
  background-color: #414141;
  color: #fff;
}
.admin_tab:hover {
  background-color: #414141;
  color: #fff;
}

.payroll_tab {
  background-color: #4a2e67;
  color: #fff;
}
.payroll_tab__ box {
  background-color: #4a2e67;
  color: #fff;
}
.payroll_tab__sel {
  background-color: #fff;
  color: #4a2e67;
}
.payroll_tab__sel:hover {
  color: #4a2e67;
}
.payroll_tab__dropped {
  background-color: #332048;
  color: #fff;
}
.payroll_tab:hover {
  background-color: #332048;
  color: #fff;
}

.events_tab {
  background-color: #cd2228;
  color: #fff;
}
.events_tab__box {
  background-color: #cd2228;
  color: #fff;
}
.events_tab__sel {
  background-color: #fff;
  color: #cd2228;
}
.events_tab__sel:hover {
  color: #cd2228;
}
.events_tab__dropped {
  background-color: #b30000;
  color: #fff;
}
.events_tab:hover {
  background-color: #b30000;
  color: #fff;
}

.forms_tab {
  background-color: #197177;
  color: #fff;
}
.forms_tab__box {
  background-color: #197177;
  color: #fff;
}
.forms_tab__sel {
  background-color: #fff;
  color: #197177;
}
.forms_tab__sel:hover {
  color: #197177;
}
.forms_tab__dropped {
  background-color: #25585c;
  color: #fff;
}
.forms_tab:hover {
  background-color: #25585c;
  color: #fff;
}

.billing_tab {
  background-color: #e48d22;
  color: #fff;
}
.billing_tab__box {
  background-color: #e48d22;
  color: #fff;
}
.billing_tab__sel {
  background-color: #fff;
  color: #e48d22;
}
.billing_tab__sel:hover {
  color: #e48d22;
}
.billing_tab__dropped {
  background-color: #d2811f;
  color: #fff;
}
.billing_tab:hover {
  background-color: #d2811f;
  color: #fff;
}

.main-content .side-menu {
  overflow-x: hidden;
}

.menu-section-header {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #fff;
  font-size: 15px;
  line-height: 35px;
  margin-bottom: 10px;
  margin-top: 5px;
  min-height: 20px;
}
.menu-section-header__home {
  background-color: #899bc1;
}
.menu-section-header__ucc {
  background-color: #007ea9;
}
.menu-section-header__people {
  background-color: #293e6a;
}
.menu-section-header__giving {
  background-color: #084c38;
}
.menu-section-header__admin {
  background-color: #555;
}
.menu-section-header__payroll {
  background-color: #332048;
}
.menu-section-header__events {
  background-color: #b30000;
}
.menu-section-header__forms {
  background-color: #25585c;
}
.menu-section-header__billing {
  background-color: #ed8608;
}

.menu-section-container {
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
}

.menu-card {
  height: 20px;
}
.menu-card p {
  color: #555;
  margin: 5px 0;
  margin-bottom: 0;
}
.menu-card:hover p {
  color: #555;
}

.menu-button {
  background-color: #fff;
  border-width: 0;
  height: 45px;
  text-align: center;
  width: 100%;
}
.menu-button .menu-button-content {
  transition: transform 0.2s ease;
}
.menu-button__logout {
  color: #b30000;
}
.menu-button:hover .menu-button-content {
  transform: scale(1.15);
}

.menu-scroll-indicator {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  bottom: 0;
  min-height: 75px;
  pointer-events: none;
  position: sticky;
}

#receiver {
  margin-top: 10px;
}

#receiver .top-drop {
  left: 100%;
  margin-top: -40px;
}

.top-drop-div .top-drop {
  background-color: #ececec;
  border: 1px solid #f5f4f4;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  display: none;
  margin-top: 10px;
  max-height: 50rem;
  overflow-y: auto;
  position: absolute;
  z-index: 100;
}
.top-drop-div .top-drop .tab {
  padding: 1rem 1.25rem;
  text-transform: none;
}
.top-drop-div .top-drop a {
  display: block;
}

.dropdown-content {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  display: none;
  max-height: 50rem;
  position: absolute;
  z-index: 100;
}
.dropdown-content .tab {
  padding: 1rem 1.25rem;
  text-transform: none;
}
.dropdown-content a {
  display: block;
}
.dropdown-content button {
  border: 1px solid transparent;
  border: 1px solid transparent;
  width: 100%;
}
.dropdown-content button:focus-visible {
  border: 1px solid #64c4ff;
}

.drop_overflow {
  overflow-x: hidden;
  overflow-y: scroll;
}

.drop-background {
  background-color: #ececec;
}

.dropdown-div:hover .dropdown-content {
  display: block;
}

.dropdown-div .dropdown-content {
  color: #0ff;
}

#more_menu {
  display: none;
  z-index: 100;
}

#more_bottom_menu {
  display: none;
}

.search_bar {
  color: #000;
  z-index: 205;
}

.search_field {
  align-items: left;
  color: #000;
  min-height: 30px;
  padding: 3px 16px 3px 16px;
  text-align: left;
  width: 300px;
}
.search_field:hover {
  color: #000;
}

.acp_unav {
  display: flex;
  gap: 1rem;
}

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

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

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

.drop_item {
  color: hwb(0 19% 81%);
  font-size: 14px;
  padding: 1rem 1.25rem;
  text-align: left;
  text-transform: none;
  width: 100%;
}
.drop_item_button {
  color: hwb(0 19% 81%);
  font-size: 14px;
  padding: 6px 9px;
  text-transform: none;
}

#search-results {
  max-height: 50vh;
  text-align: left;
  width: 300px;
  max-height: 50vh;
}

.results_list {
  align-items: left;
  background-color: #ececec;
  box-sizing: border-box;
  color: #2e2e2e;
  font-size: 13px;
  line-height: 13px;
  text-align: left;
  white-space: nowrap;
}

.lang_select {
  float: right;
  position: static;
}

.Events_tab {
  border: 1px solid transparent;
}
.Events_tab:focus-visible {
  border: 1px solid #64c4ff;
}

#groups {
  display: inline-flex;
  z-index: 100;
}
#groups .grouptab {
  border: 1px solid transparent;
  margin: 1px;
  padding: 4px 16px;
}
#groups .grouptab:focus-visible {
  border: 1px solid #64c4ff;
}

.group_tab {
  background-color: "";
  color: #fff;
}

#group-nav {
  margin-left: 0;
  white-space: nowrap;
}

#type-nav {
  background-color: #ececec;
  height: 36px;
  margin-left: 0;
  padding: 4px 4px;
  white-space: nowrap;
  width: 100%;
}

.button_tab {
  border: 1px solid transparent;
  height: 30px;
  padding: 0 3px 0 3px;
}

.top_button:hover {
  color: #fff;
}

.tab {
  align-items: center;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  font-size: 13px;
  padding: 3px 16px;
  white-space: nowrap;
}
.tab .description {
  cursor: default;
  display: inline-block;
  margin: 0 10px 0 10px;
}
.tab .padding {
  display: inline-block;
}
.tab .options {
  display: inline;
}
.tab .favorite {
  color: #e2e2e2;
  display: inline;
  font-size: 0;
  opacity: 0;
  width: 0;
}
.tab .favorite:hover {
  color: #000;
  cursor: pointer;
}
.tab .favorite_sel {
  color: #ececec;
  display: inline;
  font-size: 0;
  opacity: 0;
  width: 0%;
}
.tab .favorite_sel:hover {
  color: #000;
  cursor: pointer;
}
.tab .favorited {
  color: #ffc400;
  cursor: pointer;
  display: inline;
  font-size: 10px;
  padding-left: 5px;
  vertical-align: center;
}
.tab img {
  padding: 0 5px 0 5px;
  vertical-align: middle;
}

.logout_img i {
  padding: 0 5px 0 5px;
  vertical-align: middle;
}

.tab:hover > .favorite {
  color: #606060;
  font-size: 10px;
  opacity: 1;
  padding-left: 5px;
  transition: all 0.3s;
  width: 20px;
}

.tab:hover > .favorite_sel {
  color: #606060;
  font-size: 10px;
  opacity: 1;
  padding-left: 5px;
  transition: all 0.3s;
  width: 20px;
}

.topnav {
  overflow: hidden;
  white-space: nowrap;
}
.topnav .rounded {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.topnav .top_tab {
  align-items: center;
  background-color: #e2e2e2;
  border-bottom: 1px solid #afaeae;
  border-right: 1px solid #afaeae;
  color: #000;
  font-size: 11px;
  height: 22px;
  line-height: 20px;
  padding: 0 16px;
  text-align: center;
}
.topnav .top_tab:hover {
  background-color: #f3f3f3;
  color: #000;
}
.topnav a {
  text-decoration: none;
}
.topnav .top_tab.first {
  border-left: 1px solid #afaeae;
}
.topnav .type_tab {
  align-items: center;
  background-color: #ececec;
  border: 1px solid transparent;
  color: #2e2e2e;
}
.topnav .type_tab_sel {
  background-color: #fff;
  border: 1px solid transparent;
  color: #2e2e2e;
}
.topnav .type_tab_size {
  align-items: center;
  border: 1px solid transparent;
  font-size: 12px;
  line-height: 20px;
  vertical-align: center;
}
.topnav .type_tab_size img {
  height: 20px;
  padding-bottom: 2px;
}
.topnav .type_tab:hover {
  background-color: #f4f4f4;
}
.topnav .type_tab:focus-visible {
  border: 1px solid #64c4ff;
}

.topnav:empty {
  display: none;
}

.groupnav {
  font-size: 16px;
  padding: 5px 16px;
}

.nav {
  padding: 3px 16px;
}

.topnav-right {
  align-items: center;
  box-sizing: border-box;
  display: block;
  float: right;
  height: 22px;
  padding: 0 4px 0 4px;
  text-align: center;
  white-space: nowrap;
}
.topnav-right .grouptab {
  border: 1px solid transparent;
  padding: 4px 16px;
}
.topnav-right .grouptab:focus-visible {
  border: 1px solid #64c4ff;
}

#text_field {
  background-position: 14px 12px;
  background-repeat: no-repeat;
  border: 0;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 13px;
  padding: 4px 10px;
  position: relative;
  width: 200px;
  z-index: 205;
}
#text_field.active {
  box-shadow: -7px 0 6px 4px #00000033;
  width: 300px;
}
#text_field:hover {
  outline: 1px solid #ddd;
}

.header_logo {
  height: 30px;
  padding-right: 5px;
  width: 35px;
}

.profile_header {
  align-items: center;
  float: left;
  height: 30px;
  line-height: 0;
  padding: 0 0;
  text-align: center;
  width: 45px;
}
.profile_header img {
  border-radius: 2px;
  max-height: 29px;
  max-width: 29px;
}

body.embedded {
  background: transparent;
  max-width: 100%;
  overflow-x: hidden;
}
body.embedded div.content-container {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
body .main-content.embedded .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
body .main-content.embedded .container-fluid .giving__new-gift {
  border: 0;
  box-shadow: 0;
  margin-top: -55px;
  max-width: 1000px;
}
body .main-content:not(.embedded) {
  min-height: calc(100vh - 225px);
}
body .footer-content {
  width: 100%;
}
body .footer-content div:nth-child(1) {
  height: fit-content;
}
body .footer-content.hideAll {
  display: none !important;
}
body .footer-content.embedded {
  margin-bottom: 0;
  margin-top: 3rem;
}
body .footer-content.ucc {
  margin: 5rem 0 0;
  padding: 5rem 0 0;
  position: relative;
}
body .footer-content:not(.ucc) {
  height: 150px;
}
body .d-flex {
  display: flex;
}
body .d-flex.align-center {
  align-items: center;
}
body .d-flex.justify-center {
  justify-content: center;
}
body .align-middle {
  vertical-align: middle !important;
}
body .badge-success {
  background-color: #28a745;
  color: #fff;
}
body .badge-warning {
  background-color: #ffc107;
  color: #212529;
}
body .badge-info {
  background-color: rgba(23, 162, 184, 0.75);
}
body .badge-light {
  background-color: rgba(248, 249, 250, 0);
  color: #212529;
}
body .swal2-popup {
  background-color: #fff;
  border-radius: 5px;
  display: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  left: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  padding: 17px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 478px;
  z-index: 99999;
}
body .swal2-popup .swal2-icon {
  -webkit-border-radius: 40px;
  border: 4px solid #808080;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  height: 80px;
  margin: 20px auto;
  padding: 0;
  position: relative;
  width: 80px;
}
body .swal2-popup .swal2-icon.swal2-warning {
  border-color: #f8bb86;
}
body .swal2-popup h2 {
  color: #575757;
  display: block;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin: 25px 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: none;
}
body .swal2-popup .swal2-html-container {
  color: #555;
  color: #797979;
  float: none;
  font-size: 16px;
  font-weight: 400;
  font-weight: 300;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-align: inherit;
}
body .swal2-popup button {
  -webkit-border-radius: 4px;
  background-color: #8cd4f5;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 26px 5px 0 5px;
  padding: 10px 32px;
}

.red-outline {
  border-color: #f00 !important;
  border-style: solid;
}

.form-control-feedback {
  top: 6px;
}
@media screen and (max-width: 767px) {
  .form-control-feedback {
    top: 29px;
  }
}

.previous-reference {
  margin-left: 10px;
}

.engage__email-addresses, .engage__tabs-container, .engage__accounts, .engage__button-container, .engage__giving-history-container, .engage__new-account, .engage__new-gift, .engage__summary-gift, .engage__payroll-history,
.giving__email-addresses,
.giving__tabs-container,
.giving__accounts,
.giving__button-container,
.giving__giving-history-container,
.giving__new-account,
.giving__new-gift,
.giving__summary-gift,
.giving__payroll-history,
.events__email-addresses,
.events__tabs-container,
.events__accounts,
.events__button-container,
.events__giving-history-container,
.events__new-account,
.events__new-gift,
.events__summary-gift,
.events__payroll-history,
.payroll__email-addresses,
.payroll__tabs-container,
.payroll__accounts,
.payroll__button-container,
.payroll__giving-history-container,
.payroll__new-account,
.payroll__new-gift,
.payroll__summary-gift,
.payroll__payroll-history,
.billing__email-addresses,
.billing__tabs-container,
.billing__accounts,
.billing__button-container,
.billing__giving-history-container,
.billing__new-account,
.billing__new-gift,
.billing__summary-gift,
.billing__payroll-history {
  margin: 0 auto;
  max-width: 600px;
}
.engage__scheduled-gifts,
.giving__scheduled-gifts,
.events__scheduled-gifts,
.payroll__scheduled-gifts,
.billing__scheduled-gifts {
  margin: 0 auto;
  max-width: 800px;
}
.engage__giving-statements,
.giving__giving-statements,
.events__giving-statements,
.payroll__giving-statements,
.billing__giving-statements {
  margin: 0 auto;
  max-width: 900px;
}
.engage__giving-statements.detail,
.giving__giving-statements.detail,
.events__giving-statements.detail,
.payroll__giving-statements.detail,
.billing__giving-statements.detail {
  max-width: 1200px;
}
.engage__history,
.giving__history,
.events__history,
.payroll__history,
.billing__history {
  margin: 0 auto;
  max-width: 75%;
}
@media screen and (max-width: 600px) {
  .engage__history,
.giving__history,
.events__history,
.payroll__history,
.billing__history {
    margin: 0 auto;
    max-width: 100%;
  }
}
.engage__transactions,
.giving__transactions,
.events__transactions,
.payroll__transactions,
.billing__transactions {
  margin: 0 auto;
  max-width: 90%;
}
@media screen and (max-width: 1100px) {
  .engage__transactions,
.giving__transactions,
.events__transactions,
.payroll__transactions,
.billing__transactions {
    margin: 0 auto;
    max-width: 100%;
  }
}
.engage__details,
.giving__details,
.events__details,
.payroll__details,
.billing__details {
  margin: 0 auto;
  max-width: 786px;
}
.engage__ucc,
.giving__ucc,
.events__ucc,
.payroll__ucc,
.billing__ucc {
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 1100px) {
  .engage__ucc,
.giving__ucc,
.events__ucc,
.payroll__ucc,
.billing__ucc {
    margin: 0 auto;
    max-width: 100%;
  }
}

.collapsible-table {
  background-color: #fff;
}
.collapsible-table .records {
  align-items: end;
  border-bottom: 1px dotted #e5e5e5;
  display: flex;
  gap: 1rem;
  justify-content: start;
  letter-spacing: 0.75px;
  padding: 10px;
  width: 100%;
}
.collapsible-table .records .collapsible-table-row {
  border-collapse: separate;
  padding: 8px;
  text-align: left;
}
.collapsible-table .records .collapsible-table-row .field {
  display: inline-block;
  height: auto;
  margin: 0 0.5rem 0.5rem;
  width: auto;
}
.collapsible-table .records .collapsible-table-row .field .collapsible-table-header {
  color: #4a2e67;
  font-size: 10px;
  margin-bottom: 3px;
  max-width: 160px;
  text-align: center;
  text-transform: uppercase;
}
.collapsible-table .records .delete-button {
  display: inline-block;
  margin-left: 10px;
  padding: 0 0 1.5rem;
}
.collapsible-table[collapse-table=false] .records:not(:first-child) .collapsible-table-header {
  color: transparent;
  height: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.add-button-div {
  text-align: center;
}
.add-button-div .add-button {
  align-content: center;
  margin: 10px;
}

.giving-index__header-container,
.create-account__container,
.account__container {
  margin: 0 auto;
  max-width: 600px;
}

.header__container,
.profile__container,
.groups__container,
.help__container,
.help__alert-container {
  margin: 0 auto;
  max-width: 1200px;
}

.profile__container,
.groups__container {
  margin-top: 43px;
  padding: 0;
}
@media screen and (max-width: 1230px) {
  .profile__container,
.groups__container {
    margin: 43px 15px;
  }
}

.payroll__details--tab-content .withholdings__container,
.payroll__details--tab-content .deductions__container,
.payroll__details--tab-content .pay-items__container {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

@media screen and (min-width: 600px) {
  .payroll__details, .payroll__details--navigation {
    max-width: 600px;
  }
  .payroll__details--tab-content {
    max-width: 600px;
  }
}
.profile__bg-header {
  background-color: #3b5998;
  padding-bottom: 5px;
  padding-top: 5px;
}
.profile__avatar-container {
  display: table;
  margin: 0 auto;
  position: relative;
}
.profile__avatar {
  background-color: #fff;
  border: 2px solid #fff;
  display: table;
  margin: 0 auto;
  max-height: 90px;
  max-width: 250px;
}
.profile__avatar:hover {
  cursor: pointer;
}
.profile__full-name {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
  text-align: center;
}

.edit-name {
  margin-top: 5%;
}

.birth-date {
  margin-top: 22px;
}

.birthdate-edit {
  margin-top: 10px;
}

.profile__summary-section {
  border-right: 1px solid #ebeef4;
  text-align: center;
}
.profile__summary-section:last-child {
  border-right: 0;
}

.family__list-item-container {
  border-top: 1px solid #ebeef4;
}
.family__list-item-container:first-child {
  border-top: 0;
}
.family__list-item {
  display: inline-block;
  margin: 0;
  padding: 5px;
  position: relative;
  width: 100%;
}
.family__list-item.lfloat {
  float: left;
}
.family__list-item .family__thumb {
  height: 70px;
  position: relative;
  width: 70px;
}
.family__list-item .family__thumb img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 65px;
  max-width: 65px;
  position: absolute;
  right: 0;
  top: 0;
}
.family__list h4 {
  color: #444;
}
.family__list a h4 {
  color: #3b5998;
}
.family__list a:hover h4 {
  text-decoration: underline;
}
.family__links {
  display: table;
}
.family__links .family__description {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.family__links .family__description h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
.family__links .family__description h5 {
  color: #999;
  font-size: 12px;
  letter-spacing: 0.25px;
  margin: 0;
  padding: 0;
}

.groups__member-container {
  background-color: #fff;
  padding: 10px 0;
}
.groups__member-container hr {
  margin: 10px 5px;
  padding: 0;
}
.groups__group-name-header {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.75px;
  margin: 0;
  padding: 0 0 0 15px;
  text-transform: uppercase;
}
.groups__section-heading {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 10px;
  height: 30px;
  letter-spacing: 1px;
  line-height: 30px;
  padding-left: 15px;
  text-transform: uppercase;
}
.groups__search-div {
  margin-top: 20px;
  padding: 0 2%;
}
.groups__search-div .group_member_search {
  font-size: 12px;
  font-style: italic;
  padding-left: 10px;
  width: 100%;
}
.groups__information-table {
  margin: 0;
}
.groups__information-table .groups__information-table-cell {
  border-top-width: 0;
}

.groups__family-name {
  border-bottom: 1px solid #ddd;
  color: #666;
  float: left;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.75px;
  margin-bottom: 5px;
  margin-left: 2%;
  margin-top: 20px;
  padding-bottom: 2px;
  text-transform: uppercase;
  width: 96%;
}
.groups__member-card {
  margin: 5px 0;
}
.groups__member-card table {
  margin: 0;
  padding: 0;
}
.groups__member-card table tr {
  padding: 0;
}
.groups__member-card table tr td {
  border-top: 0;
  padding: 0;
  vertical-align: middle;
}
.groups__search-form {
  display: flex;
  justify-content: space-between;
}
.groups__search-input {
  width: 75%;
}
.groups__search-submit-btn {
  padding: 0;
  width: 20%;
}
.groups__reset-button {
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.groups__image-td {
  width: 25%;
}
.groups__avatar-thumb {
  height: 70px;
  position: relative;
  width: 70px;
}
.groups__avatar-thumb img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 65px;
  max-width: 65px;
  position: absolute;
  right: 0;
  top: 0;
}
.groups__member-info {
  margin: 0;
  padding: 0;
}
.groups__member-name {
  letter-spacing: 0.5px;
}

.giving__giving-history-container .giving_history_table {
  background-color: #fff;
  border: 1px solid #cee1dc;
  border-collapse: collapse;
  border-spacing: 0;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.giving__giving-history-container .giving_history_table tr {
  border-bottom: 1px solid #cee1dc;
}
.giving__giving-history-container .giving_history_table tr th,
.giving__giving-history-container .giving_history_table tr td {
  padding: 10px;
  text-align: center;
}
.giving__giving-history-container .giving_history_table tr td {
  font-size: 12px;
}
.giving__giving-history-container .giving_history_table tr td.total_amount, .giving__giving-history-container .giving_history_table tr td.alt_total_amount {
  padding-right: 20px;
  text-align: right;
}
.giving__giving-history-container .giving_history_table tr td.total_amount::before, .giving__giving-history-container .giving_history_table tr td.alt_total_amount::before {
  content: "$";
}
.giving__giving-history-container .giving_history_table tr .giving_history_header {
  background-color: #e6f0ed;
  border-bottom: 2px solid #cee1dc;
  color: #0c6d51;
  font-size: 10px;
  text-transform: uppercase;
}
.giving__giving-history-container .giving_history_table tr .giving_history_header:nth-child(3) {
  padding-right: 20px;
  text-align: right;
}

.giving__organization {
  background-color: #fdfdfd;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 15px;
  text-align: center;
}
.giving__organization-line {
  color: #444;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 0.5px;
  margin-bottom: 3px;
}
.giving__organization-line:first-child {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.giving__organization-line:last-child {
  margin-bottom: 0;
}
.giving__payment-summary, .giving__billing-summary {
  float: left;
  padding: 10px 0;
}
@media screen and (max-width: 600px) {
  .giving__payment-summary, .giving__billing-summary {
    width: 50%;
  }
}
.giving__payment-summary {
  width: 40%;
}
@media screen and (max-width: 350px) {
  .giving__payment-summary {
    width: 60%;
  }
}
.giving__billing-summary {
  width: 60%;
}
.giving__gift-summary {
  padding: 10px 0 5px;
}
.giving__gift-summary .gift-summary__fund-heading, .giving__gift-summary .gift-summary__fund-item, .giving__gift-summary .gift-summary__amount-heading, .giving__gift-summary .gift-summary__amount-item {
  float: left;
  width: 50%;
}
.giving__gift-summary .gift-summary__amount-heading, .giving__gift-summary .gift-summary__amount-item {
  text-align: right;
}
.giving__gift-summary .gift-summary__amount-heading input, .giving__gift-summary .gift-summary__amount-item input {
  text-align: right;
}
.giving__gift-summary .gift-summary__amount-heading .confirm-amount, .giving__gift-summary .gift-summary__amount-item .confirm-amount {
  background-color: #0c6d51;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #fff;
  font-size: 11px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.giving__gift-summary .gift-summary__amount-heading .confirm-amount:hover, .giving__gift-summary .gift-summary__amount-item .confirm-amount:hover {
  background-color: #0a6248;
}
.giving__gift-summary .gift-summary__amount-heading .edit-amount,
.giving__gift-summary .gift-summary__amount-heading .cancel-amount, .giving__gift-summary .gift-summary__amount-item .edit-amount,
.giving__gift-summary .gift-summary__amount-item .cancel-amount {
  color: #0c6d51;
  font-size: 12px;
  text-transform: none;
}
.giving__gift-summary .gift-summary__amount-heading .edit-amount:hover,
.giving__gift-summary .gift-summary__amount-heading .cancel-amount:hover, .giving__gift-summary .gift-summary__amount-item .edit-amount:hover,
.giving__gift-summary .gift-summary__amount-item .cancel-amount:hover {
  text-decoration: underline;
}
.giving__gift-summary .gift-summary__amount-heading .edit-amount,
.giving__gift-summary .gift-summary__amount-heading .confirm-amount,
.giving__gift-summary .gift-summary__amount-heading .cancel-amount, .giving__gift-summary .gift-summary__amount-item .edit-amount,
.giving__gift-summary .gift-summary__amount-item .confirm-amount,
.giving__gift-summary .gift-summary__amount-item .cancel-amount {
  letter-spacing: 1px;
}
.giving__gift-summary .gift-summary__amount-heading .edit-amount:hover,
.giving__gift-summary .gift-summary__amount-heading .confirm-amount:hover,
.giving__gift-summary .gift-summary__amount-heading .cancel-amount:hover, .giving__gift-summary .gift-summary__amount-item .edit-amount:hover,
.giving__gift-summary .gift-summary__amount-item .confirm-amount:hover,
.giving__gift-summary .gift-summary__amount-item .cancel-amount:hover {
  cursor: pointer;
}
.giving__gift-summary .gift-summary__amount-heading .form-control, .giving__gift-summary .gift-summary__amount-item .form-control {
  height: 30px;
}
.giving__schedule-summary {
  padding: 10px 0 5px 40%;
  padding-left: 40%;
}
@media screen and (max-width: 600px) {
  .giving__schedule-summary {
    padding-left: 0;
  }
}
.giving__gift-memo {
  padding: 10px 0;
}
.giving__gift-memo textarea,
.giving__gift-memo .gift-memo__body {
  margin-bottom: 10px;
}

.schedule-summary__total-heading, .schedule-summary__occurrence-heading, .schedule-summary__total-item, .schedule-summary__occurrence-item, .schedule-summary__date-heading, .schedule-summary__date-item {
  float: left;
  width: 50%;
}
.schedule-summary__total-item, .schedule-summary__occurrence-item, .schedule-summary__date-item {
  text-align: right;
}
.schedule-summary__total-item {
  font-size: 16px;
  font-weight: 500;
}

.payroll__details {
  border-radius: 2px;
  margin: 0 auto;
  text-align: center;
}
.payroll__details--detail-nav {
  background-color: #fff;
  font-size: 12px;
  height: 38px;
  line-height: 38px;
}
@media screen and (max-width: 600px) {
  .payroll__details--detail-nav {
    font-size: 9px;
  }
}
.payroll__details--detail-nav .detail-navigation__payroll-paid, .payroll__details--detail-nav .detail-navigation__paid-date, .payroll__details--detail-nav .detail-navigation__payroll-ytd {
  color: #727272;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.payroll__details--detail-nav .detail-navigation__prev {
  text-align: left;
}
.payroll__details--detail-nav .detail-navigation__next {
  text-align: right;
}
.payroll__details--detail-nav .detail-navigation__prev, .payroll__details--detail-nav .detail-navigation__next {
  color: #4a2e67;
  font-size: 14px;
}
.payroll__details--detail-nav .detail-navigation__prev:hover, .payroll__details--detail-nav .detail-navigation__next:hover {
  color: #332048;
  cursor: pointer;
}
.payroll__details--detail-nav .detail-navigation__prev.detail-navigation--disabled, .payroll__details--detail-nav .detail-navigation__next.detail-navigation--disabled {
  color: #b6abc2;
  cursor: default;
}
.payroll__details--detail-nav .detail-navigation__paid-date {
  color: #4a2e67;
  font-weight: 700;
}
.payroll__details--back-navigation {
  margin: 15px 0 5px;
  text-align: left;
}
.payroll__details--back-navigation a {
  color: #4a2e67;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.payroll__details--payroll-details-title {
  background-color: #f1f1f1;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  color: #a0a0a0;
  font-size: 10px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
.payroll__details--payroll-details-title .title {
  font-weight: 500;
  letter-spacing: 0.75px;
}
.payroll__details--main-container {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin-top: 15px;
}
.payroll__details--main-container .row {
  margin: 0;
}
.payroll__details--bottom .payroll__details--left {
  border-right: 1px dotted #e5e5e5;
}
.payroll__details--row {
  border-bottom: 1px dotted #e5e5e5;
  margin: 0;
}
.payroll__details--row:last-child {
  border-bottom: 0;
}
.payroll__details--column {
  background-color: #fff;
  letter-spacing: 1px;
  padding: 20px 10px;
}
.payroll__details--info {
  font-size: 20px;
  margin-bottom: 0;
}
.payroll__details--title {
  color: #a0a0a0;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.75px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.payroll__details--navigation {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 45px;
  margin: 0 auto;
  margin-top: 10px;
  padding: 0;
}
.payroll__details--navigation .payroll__details--container {
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  width: 100%;
}
.payroll__details--navigation .payroll__details--container .nav {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin: 0 15px;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab {
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 0 1px 0 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #444;
  float: left;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 33.3333333333%;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab::after {
  background-color: #4a2e67;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom 0.2s;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab:last-child {
  border-right-width: 0;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab:hover::after, .payroll__details--navigation .payroll__details--container .payroll__details--tab.active::after {
  bottom: 0;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab.active a {
  background-color: #fff;
  color: #444;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab.active a .payroll__details--tab-name {
  color: #4a2e67;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab a {
  background-color: #f9f9f9;
  border-radius: 0;
  font-size: 13px;
  height: 44px;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab a:hover {
  color: #444;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2 {
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 0 1px 0 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #444;
  float: left;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 25%;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2::after {
  background-color: #4a2e67;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom 0.2s;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2:last-child {
  border-right-width: 0;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2:hover::after, .payroll__details--navigation .payroll__details--container .payroll__details--tab2.active::after {
  bottom: 0;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2.active a {
  background-color: #fff;
  color: #444;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2.active a .payroll__details--tab-name {
  color: #4a2e67;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2 a {
  background-color: #f9f9f9;
  border-radius: 0;
  font-size: 13px;
  height: 44px;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.payroll__details--navigation .payroll__details--container .payroll__details--tab2 a:hover {
  color: #444;
}
.payroll__details--tab-content {
  margin: 0 auto;
}
.payroll__details--tab-content .row {
  border-bottom: 1px dotted #e5e5e5;
}
.payroll__details--tab-content .row:first-child {
  border-top: 1px dotted #e5e5e5;
}
.payroll__details--tab-content .row:last-child {
  border-bottom: 0;
}
.payroll__details--tab-content .deductions__section,
.payroll__details--tab-content .pay-items__section,
.payroll__details--tab-content .withholdings__section {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
}
.payroll__details--tab-content .deductions__section:first-child .row,
.payroll__details--tab-content .pay-items__section:first-child .row,
.payroll__details--tab-content .withholdings__section:first-child .row {
  border-top: 0;
}
.payroll__details--tab-content .withholdings__container .withholdings__row {
  border-top: 0;
}
.payroll__details--tab-content .withholdings__container {
  background-color: transparent;
}
.payroll__details--tab-content .withholdings__container .withholdings__section {
  background-color: #fff;
}
.payroll__details--tab-content .withholdings__federal, .payroll__details--tab-content .withholdings__fica, .payroll__details--tab-content .withholdings__medicare {
  border-right: 1px dotted #e5e5e5;
}
.payroll__details--tab-content .withholdings__federal, .payroll__details--tab-content .withholdings__fica, .payroll__details--tab-content .withholdings__medicare, .payroll__details--tab-content .withholdings__state, .payroll__details--tab-content .withholdings__local1, .payroll__details--tab-content .withholdings__local2, .payroll__details--tab-content .withholdings__federal-ytd, .payroll__details--tab-content .withholdings__fica-ytd, .payroll__details--tab-content .withholdings__medicare-ytd, .payroll__details--tab-content .withholdings__state-ytd, .payroll__details--tab-content .withholdings__local1-ytd, .payroll__details--tab-content .withholdings__local2-ytd {
  padding: 20px 10px;
}
.payroll__details--tab-content .withholdings__row {
  border-bottom: 0;
}
.payroll__details--tab-content .pay-items__container,
.payroll__details--tab-content .withholdings__container,
.payroll__details--tab-content .deductions__container {
  margin-top: 4px;
  text-align: center;
}
.payroll__details--tab-content .pay-items__container p,
.payroll__details--tab-content .withholdings__container p,
.payroll__details--tab-content .deductions__container p {
  letter-spacing: 1px;
  margin: 0;
}
.payroll__details--tab-content .pay-items__item,
.payroll__details--tab-content .withholdings__item,
.payroll__details--tab-content .deductions__item {
  font-size: 20px;
}
.payroll__details--tab-content .pay-items__title,
.payroll__details--tab-content .withholdings__title,
.payroll__details--tab-content .deductions__title {
  color: #a0a0a0;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}
.payroll__details--tab-content .pay-items__container .pay-items__reg-hrs {
  border-right: 1px dotted #e5e5e5;
}
.payroll__details--tab-content .pay-items__container .pay-items__desc, .payroll__details--tab-content .pay-items__container .pay-items__reg-hrs, .payroll__details--tab-content .pay-items__container .pay-items__reg-rate, .payroll__details--tab-content .pay-items__container .pay-items__ot-hrs, .payroll__details--tab-content .pay-items__container .pay-items__reg-hrs-ytd, .payroll__details--tab-content .pay-items__container .pay-items__ot-rate, .payroll__details--tab-content .pay-items__container .pay-items__ot-hrs-ytd, .payroll__details--tab-content .pay-items__container .pay-items__gross, .payroll__details--tab-content .pay-items__container .pay-items__gross-ytd {
  padding: 20px 10px;
}
.payroll__details--tab-content .pay-items__container .pay-items__hours {
  font-size: 11px;
}
.payroll__details--tab-content .pay-items__section {
  margin-bottom: 10px;
}
.payroll__details--tab-content .pay-items__section:last-child {
  margin-bottom: 0;
}
.payroll__details--tab-content .pay-items__amount {
  border-right: 1px dotted #e5e5e5;
}
.payroll__details--tab-content .deductions__name {
  border-right: 1px dotted #e5e5e5;
}
.payroll__details--tab-content .deductions__section .row {
  border-bottom: 0;
}
.payroll__details--tab-content .pay-items__name, .payroll__details--tab-content .pay-items__amount, .payroll__details--tab-content .pay-items__ytd-amount,
.payroll__details--tab-content .deductions__name,
.payroll__details--tab-content .deductions__amount,
.payroll__details--tab-content .deductions__ytd-amount {
  padding: 20px 10px;
}
.payroll__details--tab-content .pay-items__section,
.payroll__details--tab-content .deductions__section {
  background-color: #fff;
}
.payroll__details--tab-content .pay-items__section .alert-deductions,
.payroll__details--tab-content .deductions__section .alert-deductions {
  background-color: #eceaef;
  border-color: #d4d2d7;
  color: #332048;
  margin: 15px;
}

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

.print,
.print * {
  height: 0;
  visibility: hidden;
}

.print {
  display: none;
}

.only-display-on-print {
  display: none;
}

.minister-name-header {
  float: right;
  font-size: 25px;
  font-weight: bold;
}

.ministery-position-header {
  float: right;
  margin-left: auto;
  width: 40%;
}

.church-name-header {
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

.position-name-header {
  font-size: 25px;
  font-weight: bold;
  text-align: right;
}

@media print {
  a[href]::after {
    content: none !important;
  }

  .swf-container {
    position: static !important;
  }

  .hide-arrows-print {
    display: none !important;
  }

  .profile_ucc_pic {
    margin-left: 210px;
    margin-top: -135px !important;
  }

  .preferred_contact {
    float: right;
    margin-left: 210px;
  }

  thead.ucc-logo {
    display: table-header-group;
  }

  tbody {
    display: table-row-group;
  }
  tbody br {
    display: none;
  }

  tr {
    page-break-inside: avoid;
  }

  .can-be-watermarked {
    position: relative;
  }

  .watermark-container {
    bottom: 0;
    break-inside: avoid;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .printable-body * {
    visibility: hidden;
  }

  .print-hide {
    display: none;
  }

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

  .interact-buttons-print {
    display: none !important;
  }

  .hidden-on-snap-pdf {
    display: none;
  }

  .center-panel-print {
    border-left: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .print,
.print * {
    height: auto;
    visibility: visible;
  }

  .only-display-on-print {
    display: block;
  }

  .print {
    display: block;
    margin: 5%;
    position: absolute;
    top: 0;
    width: 90%;
  }
  .print__payroll__container {
    margin-bottom: 14px;
  }
  .print__payroll__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
  }
  .print__payroll__logo {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
  }
  .print__payroll__header {
    background-color: #f1f1f1;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    letter-spacing: 0.75px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .print__payroll__label {
    color: #a0a0a0;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.75px;
    margin-bottom: 0;
    text-transform: uppercase;
  }
  .print__payroll__info {
    font-size: 14px;
  }
  .print__payroll__info.no-bottom-margin {
    margin-bottom: 0;
  }

  .alert {
    border-color: #eee;
  }
  .alert hr {
    border-color: #eee;
  }
}
.pwa-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}

.pwa-prompt {
  background-color: #fff;
  border-radius: 10px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.pwa-prompt.iphone.pwa-portrait {
  border-bottom: 5px solid #fff;
  bottom: 0;
  margin-bottom: 25px;
}
.pwa-prompt.iphone.pwa-portrait::after {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 25px solid #fff;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
.pwa-prompt.ipad, .pwa-prompt.iphone.pwa-landscape {
  border-top: 5px solid #fff;
  margin-top: 30px;
  top: 0;
}
.pwa-prompt.ipad::before, .pwa-prompt.iphone.pwa-landscape::before {
  border-bottom: 25px solid #fff;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  content: "";
  height: 0;
  left: calc(100% - 283px);
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -29px;
  width: 0;
}
.pwa-prompt.iphone.pwa-landscape::before {
  left: calc(100% - 240px);
}

.pwa-prompt img {
  display: inline;
  margin: 0 3px;
  max-height: 25px;
}

.pwa-prompt p {
  font-size: 18px;
  margin: 10px;
}

.pwa-dismiss {
  color: #fff;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.pwa-dismiss.iphone.pwa-portrait {
  bottom: 150px;
}
.pwa-dismiss.ipad, .pwa-dismiss.iphone.pwa-landscape {
  top: 125px;
}

.ucc-home-grid {
  display: grid;
  grid-template-areas: "info" "references" "churchposition" "validation" "churchvalidation" "minister" "church";
}
@media screen and (min-width: 786px) {
  .ucc-home-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .ucc-home-grid__s {
    grid-template-areas: ". info .";
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: auto;
  }
  .ucc-home-grid__sm {
    grid-template-areas: "info minister";
    grid-template-rows: auto;
  }
  .ucc-home-grid__sh {
    grid-template-areas: "info church" "churchposition church";
    grid-template-rows: auto;
  }
  .ucc-home-grid__sr {
    grid-template-areas: "info references";
    grid-template-rows: auto;
  }
  .ucc-home-grid__sv {
    grid-template-areas: "info validation" "info churchvalidation";
    grid-template-rows: auto;
  }
  .ucc-home-grid__sc {
    grid-template-areas: "info churchposition";
    grid-template-rows: auto;
  }
  .ucc-home-grid__smc {
    grid-template-areas: "info minister" "churchposition minister";
    grid-template-rows: auto 1fr;
  }
  .ucc-home-grid__smr {
    grid-template-areas: "info minister" "references minister";
    grid-template-rows: auto 1fr;
  }
  .ucc-home-grid__smv {
    grid-template-areas: "info minister" "validation minister" "churchvalidation minister";
    grid-template-rows: auto 1fr;
  }
  .ucc-home-grid__src {
    grid-template-areas: "info churchposition" "references church position" "references validation" "references churchvalidation";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__svc {
    grid-template-areas: "info churchposition" "validation churchposition" "churchvalidation churchposition";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__srv {
    grid-template-areas: "info validation" "references churchvalidation";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__smh {
    grid-template-areas: "info church" "info minister";
    grid-template-rows: auto;
  }
  .ucc-home-grid__srh {
    grid-template-areas: "info church" "references church";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__svh {
    grid-template-areas: "info church" "validation church" "churchvalidation church";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__smrc {
    grid-template-areas: "info minister" "references minister" "churchposition minister";
    grid-template-rows: auto auto 1fr;
  }
  .ucc-home-grid__smrv {
    grid-template-areas: "info minister" "references minister" "validation minister" "churchvalidation minister";
    grid-template-rows: auto auto 1fr;
  }
  .ucc-home-grid__srvc {
    grid-template-areas: "info churchposition" "references validation" "churchposition churchvalidation";
    grid-template-rows: auto auto 1fr;
  }
  .ucc-home-grid__smrh {
    grid-template-areas: "info minister" "references church";
    grid-template-rows: auto 1fr;
  }
  .ucc-home-grid__srvh {
    grid-template-areas: "info church" "references churchvalidation" "references validation";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__srch {
    grid-template-areas: "info church" "references churchposition" "references validation" "references churchvalidation" "references church position";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__svch {
    grid-template-areas: "info church" "validation churchposition" "churchvalidation churchposition";
    grid-template-rows: auto auto;
  }
  .ucc-home-grid__srvch {
    grid-template-areas: "info church" "references validation" "churchposition churchvalidation";
    grid-template-rows: auto auto 1fr;
  }
  .ucc-home-grid__smrvh {
    grid-template-areas: "info church" "references minister" "validation minister" "churchvalidation minister";
    grid-template-rows: auto auto 1fr;
  }
  .ucc-home-grid__smrch {
    grid-template-areas: "info church" "references minister" "churchposition minister";
    grid-template-rows: auto auto 1fr;
  }
  .ucc-home-grid__smrvc {
    grid-template-areas: "info minister" "references minister" "churchposition minister" "validation minister" "churchvalidation minister";
    grid-template-rows: auto auto auto 1fr;
  }
  .ucc-home-grid__smrvch {
    grid-template-areas: "info church" "references minister" "churchposition minister" "validation minister" "churchvalidation minister";
    grid-template-rows: auto auto auto 1fr;
  }
}
.ucc-home-grid__item__info {
  grid-area: info;
}
.ucc-home-grid__item__references {
  grid-area: references;
}
.ucc-home-grid__item__validation {
  grid-area: validation;
}
.ucc-home-grid__item__churchposition {
  grid-area: churchposition;
}
.ucc-home-grid__item__minister {
  grid-area: minister;
}
.ucc-home-grid__item__church {
  grid-area: church;
}

.indent {
  border-left: solid;
  margin-top: 10px;
  padding-left: 30px;
}

.sa-input-error {
  display: none !important;
}

.white_background {
  background: #fff;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 5px;
}

.nd-legend {
  float: left;
  margin-right: 5px;
}

table.detail-table {
  width: 100%;
}
table.detail-table thead tr th,
table.detail-table thead tr td,
table.detail-table tbody tr th,
table.detail-table tbody tr td {
  padding-bottom: 5px;
  padding-right: 20px;
  padding-top: 5px;
}
table.detail-table thead tr th:nth-child(1),
table.detail-table thead tr td:nth-child(1),
table.detail-table tbody tr th:nth-child(1),
table.detail-table tbody tr td:nth-child(1) {
  width: 20%;
}
table.detail-table thead tr th:nth-child(2),
table.detail-table thead tr td:nth-child(2),
table.detail-table tbody tr th:nth-child(2),
table.detail-table tbody tr td:nth-child(2) {
  width: 20%;
}
table.detail-table thead tr th:nth-child(3),
table.detail-table thead tr td:nth-child(3),
table.detail-table tbody tr th:nth-child(3),
table.detail-table tbody tr td:nth-child(3) {
  width: 12%;
}
table.detail-table thead tr th:nth-child(4),
table.detail-table thead tr td:nth-child(4),
table.detail-table tbody tr th:nth-child(4),
table.detail-table tbody tr td:nth-child(4) {
  text-align: right;
  width: 10%;
}
table.detail-table thead tr th:nth-child(5),
table.detail-table thead tr td:nth-child(5),
table.detail-table tbody tr th:nth-child(5),
table.detail-table tbody tr td:nth-child(5) {
  padding-left: 5%;
  width: 40%;
}
table.detail-table thead tr:first-child {
  border-bottom: 1px solid #000;
}
table.detail-table tbody tr:last-child {
  border-bottom: 1px solid #000;
}
table.fund-label {
  width: 90%;
}
table.fund-label thead tr th,
table.fund-label thead tr td,
table.fund-label tbody tr th,
table.fund-label tbody tr td {
  padding-bottom: 5px;
  padding-top: 5px;
}
table.fund-label thead tr th:nth-child(1),
table.fund-label thead tr td:nth-child(1),
table.fund-label tbody tr th:nth-child(1),
table.fund-label tbody tr td:nth-child(1) {
  width: 60%;
}
table.fund-label thead tr th:nth-child(2),
table.fund-label thead tr td:nth-child(2),
table.fund-label tbody tr th:nth-child(2),
table.fund-label tbody tr td:nth-child(2) {
  text-align: right;
  width: 40%;
}
table.fund-label thead tr:first-child {
  border-bottom: 1px solid #000;
}
table.fund-total {
  width: 90%;
}
table.fund-total thead tr th,
table.fund-total thead tr td,
table.fund-total tbody tr th,
table.fund-total tbody tr td {
  padding-bottom: 5px;
  padding-top: 5px;
}
table.fund-total thead tr th:nth-child(1),
table.fund-total thead tr td:nth-child(1),
table.fund-total tbody tr th:nth-child(1),
table.fund-total tbody tr td:nth-child(1) {
  width: 60%;
}
table.fund-total thead tr th:nth-child(2),
table.fund-total thead tr td:nth-child(2),
table.fund-total tbody tr th:nth-child(2),
table.fund-total tbody tr td:nth-child(2) {
  text-align: right;
  width: 30%;
}

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  @page {
    @bottom-right {
      content: "Page " counter(page);
    }
  }
  .white_background {
    margin-top: -50px;
    padding-top: 0;
  }

  div.divFooter {
    bottom: 0;
    margin-top: 5px;
    position: fixed;
  }
}
div.ui-demo-zjtf {
  background-color: hwb(0 80% 20%);
  border: 1px solid hwb(0 75% 25%);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  height: fit-content;
  left: calc(100% - 4vw);
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: unset;
  top: 20%;
  transition: right 0.2s ease-in-out, left 0.2s ease-in-out, background-color 0.1s ease-in-out, border 0.2s ease-in-out;
  width: fit-content;
  z-index: 250;
}
div.ui-demo-zjtf:hover :not(.expand) {
  left: calc(100% - 5vw);
}
div.ui-demo-zjtf.expand {
  background-color: hwb(0 85% 15%);
  border: 1px solid hwb(0 80% 20%);
  left: unset;
  right: 0;
}
div.ui-demo-zjtf .container {
  display: flex;
  height: fit-content;
  margin: 0;
  min-width: 11vw;
  padding: 0;
  width: fit-content;
}
div.ui-demo-zjtf .container > .col {
  align-items: center;
  display: flex;
}
div.ui-demo-zjtf .container > .col:nth-child(1) {
  justify-content: center;
  padding: 0;
  width: 4vw;
}
div.ui-demo-zjtf .container > .col:nth-child(2) {
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: left;
  padding: 1rem 0;
}
div.ui-demo-zjtf .container > .col:nth-child(2) > div {
  border-left: 1px solid hwb(0 80% 20%);
  display: block;
  padding: 0 1rem 2rem;
  position: relative;
  width: 100%;
}
div.ui-demo-zjtf .container > .col:nth-child(2) > div.title {
  font-weight: 600;
}
div.ui-demo-zjtf .container > .col:nth-child(2) > div.content {
  height: fit-content;
}

.ui-toggle-sssi {
  display: inline-block;
  position: relative;
}
.ui-toggle-sssi.switch {
  height: 28px;
  width: 54px;
}
.ui-toggle-sssi.switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.ui-toggle-sssi.switch input:checked + .slider {
  background-color: #2196f3;
}
.ui-toggle-sssi.switch input:checked + .slider::before {
  -ms-transform: translateX(26px);
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
.ui-toggle-sssi.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.ui-toggle-sssi.switch div.loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: -25%;
  position: absolute;
  top: 0;
  width: 10%;
}
.ui-toggle-sssi.switch .slider {
  -webkit-transition: 0.2s;
  background-color: #ccc;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.2s;
}
.ui-toggle-sssi.switch .slider::before {
  -webkit-transition: 0.2s;
  background-color: hwb(0 100% 0%);
  bottom: 4px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  transition: 0.2s;
  width: 20px;
}
.ui-toggle-sssi.switch .slider.round {
  border-radius: 34px;
}
.ui-toggle-sssi.switch .slider.round::before {
  border-radius: 50%;
}
.ui-toggle-sssi.switch.loading {
  pointer-events: none;
}
.ui-toggle-sssi.switch.loading input + .slider::before {
  -ms-transform: translateX(13px);
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}
.ui-toggle-sssi.switch.loading input:checked + .slider {
  background-color: #ccc;
}
.ui-toggle-sssi.switch.loading input:checked + .slider::before {
  -ms-transform: translateX(13px);
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}

div.btn-group {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  border: solid 1px hwb(215 42% 25%/0.231);
  border-radius: 4px;
  color: hwb(0 0% 100%/0.494);
  font-size: 12px;
  height: 35px;
  position: relative;
  user-select: none;
}
div.btn-group div {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1.42857143;
  white-space: nowrap;
}
div.btn-group div.base {
  background-color: hwb(215 85% 1%);
  z-index: 3;
}
div.btn-group div.selected {
  -moz-transition: right 0.1s ease-in-out;
  -webkit-transition: right 0.1s ease-in-out;
  background-color: hwb(0 100% 0%);
  border: solid 1px hwb(0 24% 76%/0.482);
  border-radius: 4px;
  color: hwb(0 0% 100%/0.8);
  cursor: default;
  position: absolute;
  top: 0;
  transition: right 0.1s ease-in-out;
  width: 51%;
  z-index: 4;
}
div.btn-group div.selected > div.loader {
  display: none;
  height: 100%;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  width: fit-content;
}
div.btn-group.disabled {
  opacity: 0.5;
}
div.btn-group.disabled, div.btn-group.loading {
  cursor: default;
  pointer-events: none;
}
div.btn-group.loading div.selected {
  color: hwb(0 85% 15%);
}
div.btn-group.loading div.selected > div.loader {
  display: block;
}
div.btn-group.loading.left div.selected {
  right: 44%;
}
div.btn-group.loading.right div.selected {
  right: 5%;
}
div.btn-group.left div.selected {
  right: 49%;
}
div.btn-group.right div.selected {
  right: 0%;
}

.lay-sec.setting-edfa {
  align-items: start;
  border: 1px solid hwb(0 93% 7%);
  border-radius: 3px;
  display: flex;
  height: fit-content;
  justify-content: start;
  margin: 1rem 0 0;
  min-height: 45px;
  padding: 0.5rem;
}
.lay-sec.setting-edfa .description,
.lay-sec.setting-edfa .yield {
  height: 100%;
  padding: 0.5rem 1rem;
}
.lay-sec.setting-edfa .description {
  color: hwb(0 40% 60%);
  width: 30%;
}
.lay-sec.setting-edfa .description > div {
  padding: none;
}
.lay-sec.setting-edfa .description > div h1,
.lay-sec.setting-edfa .description > div h2,
.lay-sec.setting-edfa .description > div h3,
.lay-sec.setting-edfa .description > div h4,
.lay-sec.setting-edfa .description > div h5,
.lay-sec.setting-edfa .description > div h6,
.lay-sec.setting-edfa .description > div p {
  margin-bottom: 0.5rem !important;
  margin-top: unset !important;
}
.lay-sec.setting-edfa .yield {
  align-items: start;
  display: flex;
  justify-content: start;
  width: 70%;
}
.lay-sec.setting-edfa .yield input,
.lay-sec.setting-edfa .yield div.tox.tox-tinymce {
  width: 100%;
}

.link-row-twxv {
  align-items: center;
  display: flex;
  font-size: 1.1em;
  margin: 0 0 1rem;
}
.link-row-twxv._align-left {
  justify-content: start;
}
.link-row-twxv._align-center {
  justify-content: center;
}
.link-row-twxv._align-right {
  justify-content: end;
}
.link-row-twxv._padding {
  padding: 1.5rem 0 0;
}
.link-row-twxv a {
  padding: 0 1rem;
}
.link-row-twxv._bold a {
  font-weight: bold;
}
.link-row-twxv .header__dropdown button {
  background-color: transparent;
  border: 0;
}
.link-row-twxv .header__dropdown .header__user-name {
  color: #3a5b9a;
  font-weight: bold;
}
.link-row-twxv .header__dropdown:hover .header__user-name > span {
  text-decoration: underline;
}

.input-upload-image-zcuo, .input-color-picker-chvi, .input-checkbox-fsqy {
  align-self: stretch;
  display: flex;
  height: 100%;
  justify-content: start;
  min-height: 5rem;
  width: 100%;
}
.input-upload-image-zcuo .buttons,
.input-upload-image-zcuo .main, .input-color-picker-chvi .buttons,
.input-color-picker-chvi .main, .input-checkbox-fsqy .buttons,
.input-checkbox-fsqy .main {
  align-self: stretch;
  display: flex;
  height: 100%;
  justify-content: start;
}
.input-upload-image-zcuo .buttons > .btn,
.input-upload-image-zcuo .main, .input-color-picker-chvi .buttons > .btn,
.input-color-picker-chvi .main, .input-checkbox-fsqy .buttons > .btn,
.input-checkbox-fsqy .main {
  margin: 0 1rem 0 0;
}
.input-upload-image-zcuo .buttons .btn, .input-color-picker-chvi .buttons .btn, .input-checkbox-fsqy .buttons .btn {
  align-items: center;
  background-color: transparent;
  border: 1px solid rgba(221, 221, 221, 0);
  border-radius: 50%;
  display: flex;
  height: 45px;
  justify-content: center;
  min-width: 45px;
  padding: 0.5rem;
}
.input-upload-image-zcuo .buttons .btn:hover, .input-color-picker-chvi .buttons .btn:hover, .input-checkbox-fsqy .buttons .btn:hover {
  background-color: #e1e1e1;
  border: 1px solid #ddd;
}
.input-upload-image-zcuo .buttons .btn > i, .input-color-picker-chvi .buttons .btn > i, .input-checkbox-fsqy .buttons .btn > i {
  font-size: 1.75rem;
}
.input-upload-image-zcuo .buttons .btn button, .input-color-picker-chvi .buttons .btn button, .input-checkbox-fsqy .buttons .btn button {
  border: 1px solid rgba(221, 221, 221, 0.6);
  border-radius: 0;
}
.input-upload-image-zcuo .buttons.lazy, .input-color-picker-chvi .buttons.lazy, .input-checkbox-fsqy .buttons.lazy {
  align-items: center;
}
.input-upload-image-zcuo .buttons.lazy .btn, .input-color-picker-chvi .buttons.lazy .btn, .input-checkbox-fsqy .buttons.lazy .btn {
  border: 1px solid rgba(221, 221, 221, 0);
}
.input-upload-image-zcuo .main, .input-color-picker-chvi .main, .input-checkbox-fsqy .main {
  align-items: center;
}
.input-upload-image-zcuo .main input, .input-color-picker-chvi .main input, .input-checkbox-fsqy .main input {
  width: 100%;
}
.input-color-picker-chvi .interact {
  align-items: center;
  display: flex;
  justify-content: start;
  min-height: 45px;
}
.input-color-picker-chvi .interact > button {
  margin: 0;
}
.input-upload-image-zcuo .main {
  display: inline-block;
}
.input-upload-image-zcuo .main > div.image {
  margin: 0 0 20px;
}
.input-upload-image-zcuo .main .image-preview,
.input-upload-image-zcuo .main .upload {
  height: 10rem;
}
.input-upload-image-zcuo .main .upload {
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  width: 10rem;
}
.input-upload-image-zcuo .main .upload > i {
  font-size: 45px;
}
.input-upload-image-zcuo .main .upload:hover {
  background-color: #e3e3e3;
}
.input-upload-image-zcuo .interact {
  align-items: center;
  display: flex;
  justify-content: start;
}
.input-upload-image-zcuo .interact > button {
  margin: 0 0 0 0.5rem;
}
.input-upload-image-zcuo .interact > button:nth-child(1) {
  margin: 0;
}
.input-checkbox-fsqy .buttons .btn:nth-child(1) .box {
  align-items: center;
  background-color: #d6d6d6;
  border: 1px solid rgba(221, 221, 221, 0.6);
  border-radius: 3px;
  color: #fff;
  display: flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}
.input-checkbox-fsqy .buttons .btn:nth-child(1).highlight .box {
  background-color: #337ab7;
}
.input-checkbox-fsqy .buttons .btn:nth-child(1).highlight:hover {
  background-color: rgba(51, 122, 183, 0.15);
  border: 1px solid rgba(221, 221, 221, 0);
}
.input-checkbox-fsqy .buttons .btn:nth-child(1).highlight:hover .box {
  background-color: #286090;
}
.input-checkbox-fsqy .buttons .btn:nth-child(1).just-checked {
  background-color: rgba(51, 122, 183, 0.15);
  border: 1px solid rgba(221, 221, 221, 0);
}
.input-checkbox-fsqy .main span {
  margin-top: 1.3rem;
}

div.ui-container.ui-badge {
  display: inline-block;
  height: fit-content;
  line-height: 1.5;
  min-height: 1px;
  position: relative;
  width: fit-content;
}
div.ui-container.ui-badge.center-badge {
  margin: 0 0 0 2rem;
}
div.ui-container.ui-badge.disabled {
  margin-left: 0;
}
div.ui-container.ui-badge .ui-disp > .icons {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 2rem;
}
div.ui-container.ui-badge .ui-drop {
  width: 13rem;
}

.ui-drop {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #eee;
  box-shadow: 0 5px 15px -5px hwb(0 0% 100%/0.5);
  display: none;
  max-height: 20rem;
  min-height: 5rem;
  min-width: 6rem;
  overflow-y: auto;
  position: inherit;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 2;
}
.ui-drop.margin-top {
  top: calc(100% + 0.5rem);
}
.ui-drop div.title {
  color: hwb(0 57% 43%);
  cursor: default;
  font-weight: bold;
  padding: 0.75rem 1.5rem 0.25rem;
  text-transform: none;
}
.ui-drop div.item {
  color: hwb(0 19% 81%);
  font-size: 14px;
  padding: 1rem 1.25rem;
  text-transform: none;
}
.ui-drop div.item:hover:not(.active) {
  background-color: #e6e6e6;
}
.ui-drop div.item.active {
  cursor: default;
  opacity: 0.75;
}
.ui-drop.no-wrap div.item {
  white-space: nowrap;
}

.ui-active .ui-drop {
  display: block;
  z-index: 101;
}

.header__dropdown .ui-drop {
  min-width: 150%;
  width: fit-content;
}

div.ui-container {
  height: 100%;
  position: relative;
  width: 100%;
}
div.ui-container .ui-disp {
  height: 100%;
  position: relative;
  width: 100%;
}
div.ui-container .ui-disp > .icons {
  align-items: center;
  color: hwb(0 67% 33%);
  display: flex;
  font-size: 1.25em;
  height: 45px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  z-index: 1;
}
div.ui-container.active {
  z-index: 100;
}
div.ui-container.active .ui-disp input {
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.ui-container.active .ui-drop {
  display: block;
  z-index: 101;
}
div.ui-container.locked:not(.active) .ui-disp input {
  background-color: #eee;
  font-weight: bold;
}

div.inline {
  display: inline;
}

.ui-info {
  margin: 0 0 0 0.75rem;
}
.ui-info > span {
  color: hwb(0 40% 60%);
  font-size: 1em;
  margin: 0 0 0 0.5rem;
  text-transform: none;
}

input,
select {
  font-size: 14px;
  letter-spacing: 1px;
}
input.form-control,
select.form-control {
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
  height: 45px;
}
input.form-control.error,
select.form-control.error {
  border-color: #f00;
}
input.form-control.error::after,
select.form-control.error::after {
  color: #f00;
  content: "Error";
}
input.multiple-select-form-control,
select.multiple-select-form-control {
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
}

input.form-control {
  appearance: none;
  font-weight: 300;
}
input.form-control[readonly] {
  background-color: #fff;
}
input.form-control[disabled] {
  background-color: #eee;
}
input.form-control-checkbox {
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: none;
  height: 16px;
  width: 16px;
}

.form-control-canvas {
  background-color: #fff;
  border: 1px solid #ddd;
}

.input-group-addon {
  border-color: #ddd;
}

.form-group .fund-error,
.form-group .date-error {
  color: #f00;
  display: none;
  font-size: 12px;
  letter-spacing: 0.25px;
  margin-bottom: 0;
  margin-top: 3px;
}
.form-group .fund-error {
  padding-left: 37px;
}
.form-group .credit-card-error {
  color: #f00;
  display: none;
  font-size: 11px;
  font-weight: bold;
}

.bold {
  font-weight: 500;
}

.match-input-height {
  height: 45px;
}

.card-swiping-buttons {
  background: transparent;
  border: 0;
  width: 100%;
}
.card-swiping-buttons button {
  width: 50%;
}

.ember-view .note-toolbar {
  background-color: #fff;
}
.ember-view .note-toolbar > .note-btn-group {
  border: 0;
}
.ember-view .note-toolbar > .note-btn-group button {
  height: 100%;
}
.ember-view .note-toolbar > .note-btn-group > button,
.ember-view .note-toolbar > .note-btn-group > .note-btn-group > button {
  background-color: transparent;
}
.ember-view .note-toolbar > .note-btn-group > button:hover,
.ember-view .note-toolbar > .note-btn-group > .note-btn-group > button:hover {
  background-color: #ebebeb;
}
.ember-view .note-toolbar > .note-btn-group > .note-btn-group {
  border: 0;
}
.ember-view .note-toolbar > .note-btn-group > .note-btn-group > div {
  display: none;
}
.ember-view .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div {
  display: flex !important;
}
.ember-view .note-editing-area .note-editable ul > li,
.ember-view .note-editing-area .note-editable ol > li {
  margin-left: 3rem;
}
.ember-view .note-editing-area .note-editable a {
  color: #337ab7;
}
.ember-view .note-status-output {
  padding-top: 0;
}
.ember-view .note-status-output .note-statusbar {
  background-color: #fff;
  padding: 4px 0;
}

.btn-announcement {
  margin-bottom: 10px;
}

.pill {
  background-color: #808080;
  background-color: #808080;
  border: 1px solid #808080;
  border-radius: 5px;
  color: #fff;
  color: #fff;
  font-size: 11px;
  padding: 0.6rem 1rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

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

.btn.disabled {
  pointer-events: auto;
}

.save-and-quit {
  margin-right: 25%;
}

.print-to-invoice {
  margin-left: 4%;
  margin-right: -60%;
}

.back-to-transaction {
  margin-left: 22%;
}

.back-to-transaction-no-refund {
  margin-left: 30%;
}

.btn-link {
  background-color: #fff;
  float: right;
}

.btn-gray {
  background-color: #d3d3d3;
}

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

.back-to-search {
  float: right;
}

.refund_button {
  margin-left: 4%;
}

.center_button {
  margin-left: 60%;
}

.donor_email {
  background: none !important;
  border: 0;
  color: #069;
  /*optional*/
  cursor: pointer;
  /*input has OS specific font-family*/
  font-family: arial, sans-serif;
  padding: 0 !important;
  text-decoration: underline;
}

.generic_email {
  background: none !important;
  border: 0;
  color: #069;
  /*optional*/
  cursor: pointer;
  /*input has OS specific font-family*/
  font-family: arial, sans-serif;
  padding: 0 !important;
}
.generic_email span {
  text-decoration: underline;
}

.one-time-charge {
  width: 50%;
}

.another-one-time-charge {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20%;
  width: 20%;
}

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

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

.button {
  border-radius: 2px;
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: 300;
  height: 50px;
  letter-spacing: 1.25px;
  margin: 0 auto;
  text-transform: uppercase;
}
.button__account-recovery {
  background-color: #3b5998;
  width: 100%;
}
.button__account-recovery:hover .button__account-recovery:not(:disabled) {
  background-color: #355088;
  color: #fff;
}
.button__login-button {
  background-color: #3b5998;
  margin-bottom: 15px;
  width: 60%;
}
.button__login-button:hover .button__login-button:not(:disabled) {
  background-color: #355088;
}
.button__login-button.giving {
  background-color: #0c6d51;
}
.button__login-button.giving:hover .button__login-button.giving:not(:disabled) {
  background-color: #0a6248;
}
.button__engage-button, .button__giving-button {
  background-color: #0c6d51;
  width: 50%;
}
.button__engage-button:disabled, .button__giving-button:disabled {
  opacity: 0.7;
}
.button__engage-button:hover .button__engage-button:not(:disabled), .button__engage-button:hover .button__giving-button:not(:disabled), .button__giving-button:hover .button__engage-button:not(:disabled), .button__giving-button:hover .button__giving-button:not(:disabled) {
  background-color: #0a6248;
}
@media screen and (max-width: 600px) {
  .button__engage-button, .button__giving-button {
    width: 60%;
  }
}
.button__engage-button.button__giving-upper-button, .button__giving-button.button__giving-upper-button {
  margin-bottom: 15px;
}
.button__engage-button.button__giving-lower-button, .button__giving-button.button__giving-lower-button {
  width: 35%;
}
.button__engage-button.button__giving-left-button, .button__engage-button.button__giving-right-button, .button__giving-button.button__giving-left-button, .button__giving-button.button__giving-right-button {
  float: left;
  margin-top: 10px;
  width: 40%;
}
.button__engage-button.button__giving-left-button, .button__giving-button.button__giving-left-button {
  margin-left: 5%;
  margin-right: 10%;
}
.button__engage-button.button__giving-right-button, .button__giving-button.button__giving-right-button {
  margin-right: 5%;
}
.button__engage-button.button.save-amount, .button__engage-button.button.cancel-amount, .button__engage-button.button.edit-amount, .button__giving-button.button.save-amount, .button__giving-button.button.cancel-amount, .button__giving-button.button.edit-amount {
  height: 40px;
}
.button__engage-button.button.edit-amount, .button__giving-button.button.edit-amount {
  background-color: #efefef;
  color: #555;
  margin-top: 5px;
  width: 95%;
}
.button__engage-button.button.edit-amount:hover .button__engage-button.button.edit-amount:not(:disabled), .button__engage-button.button.edit-amount:hover .button__giving-button.button.edit-amount:not(:disabled), .button__giving-button.button.edit-amount:hover .button__engage-button.button.edit-amount:not(:disabled), .button__giving-button.button.edit-amount:hover .button__giving-button.button.edit-amount:not(:disabled) {
  background-color: #e9e9e9;
}
.button__engage-button.button.save-amount, .button__engage-button.button.cancel-amount, .button__giving-button.button.save-amount, .button__giving-button.button.cancel-amount {
  float: left;
  margin: 10px 0 0;
  width: 49%;
}
.button__engage-button.button.cancel-amount, .button__giving-button.button.cancel-amount {
  background-color: #efefef;
  color: #555;
  margin-right: 2%;
}
.button__events-button {
  background-color: #cd2228;
  border-color: #e20000;
  color: #fff;
}
.button__events-button:hover .button__events-button:not(:disabled) {
  background-color: #e20000;
  color: #fff;
}
.button__events-button:focus {
  color: #fff;
}
.button__events-button__payment {
  width: 35%;
}
.button__events-button__upper {
  width: 50%;
}
.button__forms-button {
  background-color: #197177;
  border-color: #25585c;
  color: #fff;
}
.button__forms-button:hover .button__forms-button:not(:disabled) {
  background-color: #25585c;
  color: #fff;
}
.button__forms-button:focus {
  color: #fff;
}
.button__forms-button__payment {
  width: 35%;
}
.button__forms-button__upper {
  width: 50%;
}
.button__billing-button {
  background-color: #e48d22;
  border-color: #d2811f;
  color: #fff;
}
.button__billing-button:hover .button__billing-button:not(:disabled) {
  background-color: #d2811f;
  color: #fff;
}
.button__billing-button:focus {
  color: #fff;
}
.button__billing-button__payment {
  width: 35%;
}
.button__billing-button__upper {
  width: 50%;
}
.button__payroll-button {
  background-color: #4a2e67;
  border-color: #42295c;
  color: #fff;
  margin: 30px auto 10px;
}
.button__payroll-button:hover .button__payroll-button:not(:disabled) {
  background-color: #42295c;
  color: #fff;
}
.button__payroll-button:focus {
  color: #fff;
}

.ucc-web-btns {
  float: right;
}

.ucc-regional-btns {
  float: right;
  margin-top: 86%;
}

.select-date {
  float: none;
}

label {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.email-icon-for-donor {
  background-color: #fff;
  border: 2px solid #fff;
  display: inline;
  margin: 0 auto;
  max-height: 20px;
  max-width: 25px;
}

.settings-subheader {
  color: #666;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.settings-subsection-label {
  color: #666;
  font-size: 16px;
  font-weight: 500;
}

.settings-section-label,
.form-group-section-label {
  color: #666;
  font-size: 20px;
  font-weight: 500;
}

.form-group-section label {
  font-size: 1.3rem;
}

.alert {
  font-size: 13px;
  letter-spacing: 1px;
  text-align: center;
}
.alert__left {
  text-align: left;
}
.alert.finance-warning {
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 8px;
}

.giving__alert {
  background-color: #e6f0ed;
  border-color: #cee1dc;
  color: #0c6d51;
}

.card {
  background: #fff;
  border: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin-bottom: 15px;
}
.card .list-group-item {
  border-radius: 0;
  letter-spacing: 0.5px;
}

.picture-group-view {
  margin-left: 5px;
}

.virtual-worship-device {
  margin-left: 30px;
}

.engage-modal {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  padding-top: 5%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}
.engage-modal__outer-container {
  display: table;
  height: 700px;
  margin: auto;
  width: 700px;
}
@media only screen and (max-width: 700px) {
  .engage-modal__outer-container {
    height: 300px;
    width: 300px;
  }
}
.engage-modal__inner-container {
  animation-duration: 0.6s;
  animation-name: zoom;
  display: table;
  margin: auto;
  max-height: 650px;
  max-width: 650px;
  position: relative;
}
@media only screen and (max-width: 700px) {
  .engage-modal__inner-container {
    max-height: 300px;
    max-width: 300px;
  }
}
.engage-modal__inner-container .close-icon {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 25px;
  height: auto;
  padding: 0;
  position: absolute;
  right: -25px;
  top: 0;
}
.engage-modal__inner-container .close-icon:hover {
  cursor: pointer;
}
.engage-modal__image {
  border: 3px solid #fff;
  border-radius: 6px;
  max-height: 650px;
  max-width: 650px;
}
@media only screen and (max-width: 700px) {
  .engage-modal__image {
    max-height: 100%;
    max-width: 100%;
  }
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.profile__summary-container,
.address__container,
.contact__container,
.pronoun__container {
  margin: 0;
  min-height: 80px;
  padding: 0;
}
.profile__summary-container section,
.address__container section,
.contact__container section,
.pronoun__container section {
  border-top: 1px solid #ebeef4;
  margin: 0;
  padding: 10px;
}
.profile__summary-container section:first-child,
.address__container section:first-child,
.contact__container section:first-child,
.pronoun__container section:first-child {
  border-top: 0;
}
.profile__summary-container section h6,
.address__container section h6,
.contact__container section h6,
.pronoun__container section h6 {
  color: #666;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1.25px;
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  text-transform: uppercase;
}
.profile__summary-container section h5,
.address__container section h5,
.contact__container section h5,
.pronoun__container section h5 {
  color: #444;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin: 0;
}
.profile__summary-container section h5 a,
.address__container section h5 a,
.contact__container section h5 a,
.pronoun__container section h5 a {
  font-weight: 300;
}

.pronouns__container {
  margin: 0;
  min-height: 100px;
  padding: 0;
}
.pronouns__container section {
  border-top: 1px solid #ebeef4;
  margin: 0;
  padding: 10px;
}
.pronouns__container section:first-child {
  border-top: 0;
}
.pronouns__container section h6 {
  color: #666;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1.25px;
  margin: 0;
  margin-bottom: 3px;
  padding: 0;
  text-transform: uppercase;
}
.pronouns__container section h5 {
  color: #444;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin: 0;
}
.pronouns__container section h5 a {
  font-weight: 300;
}
.pronouns__container input {
  width: 100%;
}
.pronouns__container select,
.pronouns__container input {
  height: 30px;
  margin: 2px auto;
  margin-bottom: 10px;
}

.pronoun__container .edit-button {
  margin-top: 18px;
}

.address__container input {
  width: 100%;
}
.address__container select,
.address__container input {
  height: 30px;
  margin: 2px auto;
  margin-bottom: 10px;
}

div.profile__container div.progress {
  margin: 0 auto;
  width: 90%;
}
div.profile__container div.progress div.progress-bar {
  width: 100%;
}

.profile__navigation {
  height: 45px;
  margin-bottom: 5px;
  padding: 0;
}
.profile__navigation .profile__tabs-container {
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  width: 100%;
}
.profile__navigation .profile__tabs-container .profile__tab {
  background-color: #f9f9f9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #444;
  float: left;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 50%;
}
.profile__navigation .profile__tabs-container .profile__tab::after {
  background-color: #3b5998;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom 0.2s;
}
.profile__navigation .profile__tabs-container .profile__tab:hover::after, .profile__navigation .profile__tabs-container .profile__tab.active::after {
  bottom: 0;
}
.profile__navigation .profile__tabs-container .profile__tab:first-child {
  border-right-width: 1px;
}
.profile__navigation .profile__tabs-container .profile__tab.active a {
  background-color: #fff;
  color: #3b5998;
}
.profile__navigation .profile__tabs-container .profile__tab.active a .profile-tab-name {
  color: #3b5998;
}
.profile__navigation .profile__tabs-container .profile__tab a {
  background-color: #f9f9f9;
  border-radius: 0;
  color: #444;
  font-size: 10px;
  height: 43px;
  letter-spacing: 1px;
  line-height: 43px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.profile__navigation .profile__tabs-container .profile__tab a .profile__tab-description {
  font-weight: 500;
}
.profile__navigation .profile__tabs-container .profile__tab a:hover {
  color: #3b5998;
}
.profile__navigation .profile__tabs-container .profile__tab:last-child {
  border-left-width: 0;
}

.principle-interact {
  display: flex;
  justify-content: end;
  margin: 0 auto 15px;
  max-width: 600px;
}
.principle-interact > a {
  align-items: center;
  color: #3a5b9a;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  margin: 0 16px;
  margin-top: 20px;
}
.principle-interact > a > span {
  font-size: 20px;
}
.principle-interact > a:hover, .principle-interact > a:active {
  text-decoration: none;
}
.principle-interact > a .button {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
  color: #000;
  display: flex;
  height: 25px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  transition: box-shadow 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  width: fit-content;
}
.principle-interact > a .button:hover {
  background: #e8e8e8;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
  text-decoration: none;
}

.engage__tabs-container,
.giving__tabs-container {
  height: 45px;
  line-height: 45px;
  margin-bottom: 20px;
}
.engage__tabs-container .engage__toggle-tab,
.engage__tabs-container .giving__toggle-tab,
.giving__tabs-container .engage__toggle-tab,
.giving__tabs-container .giving__toggle-tab {
  background-color: #f9f9f9;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #444;
  float: left;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 50%;
}
.engage__tabs-container .engage__toggle-tab::after,
.engage__tabs-container .giving__toggle-tab::after,
.giving__tabs-container .engage__toggle-tab::after,
.giving__tabs-container .giving__toggle-tab::after {
  background-color: #0c6d51;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom 0.2s;
}
.engage__tabs-container .engage__toggle-tab:hover::after, .engage__tabs-container .engage__toggle-tab.active::after,
.engage__tabs-container .giving__toggle-tab:hover::after,
.engage__tabs-container .giving__toggle-tab.active::after,
.giving__tabs-container .engage__toggle-tab:hover::after,
.giving__tabs-container .engage__toggle-tab.active::after,
.giving__tabs-container .giving__toggle-tab:hover::after,
.giving__tabs-container .giving__toggle-tab.active::after {
  bottom: 0;
}
.engage__tabs-container .engage__toggle-tab:last-child,
.engage__tabs-container .giving__toggle-tab:last-child,
.giving__tabs-container .engage__toggle-tab:last-child,
.giving__tabs-container .giving__toggle-tab:last-child {
  border-left-width: 0;
}
.engage__tabs-container .engage__toggle-tab.active a,
.engage__tabs-container .giving__toggle-tab.active a,
.giving__tabs-container .engage__toggle-tab.active a,
.giving__tabs-container .giving__toggle-tab.active a {
  background-color: #fff;
  color: #0c6d51;
}
.engage__tabs-container .engage__toggle-tab.active a .account-tab-name,
.engage__tabs-container .engage__toggle-tab.active a .new-account-tab-name,
.engage__tabs-container .giving__toggle-tab.active a .account-tab-name,
.engage__tabs-container .giving__toggle-tab.active a .new-account-tab-name,
.giving__tabs-container .engage__toggle-tab.active a .account-tab-name,
.giving__tabs-container .engage__toggle-tab.active a .new-account-tab-name,
.giving__tabs-container .giving__toggle-tab.active a .account-tab-name,
.giving__tabs-container .giving__toggle-tab.active a .new-account-tab-name {
  color: #0c6d51;
}
.engage__tabs-container .engage__toggle-tab.active a:hover, .engage__tabs-container .engage__toggle-tab.active a:focus,
.engage__tabs-container .giving__toggle-tab.active a:hover,
.engage__tabs-container .giving__toggle-tab.active a:focus,
.giving__tabs-container .engage__toggle-tab.active a:hover,
.giving__tabs-container .engage__toggle-tab.active a:focus,
.giving__tabs-container .giving__toggle-tab.active a:hover,
.giving__tabs-container .giving__toggle-tab.active a:focus {
  background-color: #fff;
  color: #0c6d51;
}
.engage__tabs-container .engage__toggle-tab.disabled,
.engage__tabs-container .giving__toggle-tab.disabled,
.giving__tabs-container .engage__toggle-tab.disabled,
.giving__tabs-container .giving__toggle-tab.disabled {
  -ms-user-select: none;
  -webkit-user-select: none;
  opacity: 0.7;
  user-select: none;
}
.engage__tabs-container .engage__toggle-tab.disabled::after,
.engage__tabs-container .giving__toggle-tab.disabled::after,
.giving__tabs-container .engage__toggle-tab.disabled::after,
.giving__tabs-container .giving__toggle-tab.disabled::after {
  opacity: 0;
}
.engage__tabs-container .engage__toggle-tab.disabled a,
.engage__tabs-container .giving__toggle-tab.disabled a,
.giving__tabs-container .engage__toggle-tab.disabled a,
.giving__tabs-container .giving__toggle-tab.disabled a {
  pointer-events: none;
}
.engage__tabs-container .engage__toggle-tab.disabled a:hover,
.engage__tabs-container .giving__toggle-tab.disabled a:hover,
.giving__tabs-container .engage__toggle-tab.disabled a:hover,
.giving__tabs-container .giving__toggle-tab.disabled a:hover {
  background-color: #f9f9f9;
}
.engage__tabs-container .engage__toggle-tab a,
.engage__tabs-container .giving__toggle-tab a,
.giving__tabs-container .engage__toggle-tab a,
.giving__tabs-container .giving__toggle-tab a {
  background-color: #f9f9f9;
  border-radius: 0;
  font-size: 10px;
  height: 43px;
  letter-spacing: 1px;
  line-height: 43px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.engage__tabs-container .engage__toggle-tab a:hover,
.engage__tabs-container .giving__toggle-tab a:hover,
.giving__tabs-container .engage__toggle-tab a:hover,
.giving__tabs-container .giving__toggle-tab a:hover {
  color: #0c6d51;
}

.events__tabs-container {
  height: 45px;
  line-height: 45px;
  margin-bottom: 20px;
}
.events__tabs-container .events__toggle-tab {
  background-color: #f9f9f9;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #444;
  float: left;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 50%;
}
.events__tabs-container .events__toggle-tab::after {
  background-color: #cd2228;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom 0.2s;
}
.events__tabs-container .events__toggle-tab:hover::after, .events__tabs-container .events__toggle-tab.active::after {
  bottom: 0;
}
.events__tabs-container .events__toggle-tab:last-child {
  border-left-width: 0;
}
.events__tabs-container .events__toggle-tab.active a {
  background-color: #fff;
  color: #cd2228;
}
.events__tabs-container .events__toggle-tab.active a .account-tab-name,
.events__tabs-container .events__toggle-tab.active a .new-account-tab-name {
  color: #cd2228;
}
.events__tabs-container .events__toggle-tab.active a:hover, .events__tabs-container .events__toggle-tab.active a:focus {
  background-color: #fff;
  color: #cd2228;
}
.events__tabs-container .events__toggle-tab a {
  background-color: #f9f9f9;
  border-radius: 0;
  font-size: 10px;
  height: 43px;
  letter-spacing: 1px;
  line-height: 43px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.events__tabs-container .events__toggle-tab a:hover {
  color: #cd2228;
}

.billing__tabs-container {
  height: 45px;
  line-height: 45px;
  margin-bottom: 20px;
}
.billing__tabs-container .billing__toggle-tab {
  background-color: #f9f9f9;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  color: #444;
  float: left;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 50%;
}
.billing__tabs-container .billing__toggle-tab::after {
  background-color: #e48d22;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  transition: bottom 0.2s;
}
.billing__tabs-container .billing__toggle-tab:hover::after, .billing__tabs-container .billing__toggle-tab.active::after {
  bottom: 0;
}
.billing__tabs-container .billing__toggle-tab:last-child {
  border-left-width: 0;
}
.billing__tabs-container .billing__toggle-tab.active a {
  background-color: #fff;
  color: #e48d22;
}
.billing__tabs-container .billing__toggle-tab.active a .account-tab-name,
.billing__tabs-container .billing__toggle-tab.active a .new-account-tab-name {
  color: #e48d22;
}
.billing__tabs-container .billing__toggle-tab.active a:hover, .billing__tabs-container .billing__toggle-tab.active a:focus {
  background-color: #fff;
  color: #e48d22;
}
.billing__tabs-container .billing__toggle-tab a {
  background-color: #f9f9f9;
  border-radius: 0;
  font-size: 10px;
  height: 43px;
  letter-spacing: 1px;
  line-height: 43px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.billing__tabs-container .billing__toggle-tab a:hover {
  color: #e48d22;
}

.payroll-ytd__navigation {
  height: 38px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.payroll-ytd__navigation .detail-navigation__payroll-ytd {
  float: left;
  padding-left: 15px;
  text-align: left;
  width: 50%;
}
.payroll-ytd__navigation .payroll-ytd__tabs-container {
  background-color: #fff;
  float: left;
  height: 38px;
  line-height: 38px;
  margin: 0;
  width: 50%;
}
.payroll-ytd__navigation .payroll-ytd__tabs-container.use-swf {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 1rem;
}
.payroll-ytd__navigation .payroll-ytd__tabs-container.use-swf .input-placeholder,
.payroll-ytd__navigation .payroll-ytd__tabs-container.use-swf input,
.payroll-ytd__navigation .payroll-ytd__tabs-container.use-swf .dropdown-options .option {
  font-size: 14px !important;
}
.payroll-ytd__navigation .payroll-ytd__tabs-container select {
  float: right;
  height: 38px;
}

.nav-stacked {
  flex-direction: column !important;
  flex-wrap: nowrap;
}

.groups__no-groups {
  padding: 10px;
}
.groups__group-type {
  background-color: #eee;
  color: #666;
  font-size: 10px;
  font-weight: 500;
  height: 30px;
  letter-spacing: 1.25px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  text-transform: uppercase;
}
.groups__group-type:first-child {
  border-top: 0;
}
.groups__list-section {
  margin: 0;
}
.groups__group-name {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.groups__group-name.active {
  background-color: #3b5998;
}
.groups__group-name.active:hover {
  background-color: #3b5998;
}

.giving__new-account, .giving__new-gift, .giving__summary-gift {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  padding: 20px;
}
.giving__new-account hr, .giving__new-gift hr, .giving__summary-gift hr {
  border-color: #ddd;
  margin-bottom: 10px;
  margin-top: 10px;
}
.giving__type-note {
  color: #f00;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.giving__card_box {
  display: flex;
  gap: 10px;
  height: 45px;
  justify-content: center;
  padding-bottom: 10px;
}
.giving__card-types {
  background-color: #fdfdfd;
  border: 1px solid #ddd;
  color: #444;
  font-size: 30px;
  letter-spacing: 5px;
  margin-bottom: 10px;
  text-align: center;
}
.giving__card-types h4 {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.giving__month-year-cvv .giving__month, .giving__month-year-cvv .giving__year, .giving__month-year-cvv .giving__cvv {
  float: left;
}
.giving__month-year-cvv .giving__month {
  margin-right: 2%;
  width: 24%;
}
.giving__month-year-cvv .giving__year {
  margin-right: 2%;
  width: 36%;
}
.giving__month-year-cvv .giving__cvv {
  width: 36%;
}
.giving__address1-address2 .giving__address1, .giving__address1-address2 .giving__address2 {
  float: left;
}
.giving__address1-address2 .giving__address1 {
  margin-right: 2%;
  width: 68%;
}
.giving__address1-address2 .giving__address2 {
  width: 30%;
}
.giving__country-state-zip .giving__country, .giving__country-state-zip .giving__state {
  float: left;
  margin-right: 2%;
  width: 38%;
}
@media screen and (max-width: 450px) {
  .giving__country-state-zip .giving__country, .giving__country-state-zip .giving__state {
    width: 100%;
  }
}
.giving__country-state-zip .giving__zip {
  float: left;
  width: 20%;
}
@media screen and (max-width: 450px) {
  .giving__country-state-zip .giving__zip {
    width: 60%;
  }
}
.giving__start-end-date .giving__start-date, .giving__start-end-date .giving__end-date {
  float: left;
  width: 49%;
}
.giving__start-end-date .giving__start-date {
  margin-right: 2%;
}
.giving__first-last-name .giving__first-name, .giving__first-last-name .giving__last-name {
  float: left;
  width: 49%;
}
.giving__first-last-name .giving__first-name {
  margin-right: 2%;
}
.giving__bank-account-type {
  margin-bottom: 10px;
}
.giving__new-gift-total {
  color: #666;
  text-align: center;
}
.giving__new-gift-total .new-gift__total-heading, .giving__new-gift-total .new-gift__total {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
}
.giving__new-gift-total .new-gift__total-heading {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.giving__new-gift-total .new-gift__total {
  font-size: 24px;
}
.giving__gift-occurrences {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.giving__payment-type-selection {
  display: table;
  margin: 0 auto;
  margin-bottom: 15px;
}
.giving__new-account-link {
  color: #000;
  float: right;
  margin-top: 5px;
}
.giving__new-account-link a {
  font-weight: 500;
}
.giving__new-account-link a:hover {
  color: #000;
}
.giving__payment-select {
  margin-bottom: 20px;
}
.giving__account-display .accounts__left-column, .giving__account-display .accounts__right-column {
  float: left;
  margin-bottom: 15px;
  width: 50%;
}
.giving__account-display .accounts__heading {
  color: #666;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.giving__account-display .accounts__item {
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.giving__comodo {
  display: table;
  margin: 0 auto;
  margin-top: 20px;
}

.fee-assist-row {
  margin: 15px 0;
}
.fee-assist-row p {
  margin: 2px 0 0;
}

.breadcrumbs__giving .breadcrumbs__guest, .breadcrumbs__giving .breadcrumbs__user {
  border-right: 1px solid #dedede;
  color: #dedede;
  float: left;
  font-size: 9px;
  height: 50px;
  letter-spacing: 1.5px;
  line-height: 50px;
  margin: 0 auto 20px;
  text-align: center;
  text-transform: uppercase;
}
.breadcrumbs__giving .breadcrumbs__guest.visited, .breadcrumbs__giving .breadcrumbs__user.visited {
  color: #000;
}
.breadcrumbs__giving .breadcrumbs__guest.current, .breadcrumbs__giving .breadcrumbs__user.current {
  font-weight: 500;
}
.breadcrumbs__giving .breadcrumbs__guest:last-child, .breadcrumbs__giving .breadcrumbs__user:last-child {
  border-right: 0;
}
.breadcrumbs__giving .breadcrumbs__guest {
  width: 25%;
}
@media screen and (max-width: 441px) {
  .breadcrumbs__giving .breadcrumbs__guest {
    width: 50%;
  }
}
.breadcrumbs__giving .breadcrumbs__user {
  width: 33%;
}
@media screen and (max-width: 241px) {
  .breadcrumbs__giving .breadcrumbs__user {
    width: 50%;
  }
}
.breadcrumbs__giving .col-xs-12 {
  padding: 0;
}
.breadcrumbs__payment {
  padding-bottom: 10px;
}
.breadcrumbs__payment .breadcrumbs__guest, .breadcrumbs__payment .breadcrumbs__user {
  border-right: 1px solid #dedede;
  color: #dedede;
  float: left;
  font-size: 9px;
  height: 50px;
  letter-spacing: 1.5px;
  line-height: 50px;
  margin: 0 auto 20px;
  text-align: center;
  text-transform: uppercase;
}
.breadcrumbs__payment .breadcrumbs__guest.visited, .breadcrumbs__payment .breadcrumbs__user.visited {
  color: #000;
}
.breadcrumbs__payment .breadcrumbs__guest.current, .breadcrumbs__payment .breadcrumbs__user.current {
  font-weight: 500;
}
.breadcrumbs__payment .breadcrumbs__guest:last-child, .breadcrumbs__payment .breadcrumbs__user:last-child {
  border-right: 0;
}
.breadcrumbs__payment .breadcrumbs__guest {
  width: 25%;
}
.breadcrumbs__payment .breadcrumbs__user {
  width: 33%;
}
.breadcrumbs__payment .col-xs-12 {
  padding: 0;
}

.search-group {
  margin: auto;
  width: 28%;
}
.search-group .end-date {
  margin-left: 1em;
}

.search-transaction {
  margin-left: 47%;
}

.giving__header,
.payroll__header,
.mobile__header {
  background-color: #fff;
  color: #444;
  font-size: 22px;
  height: 45px;
  letter-spacing: 1px;
  line-height: 45px;
  margin-bottom: 15px;
  margin-top: -10px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.giving__header .giving-index__header-container,
.payroll__header .giving-index__header-container,
.mobile__header .giving-index__header-container {
  text-align: left;
}
.giving__header .giving-index__header-container .header__title, .giving__header .giving-index__header-container .header__button,
.payroll__header .giving-index__header-container .header__title,
.payroll__header .giving-index__header-container .header__button,
.mobile__header .giving-index__header-container .header__title,
.mobile__header .giving-index__header-container .header__button {
  width: 50%;
}
.giving__header .giving-index__header-container .header__title,
.payroll__header .giving-index__header-container .header__title,
.mobile__header .giving-index__header-container .header__title {
  float: left;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1.5px;
}
.giving__header .giving-index__header-container .header__button,
.payroll__header .giving-index__header-container .header__button,
.mobile__header .giving-index__header-container .header__button {
  float: right;
}
.giving__header .giving-index__header-container .header__button .button,
.payroll__header .giving-index__header-container .header__button .button,
.mobile__header .giving-index__header-container .header__button .button {
  float: right;
  height: 40px;
  line-height: 42px;
  margin: 10px 0;
  max-width: 185px;
  padding: 0;
  width: 100%;
}

.mobile__header {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.payroll__header {
  border-bottom: 1px solid #d4d2d7;
  margin-bottom: 10px;
}
.payroll__prefname, .payroll__detail-navigation, .payroll__paid-date {
  color: #4a2e67;
  font-weight: 500;
}
.payroll__detail-navigation {
  padding-left: 15px;
  padding-right: 15px;
}
.payroll__detail-navigation:hover {
  color: #332048;
  cursor: pointer;
}
.payroll__detail-navigation.detail-navigation--disabled {
  color: #d4d2d7;
  cursor: default;
}
.payroll__detail-navigation.detail-navigation--disabled:hover {
  color: #d4d2d7;
}

.credit-card_input-group {
  width: 100%;
}
.credit-card_input-addon {
  background-color: #f9f9f9;
  background-image: url("../images/credit-card.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 35px;
  border-color: #ddd;
  border-radius: 3px;
  font-size: 24px;
  padding: 0;
  transition: background 0.4s ease-in-out;
  width: 60px;
}
.credit-card_input-addon.amex {
  background: no-repeat center/35px url("../images/american-express.svg");
}
.credit-card_input-addon.discover {
  background: no-repeat center/35px url("../images/discover.svg");
}
.credit-card_input-addon.mastercard {
  background: no-repeat center/35px url("../images/mastercard.svg");
}
.credit-card_input-addon.visa {
  background: no-repeat center/35px url("../images/visa.svg");
}
.credit-card_input-addon.amex, .credit-card_input-addon.discover, .credit-card_input-addon.mastercard, .credit-card_input-addon.visa {
  transform: rotateY(360deg);
}

.info {
  background-color: #add8e6;
}

.action_buttons {
  min-width: 200px;
}

.giving-statement-action-buttons {
  min-width: 250px !important;
}

.account-schedule-guid {
  min-width: 290px;
}

.transaction-dates {
  min-width: 95px;
}

.giving-date {
  min-width: 105px;
}

.transaction_container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}
.transaction_container .info_container {
  border-collapse: collapse;
  margin: 25px;
  margin-left: auto;
  margin-right: auto;
}
.transaction_container td {
  padding: 5px;
}
.transaction_container tr > td:first-child {
  color: #a9a9a9;
  padding-right: 10px;
  text-align: right;
  width: 50%;
}
.transaction_container tr > td:last-child {
  padding-left: 10px;
  text-align: left;
  width: 50%;
}
.transaction_container tr.is-refundable td {
  vertical-align: top;
}
.transaction_container .data-header {
  font-size: 18px;
  font-weight: bold;
  margin: 25px;
}

.models-table-wrapper .globalSearch {
  margin-bottom: 10px;
  margin-left: 10px;
}
.models-table-wrapper .table-summary label {
  margin-left: 10px;
}
.models-table-wrapper .table-nav {
  width: 58.33%;
}
.models-table-wrapper .table-nav select {
  display: inline-block;
  height: 34px;
  width: auto;
}

table.table-bordered tr > td > div > td {
  border: 0;
}

@media screen and (max-width: 600px) {
  .action_buttons div td button,
.details-button div td button {
    transform: translateY(-35%);
  }
}
@media screen and (max-width: 279px) {
  .action_buttons div td button,
.details-button div td button {
    margin-top: 5px;
    transform: translateY(0%);
  }
}
.payment {
  border-collapse: collapse;
  font-size: 16px;
  margin: auto;
}
.payment td {
  padding: 5px;
}
.payment table {
  margin: auto;
}
.payment thead tr td {
  font-size: 20px;
  font-weight: bold;
  padding-left: 43%;
}
.payment tbody tr td:first-child {
  color: #a9a9a9;
  padding-right: 10px;
  text-align: right;
  width: 50%;
}
.payment tbody tr td:last-child {
  padding-left: 10px;
  text-align: left;
  width: 50%;
}

.ucc-radio-block {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.ucc-radio-block input[type=text] {
  margin-top: 0 !important;
}
.ucc-radio-block input[type=radio] {
  height: 15px !important;
  margin-top: 10px !important;
}
.ucc-radio-block .radio-text {
  margin-top: 8px;
}

.ucc-conferences {
  border-collapse: collapse;
  margin: auto;
  table-layout: fixed;
}
.ucc-conferences td {
  padding: 10px;
}
.ucc-conferences table {
  margin: auto;
}
.ucc-conferences thead th {
  text-align: center;
  vertical-align: middle;
}
.ucc-conferences tbody tr td {
  text-align: center;
  vertical-align: middle;
  width: 15%;
}
.ucc-conferences tbody tr td:first-child {
  padding-right: 10px;
  text-align: right;
  width: 40%;
}

.history {
  border-collapse: collapse;
  font-size: 16px;
  margin: auto;
  max-width: 300px;
  min-width: 300px;
}
.history table {
  max-width: 300px;
  min-width: 300px;
}
.history td {
  padding: 5px;
}
.history tr td:first-child {
  color: #a9a9a9;
  padding-right: 10px;
  text-align: right;
  width: 50%;
}
.history tr td:last-child {
  padding-left: 10px;
  text-align: left;
  width: 50%;
}

.payroll__email-addresses .more-gifts, .payroll__payroll-history .more-gifts, .payroll__accounts .more-gifts,
.giving__email-addresses .more-gifts,
.giving__payroll-history .more-gifts,
.giving__accounts .more-gifts {
  margin-bottom: 5px;
  text-align: right;
}
.payroll__email-addresses .more-gifts a, .payroll__payroll-history .more-gifts a, .payroll__accounts .more-gifts a,
.giving__email-addresses .more-gifts a,
.giving__payroll-history .more-gifts a,
.giving__accounts .more-gifts a {
  color: #0c6d51;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.payroll__email-addresses .more-gifts a:hover, .payroll__email-addresses .more-gifts a:focus, .payroll__email-addresses .more-gifts a:active, .payroll__payroll-history .more-gifts a:hover, .payroll__payroll-history .more-gifts a:focus, .payroll__payroll-history .more-gifts a:active, .payroll__accounts .more-gifts a:hover, .payroll__accounts .more-gifts a:focus, .payroll__accounts .more-gifts a:active,
.giving__email-addresses .more-gifts a:hover,
.giving__email-addresses .more-gifts a:focus,
.giving__email-addresses .more-gifts a:active,
.giving__payroll-history .more-gifts a:hover,
.giving__payroll-history .more-gifts a:focus,
.giving__payroll-history .more-gifts a:active,
.giving__accounts .more-gifts a:hover,
.giving__accounts .more-gifts a:focus,
.giving__accounts .more-gifts a:active {
  color: #084c38;
}
.payroll__email-addresses .scheduled-gifts__title, .payroll__payroll-history .scheduled-gifts__title, .payroll__accounts .scheduled-gifts__title,
.giving__email-addresses .scheduled-gifts__title,
.giving__payroll-history .scheduled-gifts__title,
.giving__accounts .scheduled-gifts__title {
  font-size: 16px;
  letter-spacing: 0.75px;
  margin-top: 0;
}
.payroll__email-addresses .scheduled-gifts__title.hide-lg, .payroll__payroll-history .scheduled-gifts__title.hide-lg, .payroll__accounts .scheduled-gifts__title.hide-lg,
.giving__email-addresses .scheduled-gifts__title.hide-lg,
.giving__payroll-history .scheduled-gifts__title.hide-lg,
.giving__accounts .scheduled-gifts__title.hide-lg {
  display: none;
}
.payroll__email-addresses .payroll-history-table__container, .payroll__payroll-history .payroll-history-table__container, .payroll__accounts .payroll-history-table__container,
.giving__email-addresses .payroll-history-table__container,
.giving__payroll-history .payroll-history-table__container,
.giving__accounts .payroll-history-table__container {
  margin: 0 15px;
}
.payroll__email-addresses .phone, .payroll__payroll-history .phone, .payroll__accounts .phone,
.giving__email-addresses .phone,
.giving__payroll-history .phone,
.giving__accounts .phone {
  background-color: #fff;
  min-height: 100px;
}
.payroll__email-addresses .number, .payroll__payroll-history .number, .payroll__accounts .number,
.giving__email-addresses .number,
.giving__payroll-history .number,
.giving__accounts .number {
  padding-left: 60px;
}
.payroll__email-addresses .sms_giving_number, .payroll__payroll-history .sms_giving_number, .payroll__accounts .sms_giving_number,
.giving__email-addresses .sms_giving_number,
.giving__payroll-history .sms_giving_number,
.giving__accounts .sms_giving_number {
  padding-left: 10%;
}
.payroll__email-addresses .togglebtns, .payroll__payroll-history .togglebtns, .payroll__accounts .togglebtns,
.giving__email-addresses .togglebtns,
.giving__payroll-history .togglebtns,
.giving__accounts .togglebtns {
  float: right;
  padding-right: 60px;
}
.payroll__email-addresses .phoneinput, .payroll__payroll-history .phoneinput, .payroll__accounts .phoneinput,
.giving__email-addresses .phoneinput,
.giving__payroll-history .phoneinput,
.giving__accounts .phoneinput {
  margin-left: 60px;
}
.payroll__email-addresses .scheduled-gifts-table-header, .payroll__payroll-history .scheduled-gifts-table-header, .payroll__accounts .scheduled-gifts-table-header,
.giving__email-addresses .scheduled-gifts-table-header,
.giving__payroll-history .scheduled-gifts-table-header,
.giving__accounts .scheduled-gifts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #727272;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  letter-spacing: 1px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.payroll__email-addresses table, .payroll__payroll-history table, .payroll__accounts table,
.giving__email-addresses table,
.giving__payroll-history table,
.giving__accounts table {
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin: 15px 0;
  padding: 0;
  width: 100%;
}
.payroll__email-addresses table thead tr, .payroll__payroll-history table thead tr, .payroll__accounts table thead tr,
.giving__email-addresses table thead tr,
.giving__payroll-history table thead tr,
.giving__accounts table thead tr {
  background-color: #f1f1f1;
  border: 0;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  height: 40px;
}
.payroll__email-addresses table thead tr th, .payroll__payroll-history table thead tr th, .payroll__accounts table thead tr th,
.giving__email-addresses table thead tr th,
.giving__payroll-history table thead tr th,
.giving__accounts table thead tr th {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 500;
}
.payroll__email-addresses table thead tr.giving-sms-giving-table-header, .payroll__email-addresses table thead tr.giving-email-table-header, .payroll__email-addresses table thead tr.payroll-table-header, .payroll__email-addresses table thead tr.accounts-table-header, .payroll__payroll-history table thead tr.giving-sms-giving-table-header, .payroll__payroll-history table thead tr.giving-email-table-header, .payroll__payroll-history table thead tr.payroll-table-header, .payroll__payroll-history table thead tr.accounts-table-header, .payroll__accounts table thead tr.giving-sms-giving-table-header, .payroll__accounts table thead tr.giving-email-table-header, .payroll__accounts table thead tr.payroll-table-header, .payroll__accounts table thead tr.accounts-table-header,
.giving__email-addresses table thead tr.giving-sms-giving-table-header,
.giving__email-addresses table thead tr.giving-email-table-header,
.giving__email-addresses table thead tr.payroll-table-header,
.giving__email-addresses table thead tr.accounts-table-header,
.giving__payroll-history table thead tr.giving-sms-giving-table-header,
.giving__payroll-history table thead tr.giving-email-table-header,
.giving__payroll-history table thead tr.payroll-table-header,
.giving__payroll-history table thead tr.accounts-table-header,
.giving__accounts table thead tr.giving-sms-giving-table-header,
.giving__accounts table thead tr.giving-email-table-header,
.giving__accounts table thead tr.payroll-table-header,
.giving__accounts table thead tr.accounts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 35px;
}
.payroll__email-addresses table thead tr.giving-sms-giving-table-header th, .payroll__email-addresses table thead tr.giving-email-table-header th, .payroll__email-addresses table thead tr.payroll-table-header th, .payroll__email-addresses table thead tr.accounts-table-header th, .payroll__payroll-history table thead tr.giving-sms-giving-table-header th, .payroll__payroll-history table thead tr.giving-email-table-header th, .payroll__payroll-history table thead tr.payroll-table-header th, .payroll__payroll-history table thead tr.accounts-table-header th, .payroll__accounts table thead tr.giving-sms-giving-table-header th, .payroll__accounts table thead tr.giving-email-table-header th, .payroll__accounts table thead tr.payroll-table-header th, .payroll__accounts table thead tr.accounts-table-header th,
.giving__email-addresses table thead tr.giving-sms-giving-table-header th,
.giving__email-addresses table thead tr.giving-email-table-header th,
.giving__email-addresses table thead tr.payroll-table-header th,
.giving__email-addresses table thead tr.accounts-table-header th,
.giving__payroll-history table thead tr.giving-sms-giving-table-header th,
.giving__payroll-history table thead tr.giving-email-table-header th,
.giving__payroll-history table thead tr.payroll-table-header th,
.giving__payroll-history table thead tr.accounts-table-header th,
.giving__accounts table thead tr.giving-sms-giving-table-header th,
.giving__accounts table thead tr.giving-email-table-header th,
.giving__accounts table thead tr.payroll-table-header th,
.giving__accounts table thead tr.accounts-table-header th {
  color: #727272;
  font-size: 12px;
  letter-spacing: 1px;
}
.payroll__email-addresses table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__email-addresses table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__email-addresses table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__email-addresses table thead tr.accounts-table-header th .payroll-table-header__prefname, .payroll__payroll-history table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__payroll-history table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__payroll-history table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__payroll-history table thead tr.accounts-table-header th .payroll-table-header__prefname, .payroll__accounts table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__accounts table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__accounts table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__accounts table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__email-addresses table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__email-addresses table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__email-addresses table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__email-addresses table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__payroll-history table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__payroll-history table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__payroll-history table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__payroll-history table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__accounts table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__accounts table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__accounts table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__accounts table thead tr.accounts-table-header th .payroll-table-header__prefname {
  color: #4a2e67;
  font-size: 13px;
  font-weight: 500;
}
@keyframes greenToWhite {
  0% {
    background-color: #79a848;
  }
  100% {
    background-color: #fff;
  }
}
.payroll__email-addresses table tbody .new-row, .payroll__payroll-history table tbody .new-row, .payroll__accounts table tbody .new-row,
.giving__email-addresses table tbody .new-row,
.giving__payroll-history table tbody .new-row,
.giving__accounts table tbody .new-row {
  animation: greenToWhite 2s ease-out;
}
.payroll__email-addresses table tbody tr, .payroll__payroll-history table tbody tr, .payroll__accounts table tbody tr,
.giving__email-addresses table tbody tr,
.giving__payroll-history table tbody tr,
.giving__accounts table tbody tr {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 5px;
}
.payroll__email-addresses table tbody tr:last-child, .payroll__payroll-history table tbody tr:last-child, .payroll__accounts table tbody tr:last-child,
.giving__email-addresses table tbody tr:last-child,
.giving__payroll-history table tbody tr:last-child,
.giving__accounts table tbody tr:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.payroll__email-addresses table tbody tr .date,
.payroll__email-addresses table tbody tr .account, .payroll__payroll-history table tbody tr .date,
.payroll__payroll-history table tbody tr .account, .payroll__accounts table tbody tr .date,
.payroll__accounts table tbody tr .account,
.giving__email-addresses table tbody tr .date,
.giving__email-addresses table tbody tr .account,
.giving__payroll-history table tbody tr .date,
.giving__payroll-history table tbody tr .account,
.giving__accounts table tbody tr .date,
.giving__accounts table tbody tr .account {
  font-weight: 500;
}
.payroll__email-addresses table tbody tr .amount, .payroll__payroll-history table tbody tr .amount, .payroll__accounts table tbody tr .amount,
.giving__email-addresses table tbody tr .amount,
.giving__payroll-history table tbody tr .amount,
.giving__accounts table tbody tr .amount {
  text-align: right;
}
.payroll__email-addresses table tbody tr:hover, .payroll__payroll-history table tbody tr:hover, .payroll__accounts table tbody tr:hover,
.giving__email-addresses table tbody tr:hover,
.giving__payroll-history table tbody tr:hover,
.giving__accounts table tbody tr:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}
.payroll__email-addresses table tr, .payroll__payroll-history table tr, .payroll__accounts table tr,
.giving__email-addresses table tr,
.giving__payroll-history table tr,
.giving__accounts table tr {
  padding: 0 5px;
}
.payroll__email-addresses table tr .amount, .payroll__payroll-history table tr .amount, .payroll__accounts table tr .amount,
.giving__email-addresses table tr .amount,
.giving__payroll-history table tr .amount,
.giving__accounts table tr .amount {
  text-align: right;
}
.payroll__email-addresses table th,
.payroll__email-addresses table td, .payroll__payroll-history table th,
.payroll__payroll-history table td, .payroll__accounts table th,
.payroll__accounts table td,
.giving__email-addresses table th,
.giving__email-addresses table td,
.giving__payroll-history table th,
.giving__payroll-history table td,
.giving__accounts table th,
.giving__accounts table td {
  letter-spacing: 0.75px;
  padding: 10px;
  text-align: center;
}
.payroll__email-addresses table th.date, .payroll__email-addresses table th.account,
.payroll__email-addresses table td.date,
.payroll__email-addresses table td.account, .payroll__payroll-history table th.date, .payroll__payroll-history table th.account,
.payroll__payroll-history table td.date,
.payroll__payroll-history table td.account, .payroll__accounts table th.date, .payroll__accounts table th.account,
.payroll__accounts table td.date,
.payroll__accounts table td.account,
.giving__email-addresses table th.date,
.giving__email-addresses table th.account,
.giving__email-addresses table td.date,
.giving__email-addresses table td.account,
.giving__payroll-history table th.date,
.giving__payroll-history table th.account,
.giving__payroll-history table td.date,
.giving__payroll-history table td.account,
.giving__accounts table th.date,
.giving__accounts table th.account,
.giving__accounts table td.date,
.giving__accounts table td.account {
  color: #727272;
  font-size: 11px;
}
.payroll__email-addresses table th.date,
.payroll__email-addresses table td.date, .payroll__payroll-history table th.date,
.payroll__payroll-history table td.date, .payroll__accounts table th.date,
.payroll__accounts table td.date,
.giving__email-addresses table th.date,
.giving__email-addresses table td.date,
.giving__payroll-history table th.date,
.giving__payroll-history table td.date,
.giving__accounts table th.date,
.giving__accounts table td.date {
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.payroll__email-addresses table td, .payroll__payroll-history table td, .payroll__accounts table td,
.giving__email-addresses table td,
.giving__payroll-history table td,
.giving__accounts table td {
  color: #444;
  font-size: 12px;
}
.payroll__email-addresses table th, .payroll__payroll-history table th, .payroll__accounts table th,
.giving__email-addresses table th,
.giving__payroll-history table th,
.giving__accounts table th {
  color: #4a2e67;
  font-size: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 219px) {
  .payroll__email-addresses--small table thead tr.accounts-table-header, .payroll__payroll-history--small table thead tr.accounts-table-header, .payroll__accounts--small table thead tr.accounts-table-header,
.giving__email-addresses--small table thead tr.accounts-table-header,
.giving__payroll-history--small table thead tr.accounts-table-header,
.giving__accounts--small table thead tr.accounts-table-header {
    height: 50px;
  }
}
@media screen and (max-width: 600px) {
  .payroll__email-addresses--small .scheduled-gifts__title, .payroll__payroll-history--small .scheduled-gifts__title, .payroll__accounts--small .scheduled-gifts__title,
.giving__email-addresses--small .scheduled-gifts__title,
.giving__payroll-history--small .scheduled-gifts__title,
.giving__accounts--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__email-addresses--small .payroll-history-table__container, .payroll__payroll-history--small .payroll-history-table__container, .payroll__accounts--small .payroll-history-table__container,
.giving__email-addresses--small .payroll-history-table__container,
.giving__payroll-history--small .payroll-history-table__container,
.giving__accounts--small .payroll-history-table__container {
    margin: 0;
  }
  .payroll__email-addresses--small table, .payroll__payroll-history--small table, .payroll__accounts--small table,
.giving__email-addresses--small table,
.giving__payroll-history--small table,
.giving__accounts--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__email-addresses--small table thead .small-hidden-label, .payroll__payroll-history--small table thead .small-hidden-label, .payroll__accounts--small table thead .small-hidden-label,
.giving__email-addresses--small table thead .small-hidden-label,
.giving__payroll-history--small table thead .small-hidden-label,
.giving__accounts--small table thead .small-hidden-label {
    display: none;
  }
  .payroll__email-addresses--small table tr, .payroll__payroll-history--small table tr, .payroll__accounts--small table tr,
.giving__email-addresses--small table tr,
.giving__payroll-history--small table tr,
.giving__accounts--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__email-addresses--small table tr td, .payroll__payroll-history--small table tr td, .payroll__accounts--small table tr td,
.giving__email-addresses--small table tr td,
.giving__payroll-history--small table tr td,
.giving__accounts--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 40px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__email-addresses--small table tr td.date, .payroll__email-addresses--small table tr td.account, .payroll__payroll-history--small table tr td.date, .payroll__payroll-history--small table tr td.account, .payroll__accounts--small table tr td.date, .payroll__accounts--small table tr td.account,
.giving__email-addresses--small table tr td.date,
.giving__email-addresses--small table tr td.account,
.giving__payroll-history--small table tr td.date,
.giving__payroll-history--small table tr td.account,
.giving__accounts--small table tr td.date,
.giving__accounts--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__email-addresses--small table tr td.action, .payroll__payroll-history--small table tr td.action, .payroll__accounts--small table tr td.action,
.giving__email-addresses--small table tr td.action,
.giving__payroll-history--small table tr td.action,
.giving__accounts--small table tr td.action {
    height: 50px;
  }
  .payroll__email-addresses--small table tr td:last-child, .payroll__payroll-history--small table tr td:last-child, .payroll__accounts--small table tr td:last-child,
.giving__email-addresses--small table tr td:last-child,
.giving__payroll-history--small table tr td:last-child,
.giving__accounts--small table tr td:last-child {
    border-bottom: 0;
  }
  .payroll__email-addresses--small table tr td::before, .payroll__payroll-history--small table tr td::before, .payroll__accounts--small table tr td::before,
.giving__email-addresses--small table tr td::before,
.giving__payroll-history--small table tr td::before,
.giving__accounts--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 287px) {
  .payroll__email-addresses--small .scheduled-gifts__title, .payroll__payroll-history--small .scheduled-gifts__title, .payroll__accounts--small .scheduled-gifts__title,
.giving__email-addresses--small .scheduled-gifts__title,
.giving__payroll-history--small .scheduled-gifts__title,
.giving__accounts--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__email-addresses--small .payroll-history-table__container, .payroll__payroll-history--small .payroll-history-table__container, .payroll__accounts--small .payroll-history-table__container,
.giving__email-addresses--small .payroll-history-table__container,
.giving__payroll-history--small .payroll-history-table__container,
.giving__accounts--small .payroll-history-table__container {
    margin: 0;
  }
  .payroll__email-addresses--small table, .payroll__payroll-history--small table, .payroll__accounts--small table,
.giving__email-addresses--small table,
.giving__payroll-history--small table,
.giving__accounts--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__email-addresses--small table thead .small-hidden-label, .payroll__payroll-history--small table thead .small-hidden-label, .payroll__accounts--small table thead .small-hidden-label,
.giving__email-addresses--small table thead .small-hidden-label,
.giving__payroll-history--small table thead .small-hidden-label,
.giving__accounts--small table thead .small-hidden-label {
    display: none;
  }
  .payroll__email-addresses--small table thead.accounts-table-header, .payroll__payroll-history--small table thead.accounts-table-header, .payroll__accounts--small table thead.accounts-table-header,
.giving__email-addresses--small table thead.accounts-table-header,
.giving__payroll-history--small table thead.accounts-table-header,
.giving__accounts--small table thead.accounts-table-header {
    height: 65px;
  }
  .payroll__email-addresses--small table tr, .payroll__payroll-history--small table tr, .payroll__accounts--small table tr,
.giving__email-addresses--small table tr,
.giving__payroll-history--small table tr,
.giving__accounts--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__email-addresses--small table tr td, .payroll__payroll-history--small table tr td, .payroll__accounts--small table tr td,
.giving__email-addresses--small table tr td,
.giving__payroll-history--small table tr td,
.giving__accounts--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 65px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__email-addresses--small table tr td.date, .payroll__email-addresses--small table tr td.account, .payroll__payroll-history--small table tr td.date, .payroll__payroll-history--small table tr td.account, .payroll__accounts--small table tr td.date, .payroll__accounts--small table tr td.account,
.giving__email-addresses--small table tr td.date,
.giving__email-addresses--small table tr td.account,
.giving__payroll-history--small table tr td.date,
.giving__payroll-history--small table tr td.account,
.giving__accounts--small table tr td.date,
.giving__accounts--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__email-addresses--small table tr td.action, .payroll__payroll-history--small table tr td.action, .payroll__accounts--small table tr td.action,
.giving__email-addresses--small table tr td.action,
.giving__payroll-history--small table tr td.action,
.giving__accounts--small table tr td.action {
    height: 50px;
  }
  .payroll__email-addresses--small table tr td:last-child, .payroll__payroll-history--small table tr td:last-child, .payroll__accounts--small table tr td:last-child,
.giving__email-addresses--small table tr td:last-child,
.giving__payroll-history--small table tr td:last-child,
.giving__accounts--small table tr td:last-child {
    border-bottom: 0;
  }
  .payroll__email-addresses--small table tr td::before, .payroll__payroll-history--small table tr td::before, .payroll__accounts--small table tr td::before,
.giving__email-addresses--small table tr td::before,
.giving__payroll-history--small table tr td::before,
.giving__accounts--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
.payroll__details .more-gifts,
.giving__details .more-gifts {
  margin-bottom: 5px;
  text-align: right;
}
.payroll__details .more-gifts a,
.giving__details .more-gifts a {
  color: #0c6d51;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.payroll__details .more-gifts a:hover, .payroll__details .more-gifts a:focus, .payroll__details .more-gifts a:active,
.giving__details .more-gifts a:hover,
.giving__details .more-gifts a:focus,
.giving__details .more-gifts a:active {
  color: #084c38;
}
.payroll__details .scheduled-gifts__title,
.giving__details .scheduled-gifts__title {
  font-size: 16px;
  letter-spacing: 0.75px;
  margin-top: 0;
}
.payroll__details .scheduled-gifts__title.hide-lg,
.giving__details .scheduled-gifts__title.hide-lg {
  display: none;
}
.payroll__details .payroll-history-table__container,
.giving__details .payroll-history-table__container {
  margin: 0 15px;
}
.payroll__details .phone,
.giving__details .phone {
  background-color: #fff;
  min-height: 100px;
}
.payroll__details .number,
.giving__details .number {
  padding-left: 60px;
}
.payroll__details .sms_giving_number,
.giving__details .sms_giving_number {
  padding-left: 10%;
}
.payroll__details .togglebtns,
.giving__details .togglebtns {
  float: right;
  padding-right: 60px;
}
.payroll__details .phoneinput,
.giving__details .phoneinput {
  margin-left: 60px;
}
.payroll__details .scheduled-gifts-table-header,
.giving__details .scheduled-gifts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #727272;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  letter-spacing: 1px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.payroll__details table,
.giving__details table {
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin: 15px 0;
  padding: 0;
  width: 100%;
}
.payroll__details table thead tr,
.giving__details table thead tr {
  background-color: #f1f1f1;
  border: 0;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  height: 40px;
}
.payroll__details table thead tr th,
.giving__details table thead tr th {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 500;
}
.payroll__details table thead tr.giving-sms-giving-table-header, .payroll__details table thead tr.giving-email-table-header, .payroll__details table thead tr.payroll-table-header, .payroll__details table thead tr.accounts-table-header,
.giving__details table thead tr.giving-sms-giving-table-header,
.giving__details table thead tr.giving-email-table-header,
.giving__details table thead tr.payroll-table-header,
.giving__details table thead tr.accounts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 35px;
}
.payroll__details table thead tr.giving-sms-giving-table-header th, .payroll__details table thead tr.giving-email-table-header th, .payroll__details table thead tr.payroll-table-header th, .payroll__details table thead tr.accounts-table-header th,
.giving__details table thead tr.giving-sms-giving-table-header th,
.giving__details table thead tr.giving-email-table-header th,
.giving__details table thead tr.payroll-table-header th,
.giving__details table thead tr.accounts-table-header th {
  color: #727272;
  font-size: 12px;
  letter-spacing: 1px;
}
.payroll__details table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__details table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__details table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__details table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__details table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__details table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__details table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__details table thead tr.accounts-table-header th .payroll-table-header__prefname {
  color: #4a2e67;
  font-size: 13px;
  font-weight: 500;
}
.payroll__details table tbody tr,
.giving__details table tbody tr {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 5px;
}
.payroll__details table tbody tr:last-child,
.giving__details table tbody tr:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.payroll__details table tbody tr .date,
.payroll__details table tbody tr .account,
.giving__details table tbody tr .date,
.giving__details table tbody tr .account {
  font-weight: 500;
}
.payroll__details table tbody tr .amount,
.giving__details table tbody tr .amount {
  text-align: right;
}
.payroll__details table tr,
.giving__details table tr {
  padding: 0 5px;
}
.payroll__details table tr .amount,
.giving__details table tr .amount {
  text-align: right;
}
.payroll__details table th,
.payroll__details table td,
.giving__details table th,
.giving__details table td {
  letter-spacing: 0.75px;
  padding: 10px;
  text-align: center;
}
.payroll__details table th.date, .payroll__details table th.account,
.payroll__details table td.date,
.payroll__details table td.account,
.giving__details table th.date,
.giving__details table th.account,
.giving__details table td.date,
.giving__details table td.account {
  color: #727272;
  font-size: 11px;
}
.payroll__details table th.date,
.payroll__details table td.date,
.giving__details table th.date,
.giving__details table td.date {
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.payroll__details table td,
.giving__details table td {
  color: #444;
  font-size: 12px;
}
.payroll__details table th,
.giving__details table th {
  color: #4a2e67;
  font-size: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .payroll__details--small .scheduled-gifts__title,
.giving__details--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__details--small .payroll-history-table__container,
.giving__details--small .payroll-history-table__container {
    margin: 0;
  }
  .payroll__details--small table,
.giving__details--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__details--small table thead .small-hidden-label,
.giving__details--small table thead .small-hidden-label {
    display: none;
  }
  .payroll__details--small table tr,
.giving__details--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__details--small table tr td,
.giving__details--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 40px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__details--small table tr td.date, .payroll__details--small table tr td.account,
.giving__details--small table tr td.date,
.giving__details--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__details--small table tr td.action,
.giving__details--small table tr td.action {
    height: 50px;
  }
  .payroll__details--small table tr td:last-child,
.giving__details--small table tr td:last-child {
    border-bottom: 0;
  }
  .payroll__details--small table tr td::before,
.giving__details--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 279px) {
  .payroll__details--small .scheduled-gifts__title,
.giving__details--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__details--small .payroll-history-table__container,
.giving__details--small .payroll-history-table__container {
    margin: 0;
  }
  .payroll__details--small table,
.giving__details--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__details--small table thead .small-hidden-label,
.giving__details--small table thead .small-hidden-label {
    display: none;
  }
  .payroll__details--small table tr,
.giving__details--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__details--small table tr td,
.giving__details--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 70px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__details--small table tr td.date, .payroll__details--small table tr td.account,
.giving__details--small table tr td.date,
.giving__details--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__details--small table tr td.action,
.giving__details--small table tr td.action {
    height: 50px;
  }
  .payroll__details--small table tr td:last-child,
.giving__details--small table tr td:last-child {
    border-bottom: 0;
  }
  .payroll__details--small table tr td::before,
.giving__details--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 242px) {
  .payroll__details--small .scheduled-gifts__title,
.giving__details--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__details--small .btn-danger,
.giving__details--small .btn-danger {
    margin-top: 5px;
  }
  .payroll__details--small .payroll-history-table__container,
.giving__details--small .payroll-history-table__container {
    margin: 0;
  }
  .payroll__details--small table,
.giving__details--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__details--small table thead .small-hidden-label,
.giving__details--small table thead .small-hidden-label {
    display: none;
  }
  .payroll__details--small table tr,
.giving__details--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__details--small table tr td,
.giving__details--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 70px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__details--small table tr td.date, .payroll__details--small table tr td.account,
.giving__details--small table tr td.date,
.giving__details--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__details--small table tr td.action,
.giving__details--small table tr td.action {
    height: 50px;
  }
  .payroll__details--small table tr td:last-child,
.giving__details--small table tr td:last-child {
    border-bottom: 0;
    height: 100px;
  }
  .payroll__details--small table tr td::before,
.giving__details--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
.payroll__scheduled-gifts .more-gifts, .payroll__history .more-gifts,
.giving__scheduled-gifts .more-gifts,
.giving__history .more-gifts {
  margin-bottom: 5px;
  text-align: right;
}
.payroll__scheduled-gifts .more-gifts a, .payroll__history .more-gifts a,
.giving__scheduled-gifts .more-gifts a,
.giving__history .more-gifts a {
  color: #0c6d51;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.payroll__scheduled-gifts .more-gifts a:hover, .payroll__scheduled-gifts .more-gifts a:focus, .payroll__scheduled-gifts .more-gifts a:active, .payroll__history .more-gifts a:hover, .payroll__history .more-gifts a:focus, .payroll__history .more-gifts a:active,
.giving__scheduled-gifts .more-gifts a:hover,
.giving__scheduled-gifts .more-gifts a:focus,
.giving__scheduled-gifts .more-gifts a:active,
.giving__history .more-gifts a:hover,
.giving__history .more-gifts a:focus,
.giving__history .more-gifts a:active {
  color: #084c38;
}
.payroll__scheduled-gifts .scheduled-gifts__title, .payroll__history .scheduled-gifts__title,
.giving__scheduled-gifts .scheduled-gifts__title,
.giving__history .scheduled-gifts__title {
  font-size: 16px;
  letter-spacing: 0.75px;
  margin-top: 0;
}
.payroll__scheduled-gifts .scheduled-gifts__title.hide-lg, .payroll__history .scheduled-gifts__title.hide-lg,
.giving__scheduled-gifts .scheduled-gifts__title.hide-lg,
.giving__history .scheduled-gifts__title.hide-lg {
  display: none;
}
.payroll__scheduled-gifts .payroll-history-table__container, .payroll__history .payroll-history-table__container,
.giving__scheduled-gifts .payroll-history-table__container,
.giving__history .payroll-history-table__container {
  margin: 0 15px;
}
.payroll__scheduled-gifts .phone, .payroll__history .phone,
.giving__scheduled-gifts .phone,
.giving__history .phone {
  background-color: #fff;
  min-height: 100px;
}
.payroll__scheduled-gifts .number, .payroll__history .number,
.giving__scheduled-gifts .number,
.giving__history .number {
  padding-left: 60px;
}
.payroll__scheduled-gifts .sms_giving_number, .payroll__history .sms_giving_number,
.giving__scheduled-gifts .sms_giving_number,
.giving__history .sms_giving_number {
  padding-left: 10%;
}
.payroll__scheduled-gifts .togglebtns, .payroll__history .togglebtns,
.giving__scheduled-gifts .togglebtns,
.giving__history .togglebtns {
  float: right;
  padding-right: 60px;
}
.payroll__scheduled-gifts .phoneinput, .payroll__history .phoneinput,
.giving__scheduled-gifts .phoneinput,
.giving__history .phoneinput {
  margin-left: 60px;
}
.payroll__scheduled-gifts .scheduled-gifts-table-header, .payroll__history .scheduled-gifts-table-header,
.giving__scheduled-gifts .scheduled-gifts-table-header,
.giving__history .scheduled-gifts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #727272;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  letter-spacing: 1px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.payroll__scheduled-gifts .scheduled-gifts-table-header:hover, .payroll__history .scheduled-gifts-table-header:hover,
.giving__scheduled-gifts .scheduled-gifts-table-header:hover,
.giving__history .scheduled-gifts-table-header:hover {
  cursor: default;
}
.payroll__scheduled-gifts table, .payroll__history table,
.giving__scheduled-gifts table,
.giving__history table {
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin: 15px 0;
  padding: 0;
  width: 100%;
}
.payroll__scheduled-gifts table thead:hover, .payroll__history table thead:hover,
.giving__scheduled-gifts table thead:hover,
.giving__history table thead:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}
.payroll__scheduled-gifts table thead tr, .payroll__history table thead tr,
.giving__scheduled-gifts table thead tr,
.giving__history table thead tr {
  background-color: #f1f1f1;
  border: 0;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  height: 40px;
}
.payroll__scheduled-gifts table thead tr th, .payroll__history table thead tr th,
.giving__scheduled-gifts table thead tr th,
.giving__history table thead tr th {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 500;
}
.payroll__scheduled-gifts table thead tr.giving-sms-giving-table-header, .payroll__scheduled-gifts table thead tr.giving-email-table-header, .payroll__scheduled-gifts table thead tr.payroll-table-header, .payroll__scheduled-gifts table thead tr.accounts-table-header, .payroll__history table thead tr.giving-sms-giving-table-header, .payroll__history table thead tr.giving-email-table-header, .payroll__history table thead tr.payroll-table-header, .payroll__history table thead tr.accounts-table-header,
.giving__scheduled-gifts table thead tr.giving-sms-giving-table-header,
.giving__scheduled-gifts table thead tr.giving-email-table-header,
.giving__scheduled-gifts table thead tr.payroll-table-header,
.giving__scheduled-gifts table thead tr.accounts-table-header,
.giving__history table thead tr.giving-sms-giving-table-header,
.giving__history table thead tr.giving-email-table-header,
.giving__history table thead tr.payroll-table-header,
.giving__history table thead tr.accounts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 35px;
}
.payroll__scheduled-gifts table thead tr.giving-sms-giving-table-header th, .payroll__scheduled-gifts table thead tr.giving-email-table-header th, .payroll__scheduled-gifts table thead tr.payroll-table-header th, .payroll__scheduled-gifts table thead tr.accounts-table-header th, .payroll__history table thead tr.giving-sms-giving-table-header th, .payroll__history table thead tr.giving-email-table-header th, .payroll__history table thead tr.payroll-table-header th, .payroll__history table thead tr.accounts-table-header th,
.giving__scheduled-gifts table thead tr.giving-sms-giving-table-header th,
.giving__scheduled-gifts table thead tr.giving-email-table-header th,
.giving__scheduled-gifts table thead tr.payroll-table-header th,
.giving__scheduled-gifts table thead tr.accounts-table-header th,
.giving__history table thead tr.giving-sms-giving-table-header th,
.giving__history table thead tr.giving-email-table-header th,
.giving__history table thead tr.payroll-table-header th,
.giving__history table thead tr.accounts-table-header th {
  color: #727272;
  font-size: 12px;
  letter-spacing: 1px;
}
.payroll__scheduled-gifts table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__scheduled-gifts table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__scheduled-gifts table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__scheduled-gifts table thead tr.accounts-table-header th .payroll-table-header__prefname, .payroll__history table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__history table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__history table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__history table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__scheduled-gifts table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__scheduled-gifts table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__scheduled-gifts table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__scheduled-gifts table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__history table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__history table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__history table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__history table thead tr.accounts-table-header th .payroll-table-header__prefname {
  color: #4a2e67;
  font-size: 13px;
  font-weight: 500;
}
.payroll__scheduled-gifts table tbody tr, .payroll__history table tbody tr,
.giving__scheduled-gifts table tbody tr,
.giving__history table tbody tr {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 5px;
}
.payroll__scheduled-gifts table tbody tr:last-child, .payroll__history table tbody tr:last-child,
.giving__scheduled-gifts table tbody tr:last-child,
.giving__history table tbody tr:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.payroll__scheduled-gifts table tbody tr .date,
.payroll__scheduled-gifts table tbody tr .account, .payroll__history table tbody tr .date,
.payroll__history table tbody tr .account,
.giving__scheduled-gifts table tbody tr .date,
.giving__scheduled-gifts table tbody tr .account,
.giving__history table tbody tr .date,
.giving__history table tbody tr .account {
  font-weight: 500;
}
.payroll__scheduled-gifts table tbody tr .amount, .payroll__history table tbody tr .amount,
.giving__scheduled-gifts table tbody tr .amount,
.giving__history table tbody tr .amount {
  text-align: right;
}
.payroll__scheduled-gifts table tr, .payroll__history table tr,
.giving__scheduled-gifts table tr,
.giving__history table tr {
  padding: 0 5px;
}
.payroll__scheduled-gifts table tr .amount, .payroll__history table tr .amount,
.giving__scheduled-gifts table tr .amount,
.giving__history table tr .amount {
  text-align: right;
}
.payroll__scheduled-gifts table th,
.payroll__scheduled-gifts table td, .payroll__history table th,
.payroll__history table td,
.giving__scheduled-gifts table th,
.giving__scheduled-gifts table td,
.giving__history table th,
.giving__history table td {
  letter-spacing: 0.75px;
  padding: 10px 6px;
  text-align: center;
}
.payroll__scheduled-gifts table th.date, .payroll__scheduled-gifts table th.account,
.payroll__scheduled-gifts table td.date,
.payroll__scheduled-gifts table td.account, .payroll__history table th.date, .payroll__history table th.account,
.payroll__history table td.date,
.payroll__history table td.account,
.giving__scheduled-gifts table th.date,
.giving__scheduled-gifts table th.account,
.giving__scheduled-gifts table td.date,
.giving__scheduled-gifts table td.account,
.giving__history table th.date,
.giving__history table th.account,
.giving__history table td.date,
.giving__history table td.account {
  color: #727272;
  font-size: 11px;
}
.payroll__scheduled-gifts table th.date,
.payroll__scheduled-gifts table td.date, .payroll__history table th.date,
.payroll__history table td.date,
.giving__scheduled-gifts table th.date,
.giving__scheduled-gifts table td.date,
.giving__history table th.date,
.giving__history table td.date {
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.payroll__scheduled-gifts table td, .payroll__history table td,
.giving__scheduled-gifts table td,
.giving__history table td {
  color: #444;
  font-size: 12px;
}
.payroll__scheduled-gifts table th, .payroll__history table th,
.giving__scheduled-gifts table th,
.giving__history table th {
  color: #4a2e67;
  font-size: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .payroll__scheduled-gifts--small .scheduled-gifts__title, .payroll__history--small .scheduled-gifts__title,
.giving__scheduled-gifts--small .scheduled-gifts__title,
.giving__history--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__scheduled-gifts--small table, .payroll__history--small table,
.giving__scheduled-gifts--small table,
.giving__history--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__scheduled-gifts--small table thead, .payroll__history--small table thead,
.giving__scheduled-gifts--small table thead,
.giving__history--small table thead {
    display: none;
  }
  .payroll__scheduled-gifts--small table tr, .payroll__history--small table tr,
.giving__scheduled-gifts--small table tr,
.giving__history--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__scheduled-gifts--small table tr td, .payroll__history--small table tr td,
.giving__scheduled-gifts--small table tr td,
.giving__history--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 40px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__scheduled-gifts--small table tr td.date, .payroll__scheduled-gifts--small table tr td.account, .payroll__history--small table tr td.date, .payroll__history--small table tr td.account,
.giving__scheduled-gifts--small table tr td.date,
.giving__scheduled-gifts--small table tr td.account,
.giving__history--small table tr td.date,
.giving__history--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__scheduled-gifts--small table tr td.action, .payroll__history--small table tr td.action,
.giving__scheduled-gifts--small table tr td.action,
.giving__history--small table tr td.action {
    height: 50px;
  }
  .payroll__scheduled-gifts--small table tr td:last-child, .payroll__history--small table tr td:last-child,
.giving__scheduled-gifts--small table tr td:last-child,
.giving__history--small table tr td:last-child {
    border-bottom: 0;
  }
  .payroll__scheduled-gifts--small table tr td::before, .payroll__history--small table tr td::before,
.giving__scheduled-gifts--small table tr td::before,
.giving__history--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 279px) {
  .payroll__scheduled-gifts--small .scheduled-gifts__title, .payroll__history--small .scheduled-gifts__title,
.giving__scheduled-gifts--small .scheduled-gifts__title,
.giving__history--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__scheduled-gifts--small table, .payroll__history--small table,
.giving__scheduled-gifts--small table,
.giving__history--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__scheduled-gifts--small table thead, .payroll__history--small table thead,
.giving__scheduled-gifts--small table thead,
.giving__history--small table thead {
    display: none;
  }
  .payroll__scheduled-gifts--small table tr, .payroll__history--small table tr,
.giving__scheduled-gifts--small table tr,
.giving__history--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__scheduled-gifts--small table tr td, .payroll__history--small table tr td,
.giving__scheduled-gifts--small table tr td,
.giving__history--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 40px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__scheduled-gifts--small table tr td.date, .payroll__scheduled-gifts--small table tr td.account, .payroll__history--small table tr td.date, .payroll__history--small table tr td.account,
.giving__scheduled-gifts--small table tr td.date,
.giving__scheduled-gifts--small table tr td.account,
.giving__history--small table tr td.date,
.giving__history--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__scheduled-gifts--small table tr td.action, .payroll__history--small table tr td.action,
.giving__scheduled-gifts--small table tr td.action,
.giving__history--small table tr td.action {
    height: 50px;
  }
  .payroll__scheduled-gifts--small table tr td:last-child, .payroll__history--small table tr td:last-child,
.giving__scheduled-gifts--small table tr td:last-child,
.giving__history--small table tr td:last-child {
    border-bottom: 0;
    height: 100px;
  }
  .payroll__scheduled-gifts--small table tr td::before, .payroll__history--small table tr td::before,
.giving__scheduled-gifts--small table tr td::before,
.giving__history--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
.payroll__transactions .more-gifts, .payroll__ucc .more-gifts,
.giving__transactions .more-gifts,
.giving__ucc .more-gifts {
  margin-bottom: 5px;
  text-align: right;
}
.payroll__transactions .more-gifts a, .payroll__ucc .more-gifts a,
.giving__transactions .more-gifts a,
.giving__ucc .more-gifts a {
  color: #0c6d51;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.payroll__transactions .more-gifts a:hover, .payroll__transactions .more-gifts a:focus, .payroll__transactions .more-gifts a:active, .payroll__ucc .more-gifts a:hover, .payroll__ucc .more-gifts a:focus, .payroll__ucc .more-gifts a:active,
.giving__transactions .more-gifts a:hover,
.giving__transactions .more-gifts a:focus,
.giving__transactions .more-gifts a:active,
.giving__ucc .more-gifts a:hover,
.giving__ucc .more-gifts a:focus,
.giving__ucc .more-gifts a:active {
  color: #084c38;
}
.payroll__transactions .scheduled-gifts__title, .payroll__ucc .scheduled-gifts__title,
.giving__transactions .scheduled-gifts__title,
.giving__ucc .scheduled-gifts__title {
  font-size: 16px;
  letter-spacing: 0.75px;
  margin-top: 0;
}
.payroll__transactions .scheduled-gifts__title.hide-lg, .payroll__ucc .scheduled-gifts__title.hide-lg,
.giving__transactions .scheduled-gifts__title.hide-lg,
.giving__ucc .scheduled-gifts__title.hide-lg {
  display: none;
}
.payroll__transactions .payroll-history-table__container, .payroll__ucc .payroll-history-table__container,
.giving__transactions .payroll-history-table__container,
.giving__ucc .payroll-history-table__container {
  margin: 0 15px;
}
.payroll__transactions .phone, .payroll__ucc .phone,
.giving__transactions .phone,
.giving__ucc .phone {
  background-color: #fff;
  min-height: 100px;
}
.payroll__transactions .number, .payroll__ucc .number,
.giving__transactions .number,
.giving__ucc .number {
  padding-left: 60px;
}
.payroll__transactions .sms_giving_number, .payroll__ucc .sms_giving_number,
.giving__transactions .sms_giving_number,
.giving__ucc .sms_giving_number {
  padding-left: 10%;
}
.payroll__transactions .togglebtns, .payroll__ucc .togglebtns,
.giving__transactions .togglebtns,
.giving__ucc .togglebtns {
  float: right;
  padding-right: 60px;
}
.payroll__transactions .phoneinput, .payroll__ucc .phoneinput,
.giving__transactions .phoneinput,
.giving__ucc .phoneinput {
  margin-left: 60px;
}
.payroll__transactions .scheduled-gifts-table-header, .payroll__ucc .scheduled-gifts-table-header,
.giving__transactions .scheduled-gifts-table-header,
.giving__ucc .scheduled-gifts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #727272;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  letter-spacing: 1px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.payroll__transactions .scheduled-gifts-table-header:hover, .payroll__ucc .scheduled-gifts-table-header:hover,
.giving__transactions .scheduled-gifts-table-header:hover,
.giving__ucc .scheduled-gifts-table-header:hover {
  cursor: default;
}
.payroll__transactions table, .payroll__ucc table,
.giving__transactions table,
.giving__ucc table {
  background-color: #fff;
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  padding: 0;
  width: 100%;
}
.payroll__transactions table thead:hover, .payroll__ucc table thead:hover,
.giving__transactions table thead:hover,
.giving__ucc table thead:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}
.payroll__transactions table thead tr, .payroll__ucc table thead tr,
.giving__transactions table thead tr,
.giving__ucc table thead tr {
  background-color: #f1f1f1;
  border: 0;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  height: 40px;
}
.payroll__transactions table thead tr th, .payroll__ucc table thead tr th,
.giving__transactions table thead tr th,
.giving__ucc table thead tr th {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 500;
}
.payroll__transactions table thead tr.giving-sms-giving-table-header, .payroll__transactions table thead tr.giving-email-table-header, .payroll__transactions table thead tr.payroll-table-header, .payroll__transactions table thead tr.accounts-table-header, .payroll__ucc table thead tr.giving-sms-giving-table-header, .payroll__ucc table thead tr.giving-email-table-header, .payroll__ucc table thead tr.payroll-table-header, .payroll__ucc table thead tr.accounts-table-header,
.giving__transactions table thead tr.giving-sms-giving-table-header,
.giving__transactions table thead tr.giving-email-table-header,
.giving__transactions table thead tr.payroll-table-header,
.giving__transactions table thead tr.accounts-table-header,
.giving__ucc table thead tr.giving-sms-giving-table-header,
.giving__ucc table thead tr.giving-email-table-header,
.giving__ucc table thead tr.payroll-table-header,
.giving__ucc table thead tr.accounts-table-header {
  background-color: #fff;
  border: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 35px;
}
.payroll__transactions table thead tr.giving-sms-giving-table-header th, .payroll__transactions table thead tr.giving-email-table-header th, .payroll__transactions table thead tr.payroll-table-header th, .payroll__transactions table thead tr.accounts-table-header th, .payroll__ucc table thead tr.giving-sms-giving-table-header th, .payroll__ucc table thead tr.giving-email-table-header th, .payroll__ucc table thead tr.payroll-table-header th, .payroll__ucc table thead tr.accounts-table-header th,
.giving__transactions table thead tr.giving-sms-giving-table-header th,
.giving__transactions table thead tr.giving-email-table-header th,
.giving__transactions table thead tr.payroll-table-header th,
.giving__transactions table thead tr.accounts-table-header th,
.giving__ucc table thead tr.giving-sms-giving-table-header th,
.giving__ucc table thead tr.giving-email-table-header th,
.giving__ucc table thead tr.payroll-table-header th,
.giving__ucc table thead tr.accounts-table-header th {
  color: #727272;
  font-size: 12px;
  letter-spacing: 1px;
}
.payroll__transactions table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__transactions table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__transactions table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__transactions table thead tr.accounts-table-header th .payroll-table-header__prefname, .payroll__ucc table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname, .payroll__ucc table thead tr.giving-email-table-header th .payroll-table-header__prefname, .payroll__ucc table thead tr.payroll-table-header th .payroll-table-header__prefname, .payroll__ucc table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__transactions table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__transactions table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__transactions table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__transactions table thead tr.accounts-table-header th .payroll-table-header__prefname,
.giving__ucc table thead tr.giving-sms-giving-table-header th .payroll-table-header__prefname,
.giving__ucc table thead tr.giving-email-table-header th .payroll-table-header__prefname,
.giving__ucc table thead tr.payroll-table-header th .payroll-table-header__prefname,
.giving__ucc table thead tr.accounts-table-header th .payroll-table-header__prefname {
  color: #4a2e67;
  font-size: 13px;
  font-weight: 500;
}
.payroll__transactions table tbody tr, .payroll__ucc table tbody tr,
.giving__transactions table tbody tr,
.giving__ucc table tbody tr {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 5px;
}
.payroll__transactions table tbody tr:last-child, .payroll__ucc table tbody tr:last-child,
.giving__transactions table tbody tr:last-child,
.giving__ucc table tbody tr:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.payroll__transactions table tbody tr .date,
.payroll__transactions table tbody tr .account, .payroll__ucc table tbody tr .date,
.payroll__ucc table tbody tr .account,
.giving__transactions table tbody tr .date,
.giving__transactions table tbody tr .account,
.giving__ucc table tbody tr .date,
.giving__ucc table tbody tr .account {
  font-weight: 500;
}
.payroll__transactions table tbody tr .amount, .payroll__ucc table tbody tr .amount,
.giving__transactions table tbody tr .amount,
.giving__ucc table tbody tr .amount {
  text-align: right;
}
.payroll__transactions table tr, .payroll__ucc table tr,
.giving__transactions table tr,
.giving__ucc table tr {
  padding: 0 5px;
}
.payroll__transactions table tr .amount, .payroll__ucc table tr .amount,
.giving__transactions table tr .amount,
.giving__ucc table tr .amount {
  text-align: right;
}
.payroll__transactions table th,
.payroll__transactions table td, .payroll__ucc table th,
.payroll__ucc table td,
.giving__transactions table th,
.giving__transactions table td,
.giving__ucc table th,
.giving__ucc table td {
  letter-spacing: 0.75px;
  padding: 10px;
  text-align: center;
}
.payroll__transactions table th.date, .payroll__transactions table th.account,
.payroll__transactions table td.date,
.payroll__transactions table td.account, .payroll__ucc table th.date, .payroll__ucc table th.account,
.payroll__ucc table td.date,
.payroll__ucc table td.account,
.giving__transactions table th.date,
.giving__transactions table th.account,
.giving__transactions table td.date,
.giving__transactions table td.account,
.giving__ucc table th.date,
.giving__ucc table th.account,
.giving__ucc table td.date,
.giving__ucc table td.account {
  color: #727272;
  font-size: 11px;
}
.payroll__transactions table th.date,
.payroll__transactions table td.date, .payroll__ucc table th.date,
.payroll__ucc table td.date,
.giving__transactions table th.date,
.giving__transactions table td.date,
.giving__ucc table th.date,
.giving__ucc table td.date {
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.payroll__transactions table td, .payroll__ucc table td,
.giving__transactions table td,
.giving__ucc table td {
  color: #444;
  font-size: 12px;
}
.payroll__transactions table th, .payroll__ucc table th,
.giving__transactions table th,
.giving__ucc table th {
  color: #4a2e67;
  font-size: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 1100px) {
  .payroll__transactions--small .scheduled-gifts__title, .payroll__ucc--small .scheduled-gifts__title,
.giving__transactions--small .scheduled-gifts__title,
.giving__ucc--small .scheduled-gifts__title {
    display: block;
  }
  .payroll__transactions--small table, .payroll__ucc--small table,
.giving__transactions--small table,
.giving__ucc--small table {
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .payroll__transactions--small table thead, .payroll__ucc--small table thead,
.giving__transactions--small table thead,
.giving__ucc--small table thead {
    display: none;
  }
  .payroll__transactions--small table tr, .payroll__ucc--small table tr,
.giving__transactions--small table tr,
.giving__ucc--small table tr {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
    display: block;
    margin-bottom: 10px;
  }
  .payroll__transactions--small table tr td, .payroll__ucc--small table tr td,
.giving__transactions--small table tr td,
.giving__ucc--small table tr td {
    border-bottom: 1px dotted #d4d2d7;
    display: block;
    font-size: 12px;
    height: 40px;
    letter-spacing: 1px;
    text-align: right;
  }
  .payroll__transactions--small table tr td.date, .payroll__transactions--small table tr td.account, .payroll__ucc--small table tr td.date, .payroll__ucc--small table tr td.account,
.giving__transactions--small table tr td.date,
.giving__transactions--small table tr td.account,
.giving__ucc--small table tr td.date,
.giving__ucc--small table tr td.account {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
  }
  .payroll__transactions--small table tr td.action, .payroll__ucc--small table tr td.action,
.giving__transactions--small table tr td.action,
.giving__ucc--small table tr td.action {
    height: 50px;
  }
  .payroll__transactions--small table tr td:last-child, .payroll__ucc--small table tr td:last-child,
.giving__transactions--small table tr td:last-child,
.giving__ucc--small table tr td:last-child {
    border-bottom: 0;
  }
  .payroll__transactions--small table tr td::before, .payroll__ucc--small table tr td::before,
.giving__transactions--small table tr td::before,
.giving__ucc--small table tr td::before {
    color: #666;
    content: attr(data-label);
    float: left;
    font-size: 10px;
    text-transform: uppercase;
  }
}
.payroll__email-addresses table, .payroll__scheduled-gifts table, .payroll__giving-statements table, .payroll__accounts table, .payroll__history table, .payroll__transactions table, .payroll__details table, .payroll__ucc table,
.giving__email-addresses table,
.giving__scheduled-gifts table,
.giving__giving-statements table,
.giving__accounts table,
.giving__history table,
.giving__transactions table,
.giving__details table,
.giving__ucc table {
  margin-top: 0;
}

.table-input-full-width {
  width: 100%;
}

.baseline-table table td,
.baseline-table table th {
  border-bottom-width: 2px;
}
.baseline-table table thead tr {
  background-color: #f1f1f1;
  border: 0;
  border-bottom: 2px solid #cecece;
  border-top: 1px solid #cecece;
}
.baseline-table table thead tr th {
  border: 0;
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 500;
  padding: 1.3rem 1.5rem;
  text-transform: uppercase;
}
.baseline-table table tbody tr {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 5px;
}
.baseline-table table tbody tr:nth-of-type(odd) {
  background-color: #fbfbfb;
}
.baseline-table table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.baseline-table table tbody tr td {
  border: 0;
  color: #313131;
  font-size: 12px;
  padding: 0.75rem 0.5rem;
}

.yearbook_overview_container {
  overflow-x: auto;
}
.yearbook_overview_container .yearbook_overview_table {
  border-collapse: collapse;
  table-layout: fixed;
}
.yearbook_overview_container .yearbook_overview_cell {
  border: 1px solid #ccc;
  text-align: center;
  width: 25%;
}
.yearbook_overview_container .yearbook_overview_anchor {
  background: #fff;
  border: 1px solid #ccc;
  left: 0;
  position: sticky;
  width: 25%;
  z-index: 1;
}

.create-account__container,
.account__container {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin-top: 20px;
  padding: 20px;
}
.create-account__container .account-recovery-error,
.account__container .account-recovery-error {
  color: #f00;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  margin-top: -10px;
}
.create-account__container .account-recovery-error .new-account,
.account__container .account-recovery-error .new-account {
  color: #3b5998;
  float: right;
  font-size: 15px;
  font-weight: bold;
}
.create-account__container .account-recovery-error .new-account:hover,
.account__container .account-recovery-error .new-account:hover {
  cursor: pointer;
  text-decoration: underline;
}
.create-account__container .bold,
.account__container .bold {
  font-weight: 500;
}
.create-account__container .return,
.create-account__container .back,
.account__container .return,
.account__container .back {
  color: #3b5998;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 20px 0 0;
}
.create-account__container .return a,
.create-account__container .back a,
.account__container .return a,
.account__container .back a {
  color: #3b5998;
}
.create-account__container .back,
.account__container .back {
  font-size: 11px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}
.create-account__container .back:hover,
.account__container .back:hover {
  cursor: pointer;
  text-decoration: underline;
}
.create-account__container .list-group,
.account__container .list-group {
  margin-bottom: 0;
}
.create-account__container .list-group .username,
.account__container .list-group .username {
  color: #666;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.create-account__container .account-recovery-heading, .create-account__container .account-recovery-subheading,
.account__container .account-recovery-heading,
.account__container .account-recovery-subheading {
  font-weight: 300;
  letter-spacing: 0.5px;
}
.create-account__container .account-recovery-heading,
.account__container .account-recovery-heading {
  font-size: 24px;
  margin-bottom: 10px;
}
.create-account__container .account-recovery-subheading,
.account__container .account-recovery-subheading {
  margin-bottom: 20px;
}
.create-account__container .account-recovery-subheading small,
.account__container .account-recovery-subheading small {
  color: #3b5998;
  font-weight: 400;
}
.create-account__container .account-recovery-subheading small:hover,
.account__container .account-recovery-subheading small:hover {
  cursor: pointer;
  text-decoration: underline;
}
.create-account__container .first-last-name,
.account__container .first-last-name {
  width: 100%;
}
.create-account__container .first-last-name .firstname,
.create-account__container .first-last-name .lastname,
.account__container .first-last-name .firstname,
.account__container .first-last-name .lastname {
  float: left;
  width: 49%;
}
.create-account__container .first-last-name .firstname,
.account__container .first-last-name .firstname {
  margin-right: 2%;
}
.create-account__container .location,
.account__container .location {
  width: 100%;
}
.create-account__container .location .zip,
.account__container .location .zip {
  float: left;
  width: 20%;
}
.create-account__container .location .country,
.create-account__container .location .state,
.account__container .location .country,
.account__container .location .state {
  float: left;
  margin-right: 2%;
  width: 38%;
}

section {
  clear: both;
  padding: 5px;
}
section .contact__container,
section .phone__container,
section .email__container,
section .address__container {
  padding-bottom: 5px;
  padding-top: 5px;
}
section .contact__container h5,
section .phone__container h5,
section .email__container h5,
section .address__container h5 {
  padding-top: 10px;
}
section .contact__container select,
section .phone__container select,
section .email__container select,
section .address__container select {
  margin-bottom: 15px;
  margin-top: 15px;
}
section .contact__container .contact-buttons,
section .phone__container .contact-buttons,
section .email__container .contact-buttons,
section .address__container .contact-buttons {
  bottom: 35px;
  position: relative;
}
section .contact__container select.contact-input,
section .contact__container input.contact-input,
section .phone__container select.contact-input,
section .phone__container input.contact-input,
section .email__container select.contact-input,
section .email__container input.contact-input,
section .address__container select.contact-input,
section .address__container input.contact-input {
  height: 30px;
  position: relative;
  top: 20px;
  width: 180px;
}
section .contact__container select.contact-input-primary,
section .phone__container select.contact-input-primary,
section .email__container select.contact-input-primary,
section .address__container select.contact-input-primary {
  height: 30px;
  margin-left: -60px;
  position: relative;
  top: 20px;
  width: 180px;
}
section .contact__container .edit-primary,
section .phone__container .edit-primary,
section .email__container .edit-primary,
section .address__container .edit-primary {
  margin-top: -32px;
}
section .contact__container input.contact-input,
section .phone__container input.contact-input,
section .email__container input.contact-input,
section .address__container input.contact-input {
  top: 30px;
}
section .contact__container button.edit-button,
section .phone__container button.edit-button,
section .email__container button.edit-button,
section .address__container button.edit-button {
  height: 30px;
  width: 80px;
}
section div.contact-buttons {
  float: right;
  font-size: 14px;
}
section div.contact-buttons button {
  display: block;
  margin: 5px;
  width: 112px;
}
section div.contact-input-add {
  position: relative;
  top: 10px;
}
section input.contact-input-add {
  position: relative;
  top: 30px;
}
section div.contact-buttons-add {
  bottom: 50px;
  left: 200px;
  position: relative;
}
section div.contact-buttons-add button {
  display: block;
  margin: 5px;
  width: 112px;
}
section .edit-button,
section .add-button {
  background: none;
  border: 0;
  float: right;
}
section .other-pronoun {
  margin-bottom: 5px;
}
section .all-address-lines {
  background: none;
  border: 0;
  float: right;
  margin-top: -2%;
}
section .add-button {
  float: none;
  margin-left: 30%;
  margin-right: 30%;
  width: 40%;
}

button.btn-secondary {
  background: #d3d3d3;
}

input {
  padding: 4px;
}

.primary-badge {
  background-color: #ff0;
  color: #000;
}

.primary-badge-edit {
  background-color: #ff0;
  color: #000;
  margin-bottom: 4px;
  margin-top: -38px;
}

.sweet-alert {
  max-height: 70%;
  overflow-y: auto;
}
.sweet-alert .sa-button-container.create-action-spacing {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-height: 820px) {
  .sa-mobile-mod .sa-icon {
    display: none !important;
  }
}
.organization-search h3 {
  font-weight: 100;
}

.organization_logo {
  max-height: 40px;
  max-width: 40px;
}

.scroll-button {
  background: none;
  border: 0;
  height: 100%;
  transform: translateY(35px);
}

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.scrolling-wrapper .recent-org-card {
  display: inline-block;
  padding: 20px 30px;
}
.scrolling-wrapper .recent-org-card__logo-container {
  height: 50px;
  padding: 0 0 10px;
}
.scrolling-wrapper .recent-org-card img {
  height: 100%;
}
.scrolling-wrapper .recent-org-card__title {
  font-size: 16px;
  font-weight: 600;
}

.grecaptcha-badge {
  visibility: hidden;
}

.show-recaptcha-badge .grecaptcha-badge {
  visibility: visible;
}

.engage-settings-form {
  margin: 20px 0 120px;
}
.engage-settings-form .form-label {
  font-weight: bold;
}
.engage-settings-form textarea {
  resize: vertical;
}
.engage-settings-form input[type=number] {
  text-align: right !important;
}

.add-email-button {
  height: 45px;
}

.email-badge {
  border-radius: 20px;
  margin: 5px 10px;
}
.email-badge .email-badge-remove {
  margin-left: 7px;
}

.settings-logo-preview {
  height: 100px;
  margin: 20px 0;
  width: 100px;
}
.settings-logo-preview.wide {
  width: fit-content;
}

.ms-container {
  width: 100%;
}

.giving-link-display {
  background-color: #eee;
  color: #3b5998;
  height: auto;
  padding: 10px;
}
.giving-link-display a {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.7px;
  overflow-wrap: break-word;
}

.giving-funds-table > tbody > tr > td {
  vertical-align: middle;
}

.sms-number-display {
  font-size: 16px;
}

.engage-settings-form-buttons button {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .engage-settings-form-buttons button {
    margin-bottom: 15px;
  }
}

.engage-settings-form-buttons-no-dropdown {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  position: fixed;
  right: 0;
  top: 74px;
  width: 100%;
  z-index: 550;
}
.engage-settings-form-buttons-no-dropdown button {
  margin: 9px;
}
@media screen and (max-width: 768px) {
  .engage-settings-form-buttons-no-dropdown button {
    margin-bottom: 15px;
  }
}

.engage-settings-form-buttons-scroll {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  position: fixed;
  right: 72px;
  top: 74px;
  width: 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .engage-settings-form-buttons-scroll {
    height: 47px;
    right: 41px;
    width: 50%;
  }
}
@media (max-width: 767px) and (max-width: 457px) {
  .engage-settings-form-buttons-scroll {
    right: 0;
    top: 114px;
    width: 100%;
  }
}
.engage-settings-form-buttons-scroll button {
  margin: 9px;
}
@media screen and (max-width: 768px) {
  .engage-settings-form-buttons-scroll button {
    margin-bottom: 15px;
  }
}

.view-draft {
  margin-right: 129px !important;
}

.settings-section,
.form-group-section {
  margin-bottom: 30px;
}
.settings-section span,
.form-group-section span {
  overflow-x: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.merchant-section {
  border: 1px solid #e1e3e7;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.merchant-section .merchant-header {
  text-align: center;
}
.merchant-section span {
  white-space: unset !important;
}

.engage-settings-section-buttons button {
  margin-right: 10px;
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .settings-nav-menu {
    position: fixed;
  }
}

.phone-image {
  height: 10%;
  margin-right: 1%;
  width: 7%;
}

.phone-number {
  display: inline;
  margin-right: 3%;
}

.giving-profile-container {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  padding: 10px 0;
}
.giving-profile-container .section-label-container {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.21);
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.giving-profile-container .section-label-container label {
  font-size: 12px;
}

.radio-button-container input {
  margin-left: 10px;
  margin-right: 5px;
  transform: translateY(1px);
}
.radio-button-container label {
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
}

.paginated-display-buttons button {
  min-width: 50px;
}
.paginated-display-buttons .page-number-display p {
  margin: 6px 0;
}

.ember-power-select-trigger {
  height: 45px;
  line-height: 3;
}

.church-select {
  width: 55%;
}

.pic_div {
  display: flex;
}
@media screen and (max-width: 580px) {
  .pic_div {
    flex-direction: column;
  }
}

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

.churchpic_div {
  border-left: solid #dddcdc;
  display: table-cell;
  height: 100%;
  line-height: 400px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.picbutton_div1 {
  padding: 20px;
}

.picbutton_div2 {
  border-left: solid #dddcdc;
  padding: 20px;
}

.picbutton_div3 {
  border-left: solid #dddcdc;
  padding: 20px;
}

.button_split {
  margin: 2px auto;
  min-width: 48%;
}
.button_split.image {
  width: 100%;
}
.button_split.image:hover {
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 276px) {
  .button_split {
    min-width: 100%;
  }
}

.church_pic {
  max-height: 400px;
  max-width: 100%;
}

.padding10 {
  padding: 10px;
}

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

.status-button {
  border-color: #555;
}

.selected-status {
  height: 30%;
  width: 20%;
}

.not-email-statement {
  display: inline;
  margin-left: 5px;
}

.main-content.embedded .giving__new-gift {
  margin-top: -55px;
  max-width: 850px;
}

div.new-gift__container .giving__new-gift {
  max-width: 850px;
  width: 100%;
}
div.new-gift__container .giving__new-gift-banner, div.new-gift__container .giving__new-gift-title {
  height: fit-content;
  position: relative;
  width: 100%;
}
div.new-gift__container .giving__new-gift-banner {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 0;
  max-height: 20rem;
  overflow: hidden;
}
div.new-gift__container .giving__new-gift-banner img {
  height: auto;
  max-width: 100%;
  min-width: 10%;
  position: relative;
}
div.new-gift__container .giving__new-gift-banner.ovh {
  height: 20rem;
}
div.new-gift__container .giving__new-gift-banner.ovh img {
  height: 100%;
  width: auto;
}
div.new-gift__container .giving__new-gift-banner.low-width {
  height: fit-content !important;
}
div.new-gift__container .giving__new-gift-banner.low-width img {
  height: auto !important;
  width: 100% !important;
}
div.new-gift__container .giving__new-gift-title {
  padding: 2rem 0 0;
}
div.new-gift__container .giving__new-gift-title h3 {
  margin: 0;
  padding: 0;
}
div.new-gift__container .giving__new-gift-title h5 {
  color: #777;
  font-weight: 400;
  margin: 0.5rem 0 2rem;
}
div.new-gift__container .giving__new-gift-title h4 {
  color: #777;
}
div.new-gift__container .giving__new-gift-background {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
div.new-gift__container .giving__new-gift-background img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.new-gift__container .giving__new-gift-footer {
  height: fit-content;
  padding: 3rem 0 1.5rem;
  width: 100%;
}
div.new-gift__container .giving__new-gift-footer > div {
  margin: 0 auto;
  width: fit-content;
}
div.new-gift__container .giving__new-gift .footer-content {
  height: 250px;
  margin: 5rem 0 0;
}
div.new-gift__container .giving__new-gift .language-selection {
  background-color: #008000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 10rem;
}

.ui-toggle-sssi {
  display: inline-block;
  position: relative;
}
.ui-toggle-sssi.switch {
  height: 28px;
  width: 54px;
}
.ui-toggle-sssi.switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.ui-toggle-sssi.switch input:checked + .slider {
  background-color: #2196f3;
}
.ui-toggle-sssi.switch input:checked + .slider::before {
  -ms-transform: translateX(26px);
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
.ui-toggle-sssi.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
.ui-toggle-sssi.switch div.loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: -25%;
  position: absolute;
  top: 0;
  width: 10%;
}
.ui-toggle-sssi.switch .slider {
  -webkit-transition: 0.2s;
  background-color: #ccc;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.2s;
}
.ui-toggle-sssi.switch .slider::before {
  -webkit-transition: 0.2s;
  background-color: hwb(0 100% 0%);
  bottom: 4px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  transition: 0.2s;
  width: 20px;
}
.ui-toggle-sssi.switch .slider.round {
  border-radius: 34px;
}
.ui-toggle-sssi.switch .slider.round::before {
  border-radius: 50%;
}
.ui-toggle-sssi.switch.loading {
  pointer-events: none;
}
.ui-toggle-sssi.switch.loading input + .slider::before {
  -ms-transform: translateX(13px);
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}
.ui-toggle-sssi.switch.loading input:checked + .slider {
  background-color: #ccc;
}
.ui-toggle-sssi.switch.loading input:checked + .slider::before {
  -ms-transform: translateX(13px);
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}

div.btn-group {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  border: solid 1px hwb(215 42% 25%/0.231);
  border-radius: 4px;
  color: hwb(0 0% 100%/0.494);
  font-size: 12px;
  height: 35px;
  position: relative;
  user-select: none;
}
div.btn-group div {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1.42857143;
  white-space: nowrap;
}
div.btn-group div.base {
  background-color: hwb(215 85% 1%);
  z-index: 3;
}
div.btn-group div.selected {
  -moz-transition: right 0.1s ease-in-out;
  -webkit-transition: right 0.1s ease-in-out;
  background-color: hwb(0 100% 0%);
  border: solid 1px hwb(0 24% 76%/0.482);
  border-radius: 4px;
  color: hwb(0 0% 100%/0.8);
  cursor: default;
  position: absolute;
  top: 0;
  transition: right 0.1s ease-in-out;
  width: 51%;
  z-index: 4;
}
div.btn-group div.selected > div.loader {
  display: none;
  height: 100%;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  width: fit-content;
}
div.btn-group.disabled {
  opacity: 0.5;
}
div.btn-group.disabled, div.btn-group.loading {
  cursor: default;
  pointer-events: none;
}
div.btn-group.loading div.selected {
  color: hwb(0 85% 15%);
}
div.btn-group.loading div.selected > div.loader {
  display: block;
}
div.btn-group.loading.left div.selected {
  right: 44%;
}
div.btn-group.loading.right div.selected {
  right: 5%;
}
div.btn-group.left div.selected {
  right: 49%;
}
div.btn-group.right div.selected {
  right: 0%;
}

.profile__section-header {
  color: #555;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0;
  text-transform: uppercase;
}
.profile__loading-notice-mask {
  background: rgba(0, 0, 0, 0.63);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.profile__loading-notice {
  font-size: 1.2em;
  margin: 40vh 20vw;
  text-align: center;
}
.profile__loading-notice-user {
  font-size: 1.2em;
  margin: 20% 10% auto;
  text-align: center;
}
.profile__blurry-text {
  filter: blur(5px);
  padding: 6px;
}

div.profile__container.profile-visitor div.card.loading {
  align-items: center;
  background-color: hwb(215 85% 1%);
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}

.help__sub-heading, .help__info-box {
  text-align: center;
}
.help__sub-heading {
  margin-top: 10px;
}
.help__alert-container {
  padding-left: 15px;
  padding-right: 15px;
}
.help__alert-container .alert {
  margin-bottom: 10px;
}
.help__info-box-container {
  background-color: #fdfdfd;
  border: 1px solid #ddd;
  float: left;
  margin-bottom: 20px;
  width: 49%;
}
.help__info-box-container:first-child {
  margin-right: 2%;
}
.help__info-box-container a {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.help__info-box-container a:hover {
  cursor: pointer;
  text-decoration: none;
}
.help__info-box-container a:hover .cdmplus {
  background-color: #a90000;
  color: #fff;
}
.help__info-box-container a:hover .donorworks {
  background-color: #018b00;
  color: #fff;
}
@media screen and (max-width: 786px) {
  .help__info-box-container {
    width: 100%;
  }
  .help__info-box-container:first-child {
    margin-right: 0;
  }
}
.help__button-link {
  float: left;
  margin-left: 2%;
  width: 47%;
}
.help__info-box {
  color: #fff;
  font-weight: 500;
  padding-bottom: 15px;
  padding-top: 15px;
}
.help__info-box.cdmplus {
  background-color: #bc0000;
}
.help__info-box.cdmplus a:hover {
  color: #fff;
}
.help__info-box.donorworks {
  background-color: #029b00;
}
.help__info-box.donorworks a:hover {
  color: #fff;
}

.brand__cdmplus {
  color: #bc0000;
}
.brand__donorworks {
  color: #029b00;
}

.payroll-master-modal .modal-content {
  border-radius: 0;
  border-width: 0;
}
.payroll-master-modal .modal-header {
  border-bottom: 0;
  margin: 0;
}
.payroll-master-modal .modal-header p {
  color: #727272;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.75px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.payroll-master-modal .modal-body {
  padding: 0;
}
.payroll-master-modal .modal-body table {
  margin-top: 0;
}
.payroll-master-modal .modal-body .ph_table,
.payroll-master-modal .modal-body .ph_net {
  border-right: 0;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.vendor-import__container > .container {
  max-width: 1100px;
}
.vendor-import__dock {
  border-radius: 5px;
  width: 100%;
}
.vendor-import__dock > div {
  min-height: 1rem;
  padding: 0 1rem;
}
.vendor-import__dock > div.title {
  border-bottom: 1px solid #c4c4c4;
  display: flex;
  flex-direction: row;
  height: 45px;
}
.vendor-import__dock > div.title > div {
  overflow: hidden;
  text-transform: capitalize;
  width: 100%;
}
.vendor-import__dock > div.import {
  padding: 3rem;
}
.vendor-import__dock > div.import form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}
.vendor-import__dock > div.import form > div {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.vendor-import__dock > div.import form > div.form {
  justify-content: start;
}
.vendor-import__dock > div.import form > div.form label {
  font-size: 12px;
  margin: 0 !important;
  width: fit-content;
}
.vendor-import__dock > div.import form > div.form input[type=text] {
  flex-grow: 1;
}
.vendor-import__dock > div.import form > div.form button {
  width: fit-content;
}
.vendor-import__dock > div.import form > div.form input[type=file] {
  display: none;
}
.vendor-import__dock > div.import form > div.actions {
  justify-content: end;
}
.vendor-import__dock > div.import form div.readout {
  display: flex;
  flex-direction: column;
  min-height: 30px;
}
.vendor-import__dock > div.import form div.readout p,
.vendor-import__dock > div.import form div.readout ul, .vendor-import__dock > div.import form div.readout__status, .vendor-import__dock > div.import form div.readout__errors {
  width: 100%;
}
.vendor-import__dock > div.import form div.readout__status a {
  color: revert !important;
}
.vendor-import__dock > div.import form div.readout__status b {
  display: inline-block;
}
.vendor-import__dock > div.import form div.readout__status b.apply-shake {
  animation: shake 0.35s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.vendor-import__dock > div.import form div.readout__errors {
  max-height: 200px;
  overflow-y: scroll;
}
.vendor-import__dock > div.import form div.readout__errors ul {
  list-style-type: none;
  width: 100%;
}
.vendor-import__dock > div.import form div.readout__errors ul li {
  display: flex;
  flex-direction: row;
}
.vendor-import__dock > div.import form div.readout__errors ul li > div {
  align-items: start;
  display: flex;
}
.vendor-import__dock > div.import form div.readout__errors ul li > div:first-child {
  font-size: 8px;
  justify-content: center;
  padding: 1.5rem 1rem 0;
  width: 2rem;
}
.vendor-import__dock > div.import form div.readout__errors ul li > div:last-child {
  justify-content: start;
  padding: 1rem 1rem 0;
  width: calc(100% - 2rem);
}
.vendor-import__dock input {
  font-size: 12px;
  height: 25px;
}
.vendor-import__dock button {
  align-items: center;
  background-color: #f2f2f2;
  border: 2px solid #bbb;
  display: flex;
  justify-content: start;
  padding: 0.5rem 0.8rem;
  text-align: left;
}
.vendor-import__dock button:disabled {
  opacity: 0.7;
}

.card-event {
  padding-bottom: 10px;
  padding-top: 5px;
}

.v-align-event-card {
  margin-bottom: 25vh;
  margin-top: 25vh;
}

.component-store-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: calc(100% - 1rem);
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 1rem;
  width: 100%;
}
.component-store-container button,
.component-store-container div.count {
  border-radius: 30px;
}
.component-store-container button:disabled {
  background-color: #f5f5f5;
  opacity: 0.8;
  pointer-events: none;
}
.component-store-container input,
.component-store-container select {
  background-color: #e7e7e9;
  border: 0;
  border-radius: 20px;
  font-size: 1.2rem;
  padding: 0.5rem 1.5rem;
}
.component-store-container input:hover,
.component-store-container select:hover {
  background-color: #dcdcde;
}
.component-store-container input:focus,
.component-store-container select:focus {
  background-color: #fff;
}
.component-store-container input:disabled,
.component-store-container select:disabled {
  opacity: 0.7;
  pointer-events: none;
}
.component-store-container select:not([type=checkbox]),
.component-store-container input:not([type=checkbox]) {
  width: 100%;
}
.component-store-container select[type=checkbox],
.component-store-container input[type=checkbox] {
  cursor: pointer;
}
.component-store-container div.count {
  background-color: #f3f4f5;
  color: #202124;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
}
.component-store-container div.count.has-filter {
  background-color: #cbf0f8;
}
.component-store-container div.count.has-tag {
  background-color: #e9f2ff;
}
.component-store-container .component-store-header,
.component-store-container .component-store {
  display: flex;
  justify-content: center;
  width: 100%;
}
.component-store-container .component-store-header > .inner,
.component-store-container .component-store > .inner {
  max-width: 2200px;
  width: 100%;
}
.component-store-container .component-store-header {
  background-color: #f3f7fd;
  height: 60px;
  position: fixed;
  z-index: 200;
}
.component-store-container .component-store-header > .inner {
  align-items: center;
  display: flex;
  justify-content: start;
}
.component-store-container .component-store-header > .inner > .home-button {
  align-items: center;
  background-color: #f3f7fd;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  height: 60px;
  justify-content: center;
  padding: 0 2rem;
  position: relative;
  text-transform: uppercase;
  width: fit-content;
}
.component-store-container .component-store-header > .inner > .home-button small {
  color: #d3d3d3;
}
.component-store-container .component-store-header > .inner > .home-button:hover {
  background-color: transparent;
}
.component-store-container .component-store-header > .inner > .home-button:hover small {
  color: #1a73e8;
}
.component-store-container .component-store-header > .inner > .filters {
  background-color: transparent;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  flex-grow: 1;
  height: auto;
  padding: 0.5rem 1rem;
  position: relative;
}
.component-store-container .component-store-header > .inner > .filters::after {
  background-color: transparent;
  content: "";
  height: 100%;
  left: -10px;
  position: absolute;
  top: 0;
  width: 10px;
  z-index: -1;
}
.component-store-container .component-store-header > .inner > .filters:hover {
  background-color: transparent;
}
.component-store-container .component-store-header > .inner > .filters:hover::after {
  background-color: transparent;
}
.component-store-container .component-store-header > .inner > .filters ul {
  list-style-type: none;
}
.component-store-container .component-store-header > .inner > .filters ul li {
  float: left;
  margin: 0 1rem;
  position: relative;
}
.component-store-container .component-store-header > .inner > .filters ul li button {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 5px;
  display: flex;
  gap: 1rem;
  height: 35px;
  padding: 0 1.5rem;
  position: relative;
}
.component-store-container .component-store-header > .inner > .filters ul li button:hover, .component-store-container .component-store-header > .inner > .filters ul li button.active {
  background-color: #f3f4f5;
}
.component-store-container .component-store-header > .inner > .filters ul li div.dropdown-options {
  display: none;
  left: 0;
  right: unset;
}
.component-store-container .component-store-header > .inner > .filters ul li.active > button {
  background-color: #eeeeee;
}
.component-store-container .component-store-header > .inner > .filters ul li.active > button:hover {
  background-color: #e1e3e7;
}
.component-store-container .component-store-header > .inner > .filters ul li.active div.dropdown-options {
  display: flex;
  visibility: visible;
}
.component-store-container .component-store-header > .inner > .filters ul li.has-filters > button {
  background-color: #1a73e8;
  color: #fff;
  font-weight: 600;
}
.component-store-container .component-store-header > .inner > .filters ul li.has-filters > button:hover {
  background-color: #1c67cc;
}
.component-store-container .component-store-header > .inner > .filters ul li.has-filters div.dropdown-options div.option.selected {
  background-color: #e9f2ff;
  color: #202124;
  font-weight: 600;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers {
  align-items: center;
  border-radius: 20rem;
  display: flex;
  gap: 1rem;
  justify-content: start;
  padding: 0 3rem;
  width: 100%;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker {
  align-items: center;
  border-right: 1px solid #d2e3fc;
  display: flex;
  height: 100%;
  justify-content: start;
  min-width: 200px;
  position: relative;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker:first-child {
  min-width: 100px;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker span:not(.material-symbols-outlined) {
  font-size: 0.9em;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker span.material-symbols-outlined {
  font-size: 1.1em;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker button {
  background-color: transparent;
  font-size: 0.95em;
  margin: 0;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker button:hover {
  background-color: transparent;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker div.dropdown-options {
  min-width: 150px !important;
  width: unset !important;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker div.dropdown-options div.option {
  padding: 0.5rem 1rem;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker.active button {
  background-color: #f3f7fd;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker.active button:hover {
  background-color: #d2e3fc;
}
.component-store-container .component-store-header > .inner > .filters .componet-trackers .tracker.active div.dropdown-options {
  display: flex;
  visibility: visible;
}
.component-store-container .component-store {
  height: fit-content;
  margin: calc(60px + 2rem + 1rem) 0 0;
}
.component-store-container .component-store > .inner {
  align-items: start;
  display: flex;
  height: 100%;
  justify-content: start;
  padding: 0 1rem;
}
.component-store-container .component-store > .inner > .components-dock {
  background-color: #f9fafd;
  border-right: 1px solid #f3f7fd;
  flex-grow: 0;
  height: calc(100vh - calc(60px + 2rem + 1rem) - 1rem);
  left: 0;
  min-height: 100px;
  padding: 0 0 2rem;
  position: sticky;
  top: calc(60px + 2rem + 1rem);
  width: 300px;
  z-index: 100;
}
.component-store-container .component-store > .inner > .components-dock::after {
  background-color: #f9fafd;
  content: "";
  height: 30rem;
  left: 0;
  position: absolute;
  top: -30rem;
  width: 100%;
  z-index: 99;
}
.component-store-container .component-store > .inner > .components-dock > .inner {
  color: #343838;
  height: 100%;
  overflow-y: scroll;
  padding: 0 1rem;
}
.component-store-container .component-store > .inner > .components-dock > .inner h5 {
  font-size: 16px;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul {
  list-style-type: none;
  margin: 0 0 3rem;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul > li {
  cursor: pointer;
  padding: 0.5rem 0;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul > li small {
  color: #909494;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul > li:hover {
  background-color: #f3f7fd;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul > li.active {
  background-color: #cbf0f8;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  cursor: default;
  font-weight: 600;
  position: relative;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul > li.active small {
  color: #343838;
  font-weight: 600;
}
.component-store-container .component-store > .inner > .components-dock > .inner > ul > li.active::after {
  background-color: #cbf0f8;
  content: "";
  height: 100%;
  left: -10rem;
  position: absolute;
  top: 0;
  width: 10rem;
}
.component-store-container .component-store > .inner > .component-render {
  flex-grow: 1;
  height: fit-content;
  max-height: 100%;
  min-height: 500px;
  width: 100%;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-title {
  align-items: start;
  flex-direction: column;
  margin: 0 0 0.5rem;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-title > div {
  align-items: center;
  display: flex;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-title > div > button {
  border-radius: 5px;
  margin: 0 0.5rem;
  padding: 0;
  width: 40px;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  margin: 0 0 30rem;
  max-width: 1200px;
  overflow: visible;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings {
  background-color: #f4f7fc;
  border-radius: 10px;
  height: 100px;
  min-height: 5rem;
  overflow: hidden;
  position: relative;
  transition: height 0.1s ease-in-out, width 0.1s ease-in-out;
  width: 0;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: calc(100% - 4rem);
  left: 2rem;
  overflow-y: scroll;
  position: absolute;
  top: 2rem;
  width: calc(100% - 4rem);
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row {
  display: flex;
  flex-direction: row;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row h6 {
  margin-top: 0;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div {
  align-items: center;
  display: flex;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.name {
  justify-content: start;
  overflow: hidden;
  width: 125px;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle {
  width: 50px;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle button.null-toggle {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  display: flex;
  height: 25px;
  justify-content: center;
  position: relative;
  width: 25px;
  z-index: 2;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle button.null-toggle > span {
  color: #4a4a4a;
  font-size: 32px;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle button.null-toggle::after {
  background-color: #4a4a4a;
  border-radius: 50%;
  content: "";
  height: 0%;
  left: 50%;
  opacity: 0.1;
  position: absolute;
  top: 50%;
  transition: height 0.1s ease-in-out, width 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;
  width: 0%;
  z-index: -1;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle button.null-toggle:hover::after {
  height: 180%;
  left: -40%;
  top: -40%;
  width: 180%;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle button.null-toggle.active > span {
  color: #1a73e8;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.toggle button.null-toggle.active::after {
  background-color: #1a73e8;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row > div.input {
  width: calc(100% - 175px);
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-settings > div.component-settings-wrapper > .component-setting-row.title-row > div.name {
  width: 100%;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body .comp-label {
  margin-bottom: 1rem;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-body {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-body.view-only {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-body > div {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-body > div.component-body-input {
  border-right: 1px solid #d2e3fc;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body div.component-body > div .is-not-supported {
  align-items: start;
  background-color: rgba(255, 153, 0, 0.169);
  border-radius: 5px;
  display: flex;
  font-size: 0.95em;
  gap: 1rem;
  justify-content: start;
  margin: 1rem 0 0;
  padding: 1rem;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body.config-active div.component-settings {
  height: 250px;
  width: 450px;
}
.component-store-container .component-store > .inner > .component-render div.section-body__component div.section-body__component-body.config-active div.component-body {
  width: calc(100% - 450px);
}
.component-store-container .component-store > .inner .section {
  border-bottom: unset;
  border-color: #d8d8d8;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 3rem;
  overflow: hidden;
  transition: border-color 0.2s ease-in-out;
}
.component-store-container .component-store > .inner .section.active {
  border-bottom: 1px solid #d8d8d8;
  border-color: transparent;
  margin: 0 0 10rem;
  overflow: visible;
}
.component-store-container .component-store > .inner .section.active > .section-tags {
  height: min-content;
  padding: 1rem 2rem 3rem 70px;
}
.component-store-container .component-store > .inner .section.active > .section-body {
  height: min-content;
  padding: 1rem 2rem;
}
.component-store-container .component-store > .inner .section .title {
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  justify-content: start;
  position: relative;
}
.component-store-container .component-store > .inner .section .title button {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  height: 30px;
  justify-content: center;
  margin: 0 1rem;
}
.component-store-container .component-store > .inner .section .title button span {
  font-size: 22px;
}
.component-store-container .component-store > .inner .section .title button.settings-button {
  width: 50px;
}
.component-store-container .component-store > .inner .section .title button:hover {
  background-color: #eeeeee;
}
.component-store-container .component-store > .inner .section .title button.active {
  background-color: #e1e1e1;
}
.component-store-container .component-store > .inner .section .title > div.title-container {
  width: 100%;
}
.component-store-container .component-store > .inner .section .title > div.icon {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 20px;
  position: absolute;
  top: 0;
}
.component-store-container .component-store > .inner .section .title > div.icon > button {
  border-radius: 5px;
  margin: 0;
  padding: 0;
  width: 30px;
}
.component-store-container .component-store > .inner .section .title h4 {
  margin: 0 0 0 calc(30px + 10px);
}
.component-store-container .component-store > .inner .section .title h6 {
  color: #afafb9;
  font-weight: 400;
}
.component-store-container .component-store > .inner .section > .section-title {
  gap: 2rem;
  padding: 1rem 2rem;
  transition: background-color 0.1s ease-in-out;
}
.component-store-container .component-store > .inner .section > .section-tags {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 0.9em;
  gap: 1rem;
  height: 0;
  overflow: hidden;
  padding: 0;
}
.component-store-container .component-store > .inner .section > .section-tags button {
  background-color: transparent;
  color: rgba(24, 43, 77, 0.861);
}
.component-store-container .component-store > .inner .section > .section-tags button:hover {
  background-color: #f3f4f5;
}
.component-store-container .component-store > .inner .section > .section-tags button.active {
  background-color: #e9f2ff;
  color: #0c66e4;
}
.component-store-container .component-store > .inner .section > .section-body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 0;
  padding: 0;
  transition: height 0.1s ease-in-out;
}
.component-store-container .component-store > .inner .section[section-key=panes] > .section-body div.section-body__component, .component-store-container .component-store > .inner .section[section-key=pages] > .section-body div.section-body__component {
  margin: 2rem 0 0;
}
.component-store-container .component-store > .inner .section[section-key=panes] > .section-body div.section-body__component div.section-body__component-body, .component-store-container .component-store > .inner .section[section-key=pages] > .section-body div.section-body__component div.section-body__component-body {
  background-color: #fff;
}
.component-store-container .component-store > .inner .section[section-key=panes] .component-body-input, .component-store-container .component-store > .inner .section[section-key=pages] .component-body-input {
  border-right: 1px solid #eeeeee !important;
}
.component-store-container .component-store > .inner > .ember-view:last-child {
  padding: 0 0 5rem;
}

div.privacy-settings__container div.section-content {
  margin-bottom: 5rem;
  padding: 0 1.5rem;
  position: relative;
}
div.privacy-settings__container div.section-content:nth-child(1) {
  margin-bottom: 5rem;
}
div.privacy-settings__container div.settings-dock {
  border-radius: 4px;
  margin-bottom: 10px;
  opacity: 1;
  padding: 1rem 1em;
}
div.privacy-settings__container div.settings-dock div.setting {
  height: 4rem;
}
div.privacy-settings__container div.settings-dock div.setting > div {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0;
}
div.privacy-settings__container div.settings-dock div.setting > div:nth-child(1) {
  justify-content: left;
}
div.privacy-settings__container div.settings-dock div.setting > div:nth-child(1) small {
  left: 0;
  position: absolute;
  top: 60%;
}
div.privacy-settings__container div.settings-dock div.setting > div:nth-child(2) {
  justify-content: right;
}
div.privacy-settings__container div.settings-dock.multiple div.setting > div:nth-child(1) {
  padding: 0 0 0 1em;
}
div.privacy-settings__container div.section-header {
  height: fit-content;
}
div.privacy-settings__container div.section-header div {
  display: inline-block;
}
div.privacy-settings__container div.section-header div:nth-child(1) {
  color: hwb(0 37% 63%);
  font-weight: bold;
}
div.privacy-settings__container div.section-header div:nth-child(2) {
  color: hwb(0 0% 100%/0.35);
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-wrap: nowrap;
}
div.privacy-settings__container div.section-header div:nth-child(3) {
  font-size: 0.95em;
}
div.privacy-settings__container div.section-header div:nth-child(3) span {
  display: inline;
  margin: 0 1rem;
}
div.privacy-settings__container div.section-header div:nth-child(3) span.disabled {
  color: hwb(0 37% 63%);
  pointer-events: none;
}
div.privacy-settings__container div.section-header div:nth-child(3) span:nth-child(1) {
  margin: 0 1rem 0 5rem;
}
div.privacy-settings__container div.settings-preview {
  border-radius: 4px;
  padding: 2em;
}
div.privacy-settings__container.disabled div.settings-dock,
div.privacy-settings__container div.settings-dock._hidden {
  background-color: hwb(0 100% 0%/0);
  border: solid 1px hwb(0 24% 76%/0.15);
  opacity: 0.75;
}

div.settings-dock,
div.settings-preview {
  border: solid 1px hwb(0 24% 76%/0.222);
}

div.settings-section .subset {
  margin: 1rem 0 0;
}
div.settings-section .subset.alert {
  margin: 0 0 1rem;
  text-align: left;
  width: fit-content;
}
div.settings-section .form-label span {
  display: inline-block;
  margin: 0 1rem;
}
div.settings-section .list-group.is-saving {
  pointer-events: none;
}

.giving__giving-statements .top-row,
.giving__giving-statements .bottom-row {
  margin: 0 0 2rem;
  position: relative;
  width: 100%;
}
.giving__giving-statements .top-row .batch-attributes,
.giving__giving-statements .top-row .bulk-actions,
.giving__giving-statements .bottom-row .batch-attributes,
.giving__giving-statements .bottom-row .bulk-actions {
  align-items: center;
  display: flex;
  justify-content: right;
  position: absolute;
  right: 0;
  width: calc(100% - 250px);
}
.giving__giving-statements .top-row .batch-attributes > button,
.giving__giving-statements .top-row .bulk-actions > button,
.giving__giving-statements .bottom-row .batch-attributes > button,
.giving__giving-statements .bottom-row .bulk-actions > button {
  margin: 0 0 0 1rem;
}
.giving__giving-statements .top-row .batch-attributes,
.giving__giving-statements .bottom-row .batch-attributes {
  height: 100%;
  margin: 0 1rem 0 0;
  overflow: hidden;
  top: 0;
  white-space: nowrap;
}
.giving__giving-statements .top-row .batch-attributes .title,
.giving__giving-statements .bottom-row .batch-attributes .title {
  font-weight: bold;
  margin: 0 3px 0 0;
}
.giving__giving-statements .top-row .batch-attributes .attribute,
.giving__giving-statements .bottom-row .batch-attributes .attribute {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 25px;
  font-size: 0.9em;
  margin: 0 0 0 1rem;
  max-width: 50rem;
  overflow: hidden;
  padding: 1rem 1.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.giving__giving-statements .top-row .bulk-actions,
.giving__giving-statements .bottom-row .bulk-actions {
  height: 45px;
  padding: 0 2.8rem 0 0;
  top: calc(100% + 2rem);
}
.giving__giving-statements .top-row.has-attributes,
.giving__giving-statements .bottom-row.has-attributes {
  margin: 0 0 5rem;
}
.giving__giving-statements .top-row.has-attributes .bulk-actions,
.giving__giving-statements .bottom-row.has-attributes .bulk-actions {
  top: calc(100% + 5rem);
}
.giving__giving-statements.index .models-table-wrapper th:nth-child(5),
.giving__giving-statements.index .models-table-wrapper td:nth-child(5) {
  max-width: 15rem;
}
.giving__giving-statements.detail .models-table-wrapper th:nth-child(2),
.giving__giving-statements.detail .models-table-wrapper td:nth-child(2) {
  width: 30rem;
}
.giving__giving-statements.detail .models-table-wrapper th:nth-child(6),
.giving__giving-statements.detail .models-table-wrapper td:nth-child(6) {
  width: 20rem;
}
.giving__giving-statements .giving-statements-table__container .generate-statement {
  background-color: hwb(0 100% 0%);
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 hwb(0 0% 100%/0.21);
  padding: 20px;
}
.giving__giving-statements .giving-statements-table__container .section-generate-for .form-group .input {
  min-height: 10rem;
}
.giving__giving-statements .giving-statements-table__container .section-generate-for .form-group .input .inputs {
  border-left: 1px solid hwb(0 84% 16%);
  height: 100%;
}
.giving__giving-statements .giving-statements-table__container .section-generate-for .form-group .input .inputs .min {
  padding-left: 0;
}
.giving__giving-statements .giving-statements-table__container .section-generate-for .form-group .input .inputs .max {
  padding-right: 0;
}
.giving__giving-statements .giving-statements-table__container .section-generate-for .form-note {
  font-size: 0.9em;
  padding: 2rem 1rem;
  text-align: left;
}

.initial-search-box {
  max-width: 300px;
}

.build-finder {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  width: 100%;
}
.build-finder .material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24 !important;
}
.build-finder .search-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: start;
  width: 100%;
}
.build-finder .search-bar input[type=text] {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}
.build-finder .search-bar .filters {
  display: flex;
  gap: 1rem;
}
.build-finder .search-bar .filter {
  align-items: center;
  display: flex;
  gap: 5px;
  height: 20px;
}
.build-finder .search-bar .filter input {
  margin: 0;
}
.build-finder .search-bar .filter label {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .build-finder .search-bar {
    align-items: stretch;
    flex-direction: column;
  }
  .build-finder .search-bar .filters {
    justify-content: flex-start;
  }
}
.build-finder .results-bar {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: calc(100% - 30px - 1rem);
  justify-content: start;
}
.build-finder .results-bar .map-container {
  height: 100%;
  position: relative;
  width: 800px;
}
.build-finder .results-bar .map-blocker {
  background: rgba(255, 255, 255, 0);
  bottom: 0;
  cursor: wait;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.build-finder .results-bar .leaflet-container {
  height: 500px;
  max-width: 800px;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .build-finder .results-bar .leaflet-container {
    height: 350px;
  }
}
.build-finder .results-bar .leaflet-container .blocker {
  background-color: #000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.build-finder .results-bar .results-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: calc(100% - 500px);
  width: 100%;
}
.build-finder .results-bar .results-container .items {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: 500px;
  overflow-y: scroll;
  width: 100%;
}
.build-finder .results-bar .results-container .items .inline-header-styling {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  text-align: center;
}
.build-finder .results-bar .results-container .items .item {
  background-color: #fff;
  border-left: 3px solid #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem 1rem 1rem calc(1rem - 3px);
}
.build-finder .results-bar .results-container .items .item:hover {
  background-color: #f4f6fb;
  border-left: 3px solid #f4f6fb;
}
.build-finder .results-bar .results-container .items .item.active {
  border-left: 3px solid #1b73e8;
}
.build-finder .results-bar .results-container .items .item.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.build-finder .results-bar .results-container .items .item .details .name {
  font-size: 15px;
}
.build-finder .results-bar .results-container .items .item .details .distance {
  color: #266d00;
  font-size: 13px;
  margin: 3px 0;
}
.build-finder .results-bar .results-container .items .item .details .phone {
  margin: 3px 0 0;
}
.build-finder .results-bar .results-container .items .item .dock {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: start;
}
.build-finder .results-bar .results-container .items .item .badges .fbadge {
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  padding: 5px 10px;
}
.build-finder .results-bar .results-container .items .item .badges .fbadge span {
  font-size: 12px;
  font-weight: 500;
}
.build-finder .results-bar .results-container .items .item .badges .fbadge span.material-symbols-outlined {
  font-size: 18px;
}
.build-finder .results-bar .results-container .items .item .badges .fbadge.accessible {
  background-color: #e6f5ea;
}
.build-finder .results-bar .results-container .items .item .badges .fbadge.accessible span {
  color: #198139;
}
.build-finder .results-bar .results-container .items .item .badges .fbadge.open_and_affirming {
  background-color: #fef7e1;
}
.build-finder .results-bar .results-container .items .item .actions {
  border-radius: 5px;
}
.build-finder .results-bar .results-container .items .item .actions .action {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 20px;
  display: flex;
  height: fit-content;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.build-finder .results-bar .results-container .items .item .actions .action a:hover, .build-finder .results-bar .results-container .items .item .actions .action a:active, .build-finder .results-bar .results-container .items .item .actions .action a:focus {
  color: unset;
  text-decoration: none;
}
.build-finder .results-bar .results-container .items .item .actions .action a > div {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  padding: 0.5rem 1rem;
}
.build-finder .results-bar .results-container .items .item .actions .action a > div span.material-symbols-outlined {
  color: #1b73e8;
  font-size: 18px;
}
.build-finder .results-bar .results-container .items .item .actions .action.active {
  background-color: #1b73e8;
  border: 1px solid #135cbd;
}
.build-finder .results-bar .results-container .items .item .actions .action.active a > div span {
  color: #fff;
}
.build-finder.loading .filter {
  opacity: 0.9;
}
.build-finder.loading .filter input {
  pointer-events: none;
}
.build-finder.loading .ember-google-map {
  opacity: 0.8;
  pointer-events: none;
}

@media screen and (min-width: 750px) {
  .build-finder .results-bar {
    align-items: start;
    flex-direction: row;
    height: 500px;
    justify-content: start;
  }
  .build-finder .results-bar .ember-google-map {
    height: 100%;
    max-width: 750px;
    width: calc(100% - 300px);
  }
  .build-finder .results-bar .results-container {
    height: 100%;
    width: 300px;
  }
}
.search-bar {
  align-items: center !important;
  display: flex;
  flex-direction: row;
}

.filter-bar-component {
  align-items: center;
  display: flex;
  gap: 1rem;
}

.gte-result-table-container {
  margin-left: 15px !important;
  max-height: 500px;
  overflow-x: auto;
  overflow-y: auto;
}

.inline-header-styling {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 0.5rem;
  margin: 0;
}

.gte-result-table {
  border-collapse: collapse;
  min-width: 100%;
  width: max-content;
}
.gte-result-table tbody tr:nth-child(odd) {
  background-color: #f6f6f6;
}

.gte-result-table thead th {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}

.gte-result-table th:not(:last-child) {
  cursor: pointer;
  user-select: none;
}

.gte-result-table th:not(:last-child):hover {
  background-color: #f0f0f0;
}

.gte-result-table th,
.gte-result-table td {
  border: 0;
  overflow-wrap: break-word;
  padding: 4px;
  white-space: normal;
  word-wrap: break-word;
}

.gte-result-table th .material-symbols-outlined {
  font-size: 16px;
  margin-left: 4px;
  vertical-align: middle;
}

/* Column widths */
.gte-result-table th:nth-child(1),
.gte-result-table td:nth-child(1) {
  width: 160px;
}

.gte-result-table th:nth-child(2),
.gte-result-table td:nth-child(2) {
  width: 160px;
}

.gte-result-table th:nth-child(3),
.gte-result-table td:nth-child(3) {
  width: 160px;
}

.gte-result-table th:nth-child(4),
.gte-result-table td:nth-child(4) {
  width: 160px;
}

.gte-result-table th:nth-child(5),
.gte-result-table td:nth-child(5) {
  width: 65px;
}

.gte-result-table th:nth-child(6),
.gte-result-table td:nth-child(6) {
  width: 65px;
}

.gte-result-table th:nth-child(7),
.gte-result-table td:nth-child(7) {
  width: 80px;
}

.header.engage {
  background-color: #3b5998;
}
.header.engage .header__dropdown {
  border-color: #899bc1;
}
.header.engage .header__dropdown .custom-dropdown-toggle {
  background-color: #3b5998;
}
.header.engage .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #293e6a;
}

.announcement-alert {
  margin-bottom: 0 !important;
}

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

.header.giving {
  background-color: #0c6d51;
}
.header.giving .header__dropdown {
  border-color: #6da796;
}
.header.giving .header__dropdown .custom-dropdown-toggle {
  background-color: #0c6d51;
}
.header.giving .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #084c38;
}

body .grecaptcha-badge {
  visibility: visible !important;
  z-index: 9999999999;
}

.header.payroll {
  background-color: #4a2e67;
}
.header.payroll .header__dropdown {
  border-color: #9281a3;
}
.header.payroll .header__dropdown .custom-dropdown-toggle {
  background-color: #4a2e67;
}
.header.payroll .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #332048;
}

.payroll__important {
  color: #4a2e67;
}
.payroll__no-payroll {
  color: #555;
  font-size: 20px;
  font-style: italic;
  letter-spacing: 0.5px;
  margin-top: 20px;
  text-align: center;
}

.header.events {
  background-color: #cd2228;
}
.header.events .header__dropdown {
  border-color: #f9c2c2;
}
.header.events .header__dropdown .custom-dropdown-toggle {
  background-color: #cd2228;
}
.header.events .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #b30000;
}

.header.billing {
  background-color: #e48d22;
}
.header.billing .header__dropdown {
  border-color: #f9c2c2;
}
.header.billing .header__dropdown .custom-dropdown-toggle {
  background-color: #e48d22;
}
.header.billing .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #ed8608;
}

.header.forms {
  background-color: #197177;
}
.header.forms .header__dropdown {
  border-color: #dffcfd;
}
.header.forms .header__dropdown .custom-dropdown-toggle {
  background-color: #197177;
}
.header.forms .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #25585c;
}

.header.admin {
  background-color: #555;
}
.header.admin .header__dropdown {
  border-color: #fff;
}
.header.admin .header__dropdown .custom-dropdown-toggle {
  background-color: #555;
}
.header.admin .header__dropdown .custom-dropdown-toggle:hover {
  background-color: #808080;
}

.alert-dark-green {
  background-color: #3c763d;
}

.ministry-table .clearFilterIcon {
  top: 20px !important;
}

.timeframe {
  color: #787878;
}

.panel-dark-green {
  border-color: #3c763d;
}
.panel-dark-green .panel-heading {
  background-color: #3c763d;
  border-color: #3c763d;
  color: #fff;
}

.panel-dark {
  border-color: #555;
}
.panel-dark .panel-heading {
  background-color: #555;
  border-color: #555;
  color: #fff;
}

.home-add-church-yearbook {
  background-color: transparent !important;
  border: 2px solid #c5c9d0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: calc(20px / 2) 0 0;
}

.download-yearbook-and-directory {
  background: transparent !important;
  border: 0 !important;
  padding: 0;
}

.ucc__container {
  margin: 0 auto 50px;
  max-width: 1200px;
}
.ucc__container .report-year {
  margin: 15px 0;
}
.ucc__container .report-year .report-year-container {
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  width: 100%;
}
.ucc__container .report-year .report-year-container .yb-description {
  margin: auto 0;
}
.ucc__container .report-year .report-year-container .yb-buttons {
  display: flex;
  gap: 5px;
}
.ucc__section__header {
  background-color: #c0e1ed;
  border-radius: 3px;
  margin: 15px 0;
  padding: 5px 0;
  text-align: center;
}
.ucc__section__header h2 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.ucc__section__content {
  padding: 5px;
}
.ucc__section__content .panel-title i {
  margin-right: 10px;
}
.ucc__section .minister-name {
  font-size: 20px;
}
.ucc__label {
  font-size: 100%;
  margin: 10px 0;
}
.ucc__label__green {
  background-color: #3c763d;
}
.ucc__label__yellow {
  background-color: #8a6d3b;
}
.ucc__label__red {
  background-color: #da291c;
}
.ucc__circulation__submit {
  background-color: #007ea9;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  height: 40px;
  width: 100%;
}
.ucc__request__row {
  min-height: 40px;
}

.ucc_list ul {
  padding-left: 3rem;
}

.visibility {
  width: 100%;
}

.completed {
  color: #79a848;
}

.edit-snapshot {
  float: right;
}

.header-after-photo {
  margin-top: 25%;
}

.ucc-contact-info {
  column-count: 2;
  column-gap: 40px;
}

.ucc-ministry-position-header {
  column-count: 2;
  column-gap: 40px;
  margin: 2%;
}

.validated-ministry-position-header {
  background-color: #fff;
  display: flex;
  padding: 25px 25px 25px 25px;
}
.validated-ministry-position-header img {
  margin-bottom: auto;
}

.snapshot-checkbox {
  cursor: not-allowed;
}

.reference-search-container {
  margin-bottom: 15px;
  min-height: 150px;
}

.reference-search-input button,
.snapshot-search-input button {
  min-height: 45px;
}

.snapshot-filter-label {
  font-size: 12px;
  line-height: 24px;
  text-transform: none;
}

.filter-selection-container {
  margin: 10px;
  min-width: 40vw;
}
.filter-selection-container .ms-selectable,
.filter-selection-container .ms-selection {
  background-color: #fff;
}
.filter-selection-container .form-label {
  font-weight: bold;
}

.profile_ucc {
  float: right;
  margin-left: 225px;
  margin-top: -75px;
}

.preferred_contact {
  float: right;
  margin-left: 262px;
  margin-top: -50px;
}

.ministry-essays {
  margin-top: -10px;
}

@media screen and (max-width: 767px) {
  .preferred_contact {
    float: right;
    margin-left: 270px;
    margin-top: -50px;
  }
}
@media screen and (max-width: 758px) {
  .preferred_contact {
    float: right;
    margin-left: 262px;
    margin-top: -50px;
  }
}
.profile_ucc_pic {
  margin-left: 272px;
  margin-top: -70px;
}

.contact-info {
  width: 50%;
}

.reference-search-match {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px;
}
.reference-search-match .reference-search-items {
  display: flex;
  justify-content: space-between;
}
.reference-search-match .reference-search-items h4, .reference-search-match .reference-search-items button {
  margin: auto 0;
}

.search-table {
  margin-bottom: 2%;
  width: 70%;
}
.search-table thead {
  margin-bottom: 4px;
}
.search-table thead th {
  background-color: #555;
  border-radius: 5px;
  color: #fff;
  padding-left: 6px;
}

.ucc-column-group {
  break-inside: avoid-column;
}

.ucc-group {
  break-inside: avoid;
}
.ucc-group .ucc-text {
  margin-bottom: 2px;
  margin-left: 20px;
  margin-top: 2px;
}

.action-card-img {
  margin: -10px;
}

.card-indent {
  padding: 0 0 0 25px;
}

div.action-card.single-action {
  overflow: hidden;
  position: relative;
}
div.action-card.single-action .panel-heading,
div.action-card.single-action .panel-body {
  z-index: 5;
}
div.action-card.single-action .action-card-button-row {
  -moz-transition: height 0.1s, opacity 0.05s;
  -moz-transition-delay: 0.2s;
  -webkit-transition: height 0.1s, opacity 0.05s;
  -webkit-transition-delay: 0.2s;
  bottom: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  transition: height 0.1s, opacity 0.05s;
  transition-delay: 0.2s;
  width: 100%;
  z-index: 4;
}
div.action-card.single-action .action-card-button-row .action-card-button {
  background-color: transparent;
  border: 0;
}
div.action-card.single-action:hover {
  background-color: hwb(0 90% 10%);
}
div.action-card.single-action:hover .action-card-button-row {
  height: 30px;
  opacity: 1;
}
div.action-card.single-action:hover .action-card-button-row .action-card-button {
  background-color: transparent;
}

.action-card-button-row {
  display: flex;
}
.action-card-button-row .action-card-button {
  border-bottom: 0;
  flex: 1;
}
.action-card-button-row .action-card-button:first-child {
  border-left: 0;
  border-top-left-radius: 0;
}
.action-card-button-row .action-card-button:last-child {
  border-right: 0;
  border-top-right-radius: 0;
}

.reference-profile-image {
  border-radius: 4px;
  height: 75px;
}

.hide-header {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  float: left;
  outline: none;
  overflow: hidden;
}

.ucc-inline {
  display: inline;
}

.ucc-web-presences {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.ucc-web-presences > div.ucc-inline-column {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: start;
  padding: 0;
}
.ucc-web-presences > div.ucc-inline-column:first-child input {
  width: 100%;
}
.ucc-web-presences > div.ucc-inline-column > .swf-input > div > select {
  padding: 4px;
}
@media screen and (min-width: 645px) {
  .ucc-web-presences {
    flex-direction: row;
    gap: 10px;
  }
  .ucc-web-presences > div.ucc-inline-column {
    justify-content: center;
    width: 188px;
  }
  .ucc-web-presences > div.ucc-inline-column:first-child {
    flex-grow: 1;
    width: unset;
  }
  .ucc-web-presences > div.ucc-inline-column:last-child {
    justify-content: end;
    width: 124px;
  }
  .ucc-web-presences > div.ucc-inline-column > .swf-input > div > select {
    padding: 4px;
  }
}

.ucc-web-url {
  width: 200px;
}

.scrollx {
  -webkit-box-shadow: 0 0 1px 3px #000 inset;
  overflow-x: scroll;
}

.scrolly {
  height: 100vh;
  overflow-y: scroll;
}

.ucc-url {
  margin-bottom: 10px;
  width: 40%;
}

.ucc-signature {
  border: 1px solid #000;
  height: 200px;
  width: 100%;
}

.indent-radio {
  margin-left: 50px !important;
}

.indent-radio-other {
  margin-left: 100px !important;
}

.ucc-home-picture {
  cursor: pointer;
}

.view-profile {
  float: left;
}

.download-profile {
  float: right;
}

.has-error {
  border: 1px solid;
  border-color: hwb(0 0% 0%);
  margin-left: 5% !important;
  width: 8%;
}

.indented-radio {
  margin-left: 5% !important;
}

.ecclesiastical-input {
  height: 32px;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 168px;
}

.supplemental-input {
  height: 32px;
  margin: 5px;
}

.pdf-container {
  margin: 0 15px 0 15px;
}
.pdf-container > table {
  table-layout: fixed;
  width: 100%;
}

.ucc-profile-view {
  margin: auto !important;
  padding: 10px;
  width: 100%;
  word-wrap: break-word;
}
.ucc-profile-view > .row {
  margin: auto !important;
}
.ucc-profile-view td.number,
.ucc-profile-view th.number {
  padding-right: 2rem !important;
  text-align: right !important;
}

.reference-list-name {
  font-size: 1.2em;
}

.search-snapshots-table-container table thead {
  cursor: pointer;
}

.ucc-long {
  margin-bottom: 5px;
  width: 83%;
}

.triangle-theme .pika-label::after {
  content: " ▾";
}

.calendar-input {
  margin-bottom: 4px;
  margin-left: -30px;
  pointer-events: none;
}

.disabled-signature {
  cursor: not-allowed;
  pointer-events: none;
}

.profile-menu {
  margin-bottom: 8px;
  max-height: calc(100vh - 90px);
  overflow-y: auto;
  position: sticky;
  top: 56px;
  width: auto;
}

.anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

.ministry-position-title {
  width: 55%;
}

.small-profile-info {
  width: 35%;
}

.add-committee-member {
  height: 225px;
  width: 335px;
}

.contacted-references .reference-card:first-child .column {
  border-top: 1px solid #e2e2e2;
  margin: 2rem 0 0 0;
  padding-top: 2rem;
}

.reference-card {
  height: fit-content;
  margin: 0;
  min-height: 5rem;
  padding: 0 1rem;
}
.reference-card .wrapper {
  align-items: start;
  display: flex;
  flex-direction: row;
  height: fit-content;
  padding: 0;
}
.reference-card .wrapper .column {
  height: fit-content;
  width: 100%;
}
.reference-card .wrapper .reference-image {
  padding: 0;
  width: 130px;
}
.reference-card .wrapper .reference-image .reference-image-container {
  height: 130px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 130px;
}
.reference-card .wrapper .reference-image .reference-image-container img {
  height: auto;
  margin: 0;
  width: 100%;
}
.reference-card .wrapper .reference-info {
  padding-left: 1rem;
}
.reference-card .wrapper .reference-info .item {
  margin: 1rem 0 0;
  padding: 0.5rem 0 0;
}
.reference-card .wrapper .reference-info .name {
  font-size: 14px;
  margin: 0;
  padding: 0.5rem 1rem;
}
.reference-card .wrapper .reference-info .name.panel-success {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}
.reference-card .wrapper .reference-info .name.panel-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.reference-card .wrapper .reference-info .relationship {
  font-size: 1em;
  margin: 0.5rem 0 0 0;
}
.reference-card .wrapper .reference-info .timeframe {
  color: #787878;
}
.reference-card .wrapper .reference-info .action-buttons {
  margin: 1rem 0 0;
}
div.swf-container {
  @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Open+Sans:wght@300;400;500;600;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
}
div.swf-container th,
div.swf-container .section-title {
  font-size: 0.9em;
  font-weight: 500;
  letter-spacing: 0.75px;
  text-transform: capitalize;
}
div.swf-container b {
  font-family: "Open Sans", sans-serif;
}
div.swf-container b span.swf-view,
div.swf-container b span.swf-view > span {
  font-weight: bold;
}
div.swf-container span.na {
  color: #727272;
  font-size: 0.95em;
}
div.swf-container i span.swf-view,
div.swf-container i span.swf-view > span {
  font-style: italic;
}
div.swf-container h5 {
  text-transform: capitalize;
}
div.swf-container .section-title {
  font-size: 1em;
}

div.swf-container {
  background-color: #fff;
  height: calc(100% - 78px);
  padding: 0 calc(20px / 2);
  position: fixed;
  top: 78px;
  width: 100%;
}
div.swf-container.sub-menu-hidden {
  height: calc(100% - 78px + 40px);
  top: calc(78px - 40px);
}
div.swf-container .no-user-input {
  background: #00000005;
  opacity: 0.7;
  pointer-events: none;
  user-select: none;
}
div.swf-container > div {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
div.swf-container > div.toolbar {
  height: 55px;
  z-index: 53;
}
div.swf-container > div.main {
  display: flex;
  flex-direction: row;
  height: calc(100% - 55px);
  overflow: hidden;
}
div.swf-container > div.main[toolbar-hidden] {
  height: 100%;
}
div.swf-container > div.main > div.left-panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #fff;
  border-right: 1px solid #f5f5f5;
  border-top: 1px solid transparent;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  overflow-y: auto;
  padding: 0 calc(20px / 2) calc(20px / 2);
  position: absolute;
  right: 100%;
  top: 0;
  transition: right 0.1s ease-in-out 0s;
  width: 250px;
  z-index: 52;
}
div.swf-container > div.main > div.left-panel > div.interact {
  display: flex;
  justify-content: end;
  margin: 0 0 5px;
  width: 100%;
}
div.swf-container > div.main > div.center-panel {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  justify-content: start;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 53;
}
div.swf-container > div.main > div.center-panel > div {
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.docker {
  -moz-transition: height 0.1s ease-in-out;
  -webkit-transition: height 0.1s ease-in-out;
  border-bottom: unset;
  flex-shrink: 0;
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height 0.1s ease-in-out;
}
div.swf-container > div.main > div.center-panel > div.docker.show {
  height: fit-content;
  min-height: 50px;
  overflow: visible;
}
div.swf-container > div.main > div.center-panel > div.content {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
div.swf-container > div.main > div.center-panel > div.content > .view {
  height: 100%;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view > .detail-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
div.swf-container > div.main > div.center-panel > div.content > .view > .results-wrapper {
  position: relative;
}
div.swf-container > div.main > div.center-panel > div.content > .view.card-detail, div.swf-container > div.main > div.center-panel > div.content > .view.list-detail {
  display: flex;
}
div.swf-container > div.main > div.center-panel > div.content > .view.list > div.results-wrapper {
  height: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.card-detail {
  flex-direction: row;
}
div.swf-container > div.main > div.center-panel > div.content > .view.card-detail > div {
  height: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.card-detail > div.results-wrapper {
  border-right: 1px solid #e1e3e7;
  padding: 0 calc(20px / 2) 0 0;
  width: 250px;
}
div.swf-container > div.main > div.center-panel > div.content > .view.card-detail > div.detail-wrapper {
  padding: 0 0 0 calc(20px / 2);
  width: calc(100% - 250px);
}
div.swf-container > div.main > div.center-panel > div.content > .view.list-detail {
  flex-direction: column;
}
div.swf-container > div.main > div.center-panel > div.content > .view.list-detail > div {
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.list-detail > div.results-wrapper {
  border-bottom: 1px solid #e1e3e7;
  height: 250px;
}
div.swf-container > div.main > div.center-panel > div.content > .view.list-detail > div.detail-wrapper {
  height: calc(100% - 250px);
  padding: calc(20px / 2) 0 0;
}
@media (min-width: 1850px) {
  div.swf-container > div.main > div.center-panel > div.content > .view.list-detail {
    flex-direction: row;
  }
  div.swf-container > div.main > div.center-panel > div.content > .view.list-detail > div {
    height: 100% !important;
  }
  div.swf-container > div.main > div.center-panel > div.content > .view.list-detail > div.results-wrapper {
    border-bottom: 0 !important;
    border-right: 1px solid #e1e3e7;
  }
  div.swf-container > div.main > div.center-panel > div.content > .view.list-detail > div.detail-wrapper {
    padding: calc(20px / 2) 0 0 20px !important;
  }
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail {
  height: 100%;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper {
  height: 100%;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report {
  padding: 5rem;
  padding-top: 2rem;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .report-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .report-header img {
  max-width: 50%;
  width: 50rem;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .header-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .header-info .info-col {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: space-between;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .header-info .info-col-2 {
  display: flex;
  justify-content: end;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .header-info .info-row {
  display: flex;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-header {
  display: flex;
  gap: 5px;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-header > h5 {
  align-items: flex-end;
  display: flex;
  flex-basis: 0;
  justify-content: flex-end;
  text-align: end;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-header > h5:not(:first-child) {
  flex-grow: 1;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-body {
  display: flex;
  gap: 5px;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-body .list-col {
  flex-basis: 0;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-body .list-col:not(:first-child) {
  flex-grow: 1;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-list .list-body .list-col .list-val {
  text-align: end;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .summary-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .summary-block .summary-item {
  display: flex;
  flex-direction: column;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .summary-block .summary-item > h5 {
  display: flex;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .summary-block .summary-item > h5:not(:first-child) {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: end;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .summary-block .summary-item > div {
  text-align: end;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-note {
  margin-top: 2rem;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report .yearbook-report .report-note .no-cap {
  text-transform: none;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar {
  background-color: #fff;
  display: flex;
  gap: 1rem;
  justify-content: center;
  left: 0;
  min-height: 30px;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: sticky;
  top: 0;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .right {
  align-items: center;
  display: inherit;
  flex-grow: 1;
  gap: 1rem;
  justify-content: end;
  overflow: visible;
  white-space: nowrap;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar button,
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .nav-button {
  -ms-user-select: none;
  -webkit-user-select: none;
  border: #d8d8d8;
  border: 1px solid #e1e3e7;
  border-style: solid;
  border-width: 1px;
  height: 3rem;
  min-width: 3rem;
  padding: 0 5px;
  user-select: none;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: start;
  width: 100%;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs a:hover {
  text-decoration: none;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs span.sep {
  font-size: inherit;
  margin: 0 0.85rem;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs > span.material-symbols-outlined {
  color: #989898;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs span.crumb {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: start;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs span.crumb > span.crumb-icon {
  font-size: 14px;
  margin: 0 3px 0 0;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs span.crumb > span.crumb-image {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 0 0 1px;
  width: 20px;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs span.loader {
  border-radius: 5px;
}
div.swf-container > div.main > div.center-panel > div.content > .view.detail > div.detail-wrapper .report div.toolbar .crumbs span.loader:not(:first-child) {
  margin: 0 0 0 calc(20px / 2);
}
div.swf-container > div.main div.blocker {
  background-color: #323945;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.1;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 51;
}
div.swf-container > div.main[left-panel-active] > div.left-panel {
  -moz-box-shadow: 9px -4px 32px -4px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 9px -4px 32px -4px rgba(0, 0, 0, 0.12);
  box-shadow: 9px -4px 32px -4px rgba(0, 0, 0, 0.12);
  border-top: 1px solid #d9d6d7;
  right: calc(100% - 250px);
}
div.swf-container > div.main[left-panel-active] > div.blocker {
  display: block;
}
@media (min-width: 992px) {
  div.swf-container > div.main > div.left-panel {
    border-right: unset;
    position: relative;
    right: unset;
    top: unset;
  }
  div.swf-container > div.main > div.center-panel {
    width: calc(100% - 250px);
  }
  div.swf-container > div.main > div.center-panel.on-detail {
    width: 100%;
  }
  div.swf-container > div.main > div.center-panel.on-detail > .content {
    height: 100% !important;
  }
}
div.swf-container > div.progress {
  background-color: #f9f9f9;
  border-radius: 0;
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.swf-container > div.progress > .tracker {
  background-color: #546ca2;
  height: 100%;
  width: 0;
}

div.grid-row {
  display: flex;
  flex-direction: row;
}
div.grid-row > div.grid-column {
  margin-right: 7px;
}
div.grid-row div.blocker {
  background: #ebf2f92c;
  display: block;
  height: 100%;
  position: absolute;
  z-index: 55;
}
div.grid-row div.filter-wrapper {
  border: 1px solid #546ca2;
  border-radius: 10px;
  gap: 0;
  height: fit-content;
  margin: 10px 0 0;
  overflow: hidden;
  width: 100%;
}
div.grid-row div.filter-wrapper > .title {
  background-color: #546ca2;
  color: #fff;
}
div.grid-row div.filter-wrapper .title {
  align-items: center;
  display: flex;
  font-size: 0.8em;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 1px;
  padding: calc(20px / 4) 0;
  text-transform: uppercase;
}
div.grid-row div.filter-wrapper .direct-filter {
  margin: calc(20px / 2) 0 0;
  padding: 0 calc(20px / 2);
}
div.grid-row div.filter-wrapper .filter-block .title {
  border-bottom: 1px solid #546ca2;
  color: #546ca2;
}
div.grid-row div.filter-wrapper .option {
  border-left: 3px solid transparent;
  padding: calc(20px / 4);
}
div.grid-row div.filter-wrapper .option.selected {
  background-color: #ebf2f9;
  border-left: 3px solid #546ca2;
}

div.swf-container .dropdown-options,
div.component-store-container .dropdown-options,
.use-swf .dropdown-options {
  -moz-box-shadow: 2px 2px 11px -3px #00000033;
  -webkit-box-shadow: 2px 2px 11px -3px #00000033;
  background-color: #fff;
  border: 1px solid #d9d6d7;
  border-radius: 5px;
  box-shadow: 2px 2px 11px -3px rgba(155, 41, 41, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 40rem;
  min-height: 5rem;
  min-width: 300px;
  position: absolute;
  right: 0;
  top: calc(100% + 1.5rem);
  visibility: hidden;
  width: 27rem;
  z-index: 9999;
  /* z-index needs to be 9999 so it isnt overlapped */
}
div.swf-container .dropdown-options hr,
div.component-store-container .dropdown-options hr,
.use-swf .dropdown-options hr {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
div.swf-container .dropdown-options:not(.shared) div.option[role=button]:hover:not(.selected),
div.component-store-container .dropdown-options:not(.shared) div.option[role=button]:hover:not(.selected),
.use-swf .dropdown-options:not(.shared) div.option[role=button]:hover:not(.selected) {
  background-color: #f6f6f6;
}
div.swf-container .dropdown-options-header,
div.component-store-container .dropdown-options-header,
.use-swf .dropdown-options-header {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
  height: fit-content;
  padding: 1rem 0;
  position: relative;
}
div.swf-container .dropdown-options-header > .swf-input,
div.component-store-container .dropdown-options-header > .swf-input,
.use-swf .dropdown-options-header > .swf-input {
  border: 0 !important;
  width: 100% !important;
}
div.swf-container .dropdown-options-header > .swf-input:hover,
div.component-store-container .dropdown-options-header > .swf-input:hover,
.use-swf .dropdown-options-header > .swf-input:hover {
  background-color: #fff !important;
}
div.swf-container .dropdown-options-header > .swf-input.focused,
div.component-store-container .dropdown-options-header > .swf-input.focused,
.use-swf .dropdown-options-header > .swf-input.focused {
  outline: none !important;
}
div.swf-container .dropdown-options-body,
div.component-store-container .dropdown-options-body,
.use-swf .dropdown-options-body {
  display: flex;
  flex-direction: column;
  height: fit-content;
  overflow-y: scroll;
  overscroll-behavior: none;
  padding: 0.5rem 0;
  position: relative;
  width: 100%;
}
div.swf-container .dropdown-options-body div.option,
div.component-store-container .dropdown-options-body div.option,
.use-swf .dropdown-options-body div.option {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 1rem;
  justify-content: start;
  padding: 1rem;
  padding: 0.75rem 1rem;
  position: relative;
  width: 100%;
}
div.swf-container .dropdown-options-body div.option .people-card-row,
div.component-store-container .dropdown-options-body div.option .people-card-row,
.use-swf .dropdown-options-body div.option .people-card-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
div.swf-container .dropdown-options-body div.option .image-icon,
div.component-store-container .dropdown-options-body div.option .image-icon,
.use-swf .dropdown-options-body div.option .image-icon {
  display: flex;
  height: 20px;
  justify-content: center;
  overflow: hidden;
  width: 20px;
}
div.swf-container .dropdown-options-body div.option .image-icon img,
div.component-store-container .dropdown-options-body div.option .image-icon img,
.use-swf .dropdown-options-body div.option .image-icon img {
  height: 100%;
}
div.swf-container .dropdown-options-body div.option span.short-name,
div.component-store-container .dropdown-options-body div.option span.short-name,
.use-swf .dropdown-options-body div.option span.short-name {
  color: #a9a9a9;
  font-weight: 500;
}
div.swf-container .dropdown-options-body div.option::after,
div.component-store-container .dropdown-options-body div.option::after,
.use-swf .dropdown-options-body div.option::after {
  background-color: #0c66e4;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  content: "";
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: inherit;
  width: 2px;
  z-index: 1;
}
div.swf-container .dropdown-options-body div.option[role=button]:focus-visible,
div.component-store-container .dropdown-options-body div.option[role=button]:focus-visible,
.use-swf .dropdown-options-body div.option[role=button]:focus-visible {
  outline: 1px solid #00f;
}
div.swf-container .dropdown-options-body div.option[role=button]:hover, div.swf-container .dropdown-options-body div.option[role=button].focused,
div.component-store-container .dropdown-options-body div.option[role=button]:hover,
div.component-store-container .dropdown-options-body div.option[role=button].focused,
.use-swf .dropdown-options-body div.option[role=button]:hover,
.use-swf .dropdown-options-body div.option[role=button].focused {
  background-color: #fafafa;
}
div.swf-container .dropdown-options-body div.option[role=button]:hover::after, div.swf-container .dropdown-options-body div.option[role=button].focused::after,
div.component-store-container .dropdown-options-body div.option[role=button]:hover::after,
div.component-store-container .dropdown-options-body div.option[role=button].focused::after,
.use-swf .dropdown-options-body div.option[role=button]:hover::after,
.use-swf .dropdown-options-body div.option[role=button].focused::after {
  display: block;
}
div.swf-container .dropdown-options-body div.option[role=button].selected,
div.component-store-container .dropdown-options-body div.option[role=button].selected,
.use-swf .dropdown-options-body div.option[role=button].selected {
  background-color: #f6f6f6;
}
div.swf-container .dropdown-options-body div.option[role=button].selected span.short-name,
div.component-store-container .dropdown-options-body div.option[role=button].selected span.short-name,
.use-swf .dropdown-options-body div.option[role=button].selected span.short-name {
  color: #0c66e4;
}
div.swf-container .dropdown-options-body div.option[role=button].selected:hover, div.swf-container .dropdown-options-body div.option[role=button].selected.focused,
div.component-store-container .dropdown-options-body div.option[role=button].selected:hover,
div.component-store-container .dropdown-options-body div.option[role=button].selected.focused,
.use-swf .dropdown-options-body div.option[role=button].selected:hover,
.use-swf .dropdown-options-body div.option[role=button].selected.focused {
  background-color: #f6f6f6;
}
div.swf-container .dropdown-options-body div.option.multi-select,
div.component-store-container .dropdown-options-body div.option.multi-select,
.use-swf .dropdown-options-body div.option.multi-select {
  gap: calc(20px / 2);
}
div.swf-container .dropdown-options-body div.option.multi-select div.box,
div.component-store-container .dropdown-options-body div.option.multi-select div.box,
.use-swf .dropdown-options-body div.option.multi-select div.box {
  align-items: center;
  background-color: #f6f6f6;
  border: 2px solid #cacaca;
  border-radius: 3px;
  display: flex;
  flex-shrink: 0;
  height: 14px;
  justify-content: center;
  margin: 3px 0 0;
  width: 14px;
}
div.swf-container .dropdown-options-body div.option.multi-select div.box span,
div.component-store-container .dropdown-options-body div.option.multi-select div.box span,
.use-swf .dropdown-options-body div.option.multi-select div.box span {
  font-size: 14px;
  font-weight: 500;
}
div.swf-container .dropdown-options-body div.option.multi-select.selected div.box,
div.component-store-container .dropdown-options-body div.option.multi-select.selected div.box,
.use-swf .dropdown-options-body div.option.multi-select.selected div.box {
  background-color: #0c66e4;
  border: 2px solid #0c66e4;
  color: #fff;
}
div.swf-container .dropdown-options-body div.option.is-link,
div.component-store-container .dropdown-options-body div.option.is-link,
.use-swf .dropdown-options-body div.option.is-link {
  padding: 0 !important;
}
div.swf-container .dropdown-options-body div.option.is-link > a,
div.component-store-container .dropdown-options-body div.option.is-link > a,
.use-swf .dropdown-options-body div.option.is-link > a {
  align-items: inherit;
  display: inherit;
  flex-grow: inherit;
  gap: inherit;
  justify-content: inherit;
  padding: 0.75rem 1rem;
  position: inherit;
  width: 100%;
}
div.swf-container .dropdown-options-body div.option.is-link > a:hover, div.swf-container .dropdown-options-body div.option.is-link > a:focus,
div.component-store-container .dropdown-options-body div.option.is-link > a:hover,
div.component-store-container .dropdown-options-body div.option.is-link > a:focus,
.use-swf .dropdown-options-body div.option.is-link > a:hover,
.use-swf .dropdown-options-body div.option.is-link > a:focus {
  color: unset;
  text-decoration: none;
}
div.swf-container .dropdown-options-body div.option:not([role=button]),
div.component-store-container .dropdown-options-body div.option:not([role=button]),
.use-swf .dropdown-options-body div.option:not([role=button]) {
  color: #a1a1a1;
  font-size: 0.9em;
  font-weight: 600;
  padding: 0.5rem 1rem;
}
div.swf-container .dropdown-options-body div.option span.material-symbols-outlined,
div.component-store-container .dropdown-options-body div.option span.material-symbols-outlined,
.use-swf .dropdown-options-body div.option span.material-symbols-outlined {
  font-size: 18px;
}
div.swf-container .dropdown-options-footer,
div.component-store-container .dropdown-options-footer,
.use-swf .dropdown-options-footer {
  border-top: 1px solid #eee;
  flex-shrink: 0;
  height: fit-content;
  padding: 1rem;
  position: relative;
}
div.swf-container .dropdown-options-footer > ul,
div.component-store-container .dropdown-options-footer > ul,
.use-swf .dropdown-options-footer > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style-type: none;
  margin: 0;
}
div.swf-container .dropdown-options-footer > ul li button,
div.component-store-container .dropdown-options-footer > ul li button,
.use-swf .dropdown-options-footer > ul li button {
  background-color: transparent;
  color: #0c66e4;
  font-weight: 400;
}
div.swf-container .dropdown-options:active,
div.component-store-container .dropdown-options:active,
.use-swf .dropdown-options:active {
  display: flex !important;
}
div.swf-container .dropdown-options:disabled,
div.component-store-container .dropdown-options:disabled,
.use-swf .dropdown-options:disabled {
  pointer-events: none;
}

div.swf-container .nav-button,
div.swf-container button:not(.jump_button),
div.component-store-container .nav-button,
div.component-store-container button:not(.jump_button),
.use-swf .nav-button,
.use-swf button:not(.jump_button) {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
  -webkit-box-align: baseline;
  -webkit-box-pack: center;
  align-items: center;
  background: transparent;
  border-radius: 3px;
  border-width: 0;
  box-sizing: border-box;
  color: #42526e;
  cursor: pointer;
  display: inline-flex;
  font-size: inherit;
  font-style: normal;
  font-family: inherit;
  font-weight: 500;
  max-width: 100%;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.1s ease-out 0s, color 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  white-space: nowrap;
  height: 2.28571em;
  line-height: 2.28571em;
  padding: 0 10px;
  vertical-align: middle;
  width: auto;
  justify-content: center;
  outline: none;
  margin: 0;
}
div.swf-container .nav-button span.material-symbols-outlined,
div.swf-container button:not(.jump_button) span.material-symbols-outlined,
div.component-store-container .nav-button span.material-symbols-outlined,
div.component-store-container button:not(.jump_button) span.material-symbols-outlined,
.use-swf .nav-button span.material-symbols-outlined,
.use-swf button:not(.jump_button) span.material-symbols-outlined {
  font-size: 20px;
}
div.swf-container .nav-button:hover,
div.swf-container button:not(.jump_button):hover,
div.component-store-container .nav-button:hover,
div.component-store-container button:not(.jump_button):hover,
.use-swf .nav-button:hover,
.use-swf button:not(.jump_button):hover {
  background: rgba(9, 30, 66, 0.04);
}
div.swf-container .nav-button:active,
div.swf-container button:not(.jump_button):active,
div.component-store-container .nav-button:active,
div.component-store-container button:not(.jump_button):active,
.use-swf .nav-button:active,
.use-swf button:not(.jump_button):active {
  background: rgba(9, 30, 66, 0.04);
}
div.swf-container .nav-button[loading],
div.swf-container button:not(.jump_button)[loading],
div.component-store-container .nav-button[loading],
div.component-store-container button:not(.jump_button)[loading],
.use-swf .nav-button[loading],
.use-swf button:not(.jump_button)[loading] {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #e6e6e6 !important;
}
div.swf-container .nav-button:focus-visible,
div.swf-container button:not(.jump_button):focus-visible,
div.component-store-container .nav-button:focus-visible,
div.component-store-container button:not(.jump_button):focus-visible,
.use-swf .nav-button:focus-visible,
.use-swf button:not(.jump_button):focus-visible {
  border: 1px solid #00f;
}
div.swf-container .nav-button:disabled,
div.swf-container button:not(.jump_button):disabled,
div.component-store-container .nav-button:disabled,
div.component-store-container button:not(.jump_button):disabled,
.use-swf .nav-button:disabled,
.use-swf button:not(.jump_button):disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
div.swf-container .nav-button[swf-role=save],
div.swf-container button:not(.jump_button)[swf-role=save],
div.component-store-container .nav-button[swf-role=save],
div.component-store-container button:not(.jump_button)[swf-role=save],
.use-swf .nav-button[swf-role=save],
.use-swf button:not(.jump_button)[swf-role=save] {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
div.swf-container .nav-button[swf-role=save]:hover,
div.swf-container button:not(.jump_button)[swf-role=save]:hover,
div.component-store-container .nav-button[swf-role=save]:hover,
div.component-store-container button:not(.jump_button)[swf-role=save]:hover,
.use-swf .nav-button[swf-role=save]:hover,
.use-swf button:not(.jump_button)[swf-role=save]:hover {
  background-color: #449d44;
  border-color: #3c8b3c;
}
div.swf-container .nav-button[swf-role=delete],
div.swf-container button:not(.jump_button)[swf-role=delete],
div.component-store-container .nav-button[swf-role=delete],
div.component-store-container button:not(.jump_button)[swf-role=delete],
.use-swf .nav-button[swf-role=delete],
.use-swf button:not(.jump_button)[swf-role=delete] {
  background-color: #dc3545;
  border: 1px solid #dc3545;
  color: #fff;
}
div.swf-container .nav-button[swf-role=delete]:hover,
div.swf-container button:not(.jump_button)[swf-role=delete]:hover,
div.component-store-container .nav-button[swf-role=delete]:hover,
div.component-store-container button:not(.jump_button)[swf-role=delete]:hover,
.use-swf .nav-button[swf-role=delete]:hover,
.use-swf button:not(.jump_button)[swf-role=delete]:hover {
  background-color: #d32535;
  border: 1px solid #d32535;
  color: #fff;
}
div.swf-container .nav-button[data-hub-role=discard-changes],
div.swf-container button:not(.jump_button)[data-hub-role=discard-changes],
div.component-store-container .nav-button[data-hub-role=discard-changes],
div.component-store-container button:not(.jump_button)[data-hub-role=discard-changes],
.use-swf .nav-button[data-hub-role=discard-changes],
.use-swf button:not(.jump_button)[data-hub-role=discard-changes] {
  background-color: #d8dbdc;
  border: 1px solid #d8dbdc;
}
div.swf-container .nav-button.show-bg,
div.swf-container button:not(.jump_button).show-bg,
div.component-store-container .nav-button.show-bg,
div.component-store-container button:not(.jump_button).show-bg,
.use-swf .nav-button.show-bg,
.use-swf button:not(.jump_button).show-bg {
  background: rgba(9, 30, 66, 0.04);
}
div.swf-container .nav-button.show-bg:hover,
div.swf-container button:not(.jump_button).show-bg:hover,
div.component-store-container .nav-button.show-bg:hover,
div.component-store-container button:not(.jump_button).show-bg:hover,
.use-swf .nav-button.show-bg:hover,
.use-swf button:not(.jump_button).show-bg:hover {
  background: #f2f2f2;
}
div.swf-container .icon-button,
div.component-store-container .icon-button,
.use-swf .icon-button {
  align-items: flex-end !important;
  margin-left: -1rem !important;
}
div.swf-container .icon-button span.material-symbols-outlined,
div.component-store-container .icon-button span.material-symbols-outlined,
.use-swf .icon-button span.material-symbols-outlined {
  position: relative;
  top: -0.1rem;
}
div.swf-container div.btn-group,
div.component-store-container div.btn-group,
.use-swf div.btn-group {
  border: 1px solid #d9d6d7;
}
div.swf-container div.btn-group > button,
div.component-store-container div.btn-group > button,
.use-swf div.btn-group > button {
  align-items: center;
  border: 0;
  display: flex;
}
div.swf-container div.btn-group > button.disabled, div.swf-container div.btn-group > button:disabled,
div.component-store-container div.btn-group > button.disabled,
div.component-store-container div.btn-group > button:disabled,
.use-swf div.btn-group > button.disabled,
.use-swf div.btn-group > button:disabled {
  background-color: #dddddd;
  border: 0;
  opacity: 0.4;
  pointer-events: none;
}
div.swf-container div[swf-role=dropdown],
div.component-store-container div[swf-role=dropdown],
.use-swf div[swf-role=dropdown] {
  position: relative;
}
div.swf-container div[swf-role=dropdown] div.dropdown-options,
div.component-store-container div[swf-role=dropdown] div.dropdown-options,
.use-swf div[swf-role=dropdown] div.dropdown-options {
  width: 27rem;
}
div.swf-container div[swf-role=dropdown] > button.filter-button,
div.component-store-container div[swf-role=dropdown] > button.filter-button,
.use-swf div[swf-role=dropdown] > button.filter-button {
  border-radius: 3px;
}
div.swf-container div[swf-role=dropdown] > button.filter-button > span.material-symbols-outlined,
div.component-store-container div[swf-role=dropdown] > button.filter-button > span.material-symbols-outlined,
.use-swf div[swf-role=dropdown] > button.filter-button > span.material-symbols-outlined {
  font-size: 16px;
  font-weight: 700;
}
div.swf-container div[swf-role=dropdown] > button.filter-button .readout,
div.component-store-container div[swf-role=dropdown] > button.filter-button .readout,
.use-swf div[swf-role=dropdown] > button.filter-button .readout {
  font-size: inherit;
  font-weight: 300;
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 0 0 5px;
  gap: 5px;
}
div.swf-container div[swf-role=dropdown] > button.filter-button .readout-symbol,
div.component-store-container div[swf-role=dropdown] > button.filter-button .readout-symbol,
.use-swf div[swf-role=dropdown] > button.filter-button .readout-symbol {
  position: relative;
  font-size: 14px;
  z-index: 2;
  margin: 0 2px;
}
div.swf-container div[swf-role=dropdown] > button.filter-button .readout-symbol::before,
div.component-store-container div[swf-role=dropdown] > button.filter-button .readout-symbol::before,
.use-swf div[swf-role=dropdown] > button.filter-button .readout-symbol::before {
  content: "";
  z-index: -1;
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}
div.swf-container div[swf-role=dropdown] > button.filter-button .readout-count,
div.component-store-container div[swf-role=dropdown] > button.filter-button .readout-count,
.use-swf div[swf-role=dropdown] > button.filter-button .readout-count {
  background-color: #0c66e4;
  color: #fff;
  font-size: 12px;
  border-radius: 12px;
  padding: 3px 6px;
  margin: 0 0 0 1px;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  pointer-events: none;
}
div.swf-container div[swf-role=dropdown] > button.filter-close > span.material-symbols-outlined,
div.component-store-container div[swf-role=dropdown] > button.filter-close > span.material-symbols-outlined,
.use-swf div[swf-role=dropdown] > button.filter-close > span.material-symbols-outlined {
  font-size: 14px;
  font-weight: 700;
}
div.swf-container div[swf-role=dropdown][dropdown-active] div.tooltip.ember-tooltip,
div.component-store-container div[swf-role=dropdown][dropdown-active] div.tooltip.ember-tooltip,
.use-swf div[swf-role=dropdown][dropdown-active] div.tooltip.ember-tooltip {
  display: none;
}
div.swf-container div[swf-role=dropdown][dropdown-active] div.dropdown-options,
div.component-store-container div[swf-role=dropdown][dropdown-active] div.dropdown-options,
.use-swf div[swf-role=dropdown][dropdown-active] div.dropdown-options {
  display: flex;
  visibility: visible;
}
div.swf-container div[swf-role=dropdown][dropdown-active] > button,
div.component-store-container div[swf-role=dropdown][dropdown-active] > button,
.use-swf div[swf-role=dropdown][dropdown-active] > button {
  background-color: #253858;
  color: #f4f5f7;
}
div.swf-container div[swf-role=dropdown][dropdown-active] > button:hover,
div.component-store-container div[swf-role=dropdown][dropdown-active] > button:hover,
.use-swf div[swf-role=dropdown][dropdown-active] > button:hover {
  background-color: #253858 !important;
  color: #f4f5f7 !important;
}
div.swf-container div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button,
div.component-store-container div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button,
.use-swf div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button {
  background-color: #f6f6f6 !important;
}
div.swf-container div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button:hover, div.swf-container div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button:active,
div.component-store-container div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button:hover,
div.component-store-container div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button:active,
.use-swf div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button:hover,
.use-swf div[swf-role=dropdown].bg-gray:not([dropdown-active]) > button:active {
  background-color: #e9e9e9 !important;
}
div.swf-container div[swf-role=dropdown][btn-group],
div.component-store-container div[swf-role=dropdown][btn-group],
.use-swf div[swf-role=dropdown][btn-group] {
  background-color: #fff;
  border-radius: 3px;
  display: flex;
  flex-wrap: nowrap;
}
div.swf-container div[swf-role=dropdown][btn-group][dropdown-active],
div.component-store-container div[swf-role=dropdown][btn-group][dropdown-active],
.use-swf div[swf-role=dropdown][btn-group][dropdown-active] {
  background-color: #e9f2ff !important;
}
div.swf-container div[swf-role=dropdown][btn-group] > button,
div.component-store-container div[swf-role=dropdown][btn-group] > button,
.use-swf div[swf-role=dropdown][btn-group] > button {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: 0;
}
div.swf-container div[swf-role=dropdown][btn-group] > button.filter-button,
div.component-store-container div[swf-role=dropdown][btn-group] > button.filter-button,
.use-swf div[swf-role=dropdown][btn-group] > button.filter-button {
  padding: 0 10px 0 5px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
div.swf-container div[swf-role=dropdown][btn-group] > button.filter-button > span.material-symbols-outlined,
div.component-store-container div[swf-role=dropdown][btn-group] > button.filter-button > span.material-symbols-outlined,
.use-swf div[swf-role=dropdown][btn-group] > button.filter-button > span.material-symbols-outlined {
  font-size: 16px;
  font-weight: 700;
}
div.swf-container div[swf-role=dropdown][btn-group] > button.filter-close,
div.component-store-container div[swf-role=dropdown][btn-group] > button.filter-close,
.use-swf div[swf-role=dropdown][btn-group] > button.filter-close {
  padding: 0 2px 0 5px !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
div.swf-container div[swf-role=dropdown][btn-group] > button.filter-close:hover, div.swf-container div[swf-role=dropdown][btn-group] > button.filter-close:active,
div.component-store-container div[swf-role=dropdown][btn-group] > button.filter-close:hover,
div.component-store-container div[swf-role=dropdown][btn-group] > button.filter-close:active,
.use-swf div[swf-role=dropdown][btn-group] > button.filter-close:hover,
.use-swf div[swf-role=dropdown][btn-group] > button.filter-close:active {
  background-color: #e9e9e9 !important;
}
div.swf-container div[swf-role=dropdown][btn-group]:hover,
div.component-store-container div[swf-role=dropdown][btn-group]:hover,
.use-swf div[swf-role=dropdown][btn-group]:hover {
  background-color: #f6f6f6;
}

div.swf-container .type-rich-text ul > li,
div.swf-container .type-rich-text ol > li,
div.component-store-container .type-rich-text ul > li,
div.component-store-container .type-rich-text ol > li {
  margin-left: 3rem;
}
div.swf-container .type-rich-text a,
div.component-store-container .type-rich-text a {
  color: #337ab7;
}
div.swf-container .jump_button,
div.swf-container span.jump-to,
div.swf-container span.jump-to > a,
div.component-store-container .jump_button,
div.component-store-container span.jump-to,
div.component-store-container span.jump-to > a {
  align-items: center;
  color: #0391fa;
  display: flex;
  font-weight: 500;
  justify-content: start;
}
div.swf-container .jump_button:hover,
div.swf-container span.jump-to:hover,
div.swf-container span.jump-to > a:hover,
div.component-store-container .jump_button:hover,
div.component-store-container span.jump-to:hover,
div.component-store-container span.jump-to > a:hover {
  text-decoration: none !important;
}
div.swf-container .jump_button,
div.swf-container a.details,
div.component-store-container .jump_button,
div.component-store-container a.details {
  background: transparent;
  border-width: 0;
  color: #337ab7;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0;
}
div.swf-container .jump_button:hover,
div.swf-container a.details:hover,
div.component-store-container .jump_button:hover,
div.component-store-container a.details:hover {
  text-decoration: none;
}

div.swf-container .input-wide,
div.component-store-container .input-wide,
.use-swf .input-wide {
  width: 100%;
}
div.swf-container .message,
div.component-store-container .message,
.use-swf .message {
  color: #808080;
  font-style: italic;
  padding: 5px 5px 5px 0;
  position: relative;
}
div.swf-container .swf-input,
div.component-store-container .swf-input,
.use-swf .swf-input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  align-items: end;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  color: #47484d;
  cursor: text;
  display: flex;
  height: fit-content;
  margin: 0;
  min-height: 26px;
  padding: 0 1rem;
  position: relative;
  transition: background-color 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  width: 100%;
}
div.swf-container .swf-input:hover,
div.component-store-container .swf-input:hover,
.use-swf .swf-input:hover {
  background-color: #f6f6f6;
}
div.swf-container .swf-input-message,
div.component-store-container .swf-input-message,
.use-swf .swf-input-message {
  font-size: 0.9em;
  font-weight: 600;
  left: 0.25rem;
  position: absolute;
  top: calc(100% + 0.25rem);
}
div.swf-container .swf-input.focused,
div.component-store-container .swf-input.focused,
.use-swf .swf-input.focused {
  background-color: #fff;
  border: 0;
  outline: 2px solid Highlight;
  outline: 2px solid -webkit-focus-ring-color;
}
div.swf-container .swf-input.no-border,
div.component-store-container .swf-input.no-border,
.use-swf .swf-input.no-border {
  border: 0 !important;
}
div.swf-container .swf-input.btn-like,
div.component-store-container .swf-input.btn-like,
.use-swf .swf-input.btn-like {
  background-color: #fff !important;
  border: 2px solid #c5c9d0 !important;
  min-width: 200px;
  width: fit-content !important;
}
div.swf-container .swf-input.btn-like div.input-placeholder > div.text > span,
div.component-store-container .swf-input.btn-like div.input-placeholder > div.text > span,
.use-swf .swf-input.btn-like div.input-placeholder > div.text > span {
  color: #42526e !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
div.swf-container .swf-input.invalid, div.swf-container .swf-input[invalid],
div.component-store-container .swf-input.invalid,
div.component-store-container .swf-input[invalid],
.use-swf .swf-input.invalid,
.use-swf .swf-input[invalid] {
  background-color: #fff;
  outline-color: #c9372c !important;
  outline-style: auto !important;
  outline-width: 2px !important;
}
div.swf-container .swf-input.invalid:not(.hem), div.swf-container .swf-input[invalid]:not(.hem),
div.component-store-container .swf-input.invalid:not(.hem),
div.component-store-container .swf-input[invalid]:not(.hem),
.use-swf .swf-input.invalid:not(.hem),
.use-swf .swf-input[invalid]:not(.hem) {
  margin: 0 0 36px;
}
div.swf-container .swf-input.invalid .swf-input-message, div.swf-container .swf-input[invalid] .swf-input-message,
div.component-store-container .swf-input.invalid .swf-input-message,
div.component-store-container .swf-input[invalid] .swf-input-message,
.use-swf .swf-input.invalid .swf-input-message,
.use-swf .swf-input[invalid] .swf-input-message {
  color: #c9372c;
}
div.swf-container .swf-input:not(:focus),
div.component-store-container .swf-input:not(:focus),
.use-swf .swf-input:not(:focus) {
  border: 1px solid #c5c9d0;
}
div.swf-container .swf-input[disabled]:not([readonly]), div.swf-container .swf-input:disabled:not([readonly]), div.swf-container .swf-input[no-options]:not([readonly]),
div.component-store-container .swf-input[disabled]:not([readonly]),
div.component-store-container .swf-input:disabled:not([readonly]),
div.component-store-container .swf-input[no-options]:not([readonly]),
.use-swf .swf-input[disabled]:not([readonly]),
.use-swf .swf-input:disabled:not([readonly]),
.use-swf .swf-input[no-options]:not([readonly]) {
  background-color: #f0f0f0;
  opacity: 0.9;
  pointer-events: none;
}
div.swf-container .swf-input[readonly],
div.component-store-container .swf-input[readonly],
.use-swf .swf-input[readonly] {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: default !important;
  justify-content: start;
  padding: 0;
}
div.swf-container .swf-input[readonly][align=end], div.swf-container .swf-input[readonly][align=right],
div.component-store-container .swf-input[readonly][align=end],
div.component-store-container .swf-input[readonly][align=right],
.use-swf .swf-input[readonly][align=end],
.use-swf .swf-input[readonly][align=right] {
  justify-content: end;
}
div.swf-container .swf-input[readonly][align=center],
div.component-store-container .swf-input[readonly][align=center],
.use-swf .swf-input[readonly][align=center] {
  justify-content: center;
}
div.swf-container .swf-input[readonly] > .swf-view,
div.component-store-container .swf-input[readonly] > .swf-view,
.use-swf .swf-input[readonly] > .swf-view {
  align-items: center !important;
  cursor: default;
  pointer-events: none;
  text-align: left;
}
div.swf-container .swf-input[readonly] > .swf-view[align=end], div.swf-container .swf-input[readonly] > .swf-view[align=right],
div.component-store-container .swf-input[readonly] > .swf-view[align=end],
div.component-store-container .swf-input[readonly] > .swf-view[align=right],
.use-swf .swf-input[readonly] > .swf-view[align=end],
.use-swf .swf-input[readonly] > .swf-view[align=right] {
  text-align: right;
}
div.swf-container .swf-input[readonly] > .swf-view[align=center],
div.component-store-container .swf-input[readonly] > .swf-view[align=center],
.use-swf .swf-input[readonly] > .swf-view[align=center] {
  text-align: center;
}
div.swf-container .swf-input[readonly] .icons > i,
div.component-store-container .swf-input[readonly] .icons > i,
.use-swf .swf-input[readonly] .icons > i {
  display: none !important;
}
div.swf-container .swf-input > .ember-view,
div.component-store-container .swf-input > .ember-view,
.use-swf .swf-input > .ember-view {
  align-items: end;
  display: flex;
  height: 26px;
  width: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup, div.swf-container .swf-input > .ember-view.time-popup,
div.swf-container .swf-input > .ember-view > div .time-popup,
div.swf-container .swf-input > .ember-view > div.time-popup,
div.swf-container .swf-input > div .time-popup,
div.swf-container .swf-input > div.time-popup,
div.component-store-container .swf-input > .ember-view .time-popup,
div.component-store-container .swf-input > .ember-view.time-popup,
div.component-store-container .swf-input > .ember-view > div .time-popup,
div.component-store-container .swf-input > .ember-view > div.time-popup,
div.component-store-container .swf-input > div .time-popup,
div.component-store-container .swf-input > div.time-popup,
.use-swf .swf-input > .ember-view .time-popup,
.use-swf .swf-input > .ember-view.time-popup,
.use-swf .swf-input > .ember-view > div .time-popup,
.use-swf .swf-input > .ember-view > div.time-popup,
.use-swf .swf-input > div .time-popup,
.use-swf .swf-input > div.time-popup {
  height: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup .three-part-date .swf-input, div.swf-container .swf-input > .ember-view.time-popup .three-part-date .swf-input,
div.swf-container .swf-input > .ember-view > div .time-popup .three-part-date .swf-input,
div.swf-container .swf-input > .ember-view > div.time-popup .three-part-date .swf-input,
div.swf-container .swf-input > div .time-popup .three-part-date .swf-input,
div.swf-container .swf-input > div.time-popup .three-part-date .swf-input,
div.component-store-container .swf-input > .ember-view .time-popup .three-part-date .swf-input,
div.component-store-container .swf-input > .ember-view.time-popup .three-part-date .swf-input,
div.component-store-container .swf-input > .ember-view > div .time-popup .three-part-date .swf-input,
div.component-store-container .swf-input > .ember-view > div.time-popup .three-part-date .swf-input,
div.component-store-container .swf-input > div .time-popup .three-part-date .swf-input,
div.component-store-container .swf-input > div.time-popup .three-part-date .swf-input,
.use-swf .swf-input > .ember-view .time-popup .three-part-date .swf-input,
.use-swf .swf-input > .ember-view.time-popup .three-part-date .swf-input,
.use-swf .swf-input > .ember-view > div .time-popup .three-part-date .swf-input,
.use-swf .swf-input > .ember-view > div.time-popup .three-part-date .swf-input,
.use-swf .swf-input > div .time-popup .three-part-date .swf-input,
.use-swf .swf-input > div.time-popup .three-part-date .swf-input {
  width: 7rem;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block, div.swf-container .swf-input > .ember-view.time-popup .input-block,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block,
div.swf-container .swf-input > div .time-popup .input-block,
div.swf-container .swf-input > div.time-popup .input-block,
div.component-store-container .swf-input > .ember-view .time-popup .input-block,
div.component-store-container .swf-input > .ember-view.time-popup .input-block,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block,
div.component-store-container .swf-input > div .time-popup .input-block,
div.component-store-container .swf-input > div.time-popup .input-block,
.use-swf .swf-input > .ember-view .time-popup .input-block,
.use-swf .swf-input > .ember-view.time-popup .input-block,
.use-swf .swf-input > .ember-view > div .time-popup .input-block,
.use-swf .swf-input > .ember-view > div.time-popup .input-block,
.use-swf .swf-input > div .time-popup .input-block,
.use-swf .swf-input > div.time-popup .input-block {
  display: flex;
  flex-direction: row;
  height: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .input-render, div.swf-container .swf-input > .ember-view.time-popup .input-block .input-render,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .input-render,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .input-render,
div.swf-container .swf-input > div .time-popup .input-block .input-render,
div.swf-container .swf-input > div.time-popup .input-block .input-render,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .input-render,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .input-render,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .input-render,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .input-render,
div.component-store-container .swf-input > div .time-popup .input-block .input-render,
div.component-store-container .swf-input > div.time-popup .input-block .input-render,
.use-swf .swf-input > .ember-view .time-popup .input-block .input-render,
.use-swf .swf-input > .ember-view.time-popup .input-block .input-render,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .input-render,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .input-render,
.use-swf .swf-input > div .time-popup .input-block .input-render,
.use-swf .swf-input > div.time-popup .input-block .input-render {
  flex-grow: 1;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .input-render input, div.swf-container .swf-input > .ember-view.time-popup .input-block .input-render input,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .input-render input,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .input-render input,
div.swf-container .swf-input > div .time-popup .input-block .input-render input,
div.swf-container .swf-input > div.time-popup .input-block .input-render input,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .input-render input,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .input-render input,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .input-render input,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .input-render input,
div.component-store-container .swf-input > div .time-popup .input-block .input-render input,
div.component-store-container .swf-input > div.time-popup .input-block .input-render input,
.use-swf .swf-input > .ember-view .time-popup .input-block .input-render input,
.use-swf .swf-input > .ember-view.time-popup .input-block .input-render input,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .input-render input,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .input-render input,
.use-swf .swf-input > div .time-popup .input-block .input-render input,
.use-swf .swf-input > div.time-popup .input-block .input-render input {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .swf-view, div.swf-container .swf-input > .ember-view.time-popup .input-block .swf-view,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .swf-view,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .swf-view,
div.swf-container .swf-input > div .time-popup .input-block .swf-view,
div.swf-container .swf-input > div.time-popup .input-block .swf-view,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .swf-view,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .swf-view,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .swf-view,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .swf-view,
div.component-store-container .swf-input > div .time-popup .input-block .swf-view,
div.component-store-container .swf-input > div.time-popup .input-block .swf-view,
.use-swf .swf-input > .ember-view .time-popup .input-block .swf-view,
.use-swf .swf-input > .ember-view.time-popup .input-block .swf-view,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .swf-view,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .swf-view,
.use-swf .swf-input > div .time-popup .input-block .swf-view,
.use-swf .swf-input > div.time-popup .input-block .swf-view {
  margin-top: auto;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons,
div.swf-container .swf-input > div .time-popup .input-block .icons,
div.swf-container .swf-input > div.time-popup .input-block .icons,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons,
div.component-store-container .swf-input > div .time-popup .input-block .icons,
div.component-store-container .swf-input > div.time-popup .input-block .icons,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons,
.use-swf .swf-input > div .time-popup .input-block .icons,
.use-swf .swf-input > div.time-popup .input-block .icons {
  align-items: center;
  color: #707070;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  height: 26px;
  min-height: 26px;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons > span.percent, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons > span.percent,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons > span.percent,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons > span.percent,
div.swf-container .swf-input > div .time-popup .input-block .icons > span.percent,
div.swf-container .swf-input > div.time-popup .input-block .icons > span.percent,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons > span.percent,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons > span.percent,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons > span.percent,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons > span.percent,
div.component-store-container .swf-input > div .time-popup .input-block .icons > span.percent,
div.component-store-container .swf-input > div.time-popup .input-block .icons > span.percent,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons > span.percent,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons > span.percent,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons > span.percent,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons > span.percent,
.use-swf .swf-input > div .time-popup .input-block .icons > span.percent,
.use-swf .swf-input > div.time-popup .input-block .icons > span.percent {
  font-size: 16px;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons > span.clear, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons > span.clear,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons > span.clear,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons > span.clear,
div.swf-container .swf-input > div .time-popup .input-block .icons > span.clear,
div.swf-container .swf-input > div.time-popup .input-block .icons > span.clear,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons > span.clear,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons > span.clear,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons > span.clear,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons > span.clear,
div.component-store-container .swf-input > div .time-popup .input-block .icons > span.clear,
div.component-store-container .swf-input > div.time-popup .input-block .icons > span.clear,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons > span.clear,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons > span.clear,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons > span.clear,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons > span.clear,
.use-swf .swf-input > div .time-popup .input-block .icons > span.clear,
.use-swf .swf-input > div.time-popup .input-block .icons > span.clear {
  font-size: 20px;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons > img, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons > img,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons > img,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons > img,
div.swf-container .swf-input > div .time-popup .input-block .icons > img,
div.swf-container .swf-input > div.time-popup .input-block .icons > img,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons > img,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons > img,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons > img,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons > img,
div.component-store-container .swf-input > div .time-popup .input-block .icons > img,
div.component-store-container .swf-input > div.time-popup .input-block .icons > img,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons > img,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons > img,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons > img,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons > img,
.use-swf .swf-input > div .time-popup .input-block .icons > img,
.use-swf .swf-input > div.time-popup .input-block .icons > img {
  height: 11px;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button,
div.swf-container .swf-input > div .time-popup .input-block .icons button,
div.swf-container .swf-input > div.time-popup .input-block .icons button,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button,
div.component-store-container .swf-input > div .time-popup .input-block .icons button,
div.component-store-container .swf-input > div.time-popup .input-block .icons button,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button,
.use-swf .swf-input > div .time-popup .input-block .icons button,
.use-swf .swf-input > div.time-popup .input-block .icons button {
  align-items: center;
  background-color: transparent;
  display: flex;
  height: 100%;
  padding: 0;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button > img, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button > img,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button > img,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button > img,
div.swf-container .swf-input > div .time-popup .input-block .icons button > img,
div.swf-container .swf-input > div.time-popup .input-block .icons button > img,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button > img,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button > img,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button > img,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button > img,
div.component-store-container .swf-input > div .time-popup .input-block .icons button > img,
div.component-store-container .swf-input > div.time-popup .input-block .icons button > img,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button > img,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button > img,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button > img,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button > img,
.use-swf .swf-input > div .time-popup .input-block .icons button > img,
.use-swf .swf-input > div.time-popup .input-block .icons button > img {
  height: 11px;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button > span, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button > span,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button > span,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button > span,
div.swf-container .swf-input > div .time-popup .input-block .icons button > span,
div.swf-container .swf-input > div.time-popup .input-block .icons button > span,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button > span,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button > span,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button > span,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button > span,
div.component-store-container .swf-input > div .time-popup .input-block .icons button > span,
div.component-store-container .swf-input > div.time-popup .input-block .icons button > span,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button > span,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button > span,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button > span,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button > span,
.use-swf .swf-input > div .time-popup .input-block .icons button > span,
.use-swf .swf-input > div.time-popup .input-block .icons button > span {
  font-size: 20px;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button > span.small, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button > span.small,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button > span.small,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button > span.small,
div.swf-container .swf-input > div .time-popup .input-block .icons button > span.small,
div.swf-container .swf-input > div.time-popup .input-block .icons button > span.small,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button > span.small,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button > span.small,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button > span.small,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button > span.small,
div.component-store-container .swf-input > div .time-popup .input-block .icons button > span.small,
div.component-store-container .swf-input > div.time-popup .input-block .icons button > span.small,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button > span.small,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button > span.small,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button > span.small,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button > span.small,
.use-swf .swf-input > div .time-popup .input-block .icons button > span.small,
.use-swf .swf-input > div.time-popup .input-block .icons button > span.small {
  font-size: 1.5rem !important;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button > span.clear, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button > span.clear,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button > span.clear,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button > span.clear,
div.swf-container .swf-input > div .time-popup .input-block .icons button > span.clear,
div.swf-container .swf-input > div.time-popup .input-block .icons button > span.clear,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button > span.clear,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button > span.clear,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button > span.clear,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button > span.clear,
div.component-store-container .swf-input > div .time-popup .input-block .icons button > span.clear,
div.component-store-container .swf-input > div.time-popup .input-block .icons button > span.clear,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button > span.clear,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button > span.clear,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button > span.clear,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button > span.clear,
.use-swf .swf-input > div .time-popup .input-block .icons button > span.clear,
.use-swf .swf-input > div.time-popup .input-block .icons button > span.clear {
  font-size: 18px;
  font-weight: 600;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button.focused, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button.focused,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button.focused,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button.focused,
div.swf-container .swf-input > div .time-popup .input-block .icons button.focused,
div.swf-container .swf-input > div.time-popup .input-block .icons button.focused,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button.focused,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button.focused,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button.focused,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button.focused,
div.component-store-container .swf-input > div .time-popup .input-block .icons button.focused,
div.component-store-container .swf-input > div.time-popup .input-block .icons button.focused,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button.focused,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button.focused,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button.focused,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button.focused,
.use-swf .swf-input > div .time-popup .input-block .icons button.focused,
.use-swf .swf-input > div.time-popup .input-block .icons button.focused {
  background-color: #fff;
  outline: 2px solid Highlight;
  outline: 2px solid -webkit-focus-ring-color;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button:hover, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button:hover,
div.swf-container .swf-input > div .time-popup .input-block .icons button:hover,
div.swf-container .swf-input > div.time-popup .input-block .icons button:hover,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button:hover,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button:hover,
div.component-store-container .swf-input > div .time-popup .input-block .icons button:hover,
div.component-store-container .swf-input > div.time-popup .input-block .icons button:hover,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button:hover,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button:hover,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button:hover,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button:hover,
.use-swf .swf-input > div .time-popup .input-block .icons button:hover,
.use-swf .swf-input > div.time-popup .input-block .icons button:hover {
  background-color: transparent;
}
div.swf-container .swf-input > .ember-view .time-popup .input-block .icons button:hover > span.clear, div.swf-container .swf-input > .ember-view.time-popup .input-block .icons button:hover > span.clear,
div.swf-container .swf-input > .ember-view > div .time-popup .input-block .icons button:hover > span.clear,
div.swf-container .swf-input > .ember-view > div.time-popup .input-block .icons button:hover > span.clear,
div.swf-container .swf-input > div .time-popup .input-block .icons button:hover > span.clear,
div.swf-container .swf-input > div.time-popup .input-block .icons button:hover > span.clear,
div.component-store-container .swf-input > .ember-view .time-popup .input-block .icons button:hover > span.clear,
div.component-store-container .swf-input > .ember-view.time-popup .input-block .icons button:hover > span.clear,
div.component-store-container .swf-input > .ember-view > div .time-popup .input-block .icons button:hover > span.clear,
div.component-store-container .swf-input > .ember-view > div.time-popup .input-block .icons button:hover > span.clear,
div.component-store-container .swf-input > div .time-popup .input-block .icons button:hover > span.clear,
div.component-store-container .swf-input > div.time-popup .input-block .icons button:hover > span.clear,
.use-swf .swf-input > .ember-view .time-popup .input-block .icons button:hover > span.clear,
.use-swf .swf-input > .ember-view.time-popup .input-block .icons button:hover > span.clear,
.use-swf .swf-input > .ember-view > div .time-popup .input-block .icons button:hover > span.clear,
.use-swf .swf-input > .ember-view > div.time-popup .input-block .icons button:hover > span.clear,
.use-swf .swf-input > div .time-popup .input-block .icons button:hover > span.clear,
.use-swf .swf-input > div.time-popup .input-block .icons button:hover > span.clear {
  color: #f00;
}
div.swf-container .swf-input > .ember-view .time-popup #timeInput, div.swf-container .swf-input > .ember-view.time-popup #timeInput,
div.swf-container .swf-input > .ember-view > div .time-popup #timeInput,
div.swf-container .swf-input > .ember-view > div.time-popup #timeInput,
div.swf-container .swf-input > div .time-popup #timeInput,
div.swf-container .swf-input > div.time-popup #timeInput,
div.component-store-container .swf-input > .ember-view .time-popup #timeInput,
div.component-store-container .swf-input > .ember-view.time-popup #timeInput,
div.component-store-container .swf-input > .ember-view > div .time-popup #timeInput,
div.component-store-container .swf-input > .ember-view > div.time-popup #timeInput,
div.component-store-container .swf-input > div .time-popup #timeInput,
div.component-store-container .swf-input > div.time-popup #timeInput,
.use-swf .swf-input > .ember-view .time-popup #timeInput,
.use-swf .swf-input > .ember-view.time-popup #timeInput,
.use-swf .swf-input > .ember-view > div .time-popup #timeInput,
.use-swf .swf-input > .ember-view > div.time-popup #timeInput,
.use-swf .swf-input > div .time-popup #timeInput,
.use-swf .swf-input > div.time-popup #timeInput {
  cursor: pointer;
  font-size: 16px;
  padding: 10px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup, div.swf-container .swf-input > .ember-view.time-popup .popup,
div.swf-container .swf-input > .ember-view > div .time-popup .popup,
div.swf-container .swf-input > .ember-view > div.time-popup .popup,
div.swf-container .swf-input > div .time-popup .popup,
div.swf-container .swf-input > div.time-popup .popup,
div.component-store-container .swf-input > .ember-view .time-popup .popup,
div.component-store-container .swf-input > .ember-view.time-popup .popup,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup,
div.component-store-container .swf-input > div .time-popup .popup,
div.component-store-container .swf-input > div.time-popup .popup,
.use-swf .swf-input > .ember-view .time-popup .popup,
.use-swf .swf-input > .ember-view.time-popup .popup,
.use-swf .swf-input > .ember-view > div .time-popup .popup,
.use-swf .swf-input > .ember-view > div.time-popup .popup,
.use-swf .swf-input > div .time-popup .popup,
.use-swf .swf-input > div.time-popup .popup {
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.09);
  display: none;
  margin-left: -10px;
  overflow: auto;
  position: absolute;
  z-index: 9999;
}
div.swf-container .swf-input > .ember-view .time-popup .popup.three-part, div.swf-container .swf-input > .ember-view.time-popup .popup.three-part,
div.swf-container .swf-input > .ember-view > div .time-popup .popup.three-part,
div.swf-container .swf-input > .ember-view > div.time-popup .popup.three-part,
div.swf-container .swf-input > div .time-popup .popup.three-part,
div.swf-container .swf-input > div.time-popup .popup.three-part,
div.component-store-container .swf-input > .ember-view .time-popup .popup.three-part,
div.component-store-container .swf-input > .ember-view.time-popup .popup.three-part,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup.three-part,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup.three-part,
div.component-store-container .swf-input > div .time-popup .popup.three-part,
div.component-store-container .swf-input > div.time-popup .popup.three-part,
.use-swf .swf-input > .ember-view .time-popup .popup.three-part,
.use-swf .swf-input > .ember-view.time-popup .popup.three-part,
.use-swf .swf-input > .ember-view > div .time-popup .popup.three-part,
.use-swf .swf-input > .ember-view > div.time-popup .popup.three-part,
.use-swf .swf-input > div .time-popup .popup.three-part,
.use-swf .swf-input > div.time-popup .popup.three-part {
  margin: 4px 0 0 auto !important;
  right: 0;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content,
div.swf-container .swf-input > div .time-popup .popup .popup-content,
div.swf-container .swf-input > div.time-popup .popup .popup-content,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content,
div.component-store-container .swf-input > div .time-popup .popup .popup-content,
div.component-store-container .swf-input > div.time-popup .popup .popup-content,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content,
.use-swf .swf-input > div .time-popup .popup .popup-content,
.use-swf .swf-input > div.time-popup .popup .popup-content {
  background-color: #fefefe;
  border: 1px solid #d3d3d3;
  padding: 10px;
  text-align: center;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content button, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content button,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content button,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content button,
div.swf-container .swf-input > div .time-popup .popup .popup-content button,
div.swf-container .swf-input > div.time-popup .popup .popup-content button,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content button,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content button,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content button,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content button,
div.component-store-container .swf-input > div .time-popup .popup .popup-content button,
div.component-store-container .swf-input > div.time-popup .popup .popup-content button,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content button,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content button,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content button,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content button,
.use-swf .swf-input > div .time-popup .popup .popup-content button,
.use-swf .swf-input > div.time-popup .popup .popup-content button {
  border: 1px solid transparent;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content button.focused, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content button.focused,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content button.focused,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content button.focused,
div.swf-container .swf-input > div .time-popup .popup .popup-content button.focused,
div.swf-container .swf-input > div.time-popup .popup .popup-content button.focused,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content button.focused,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content button.focused,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content button.focused,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content button.focused,
div.component-store-container .swf-input > div .time-popup .popup .popup-content button.focused,
div.component-store-container .swf-input > div.time-popup .popup .popup-content button.focused,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content button.focused,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content button.focused,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content button.focused,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content button.focused,
.use-swf .swf-input > div .time-popup .popup .popup-content button.focused,
.use-swf .swf-input > div.time-popup .popup .popup-content button.focused {
  border: 1px solid #00f;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.datetime .calendar, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.datetime .calendar,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.datetime .calendar,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.datetime .calendar,
div.swf-container .swf-input > div .time-popup .popup .popup-content.datetime .calendar,
div.swf-container .swf-input > div.time-popup .popup .popup-content.datetime .calendar,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.datetime .calendar,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.datetime .calendar,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.datetime .calendar,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.datetime .calendar,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.datetime .calendar,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.datetime .calendar,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.datetime .calendar,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.datetime .calendar,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.datetime .calendar,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.datetime .calendar,
.use-swf .swf-input > div .time-popup .popup .popup-content.datetime .calendar,
.use-swf .swf-input > div.time-popup .popup .popup-content.datetime .calendar {
  padding-left: 5px;
  padding-right: 15px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date,
.use-swf .swf-input > div .time-popup .popup .popup-content.date,
.use-swf .swf-input > div.time-popup .popup .popup-content.date {
  display: flex;
  justify-content: center;
  min-height: 24rem;
  min-width: 30.2rem;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button {
  padding-bottom: 10px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button .first-box, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button .first-box,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button .first-box,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button .first-box,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button .first-box,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button .first-box,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button .first-box,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button .first-box,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button .first-box {
  display: flex;
  justify-content: end;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button .last-box, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button .last-box,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button .last-box,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .day-button .last-box,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .day-button .last-box,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .day-button .last-box,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .day-button .last-box,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .calendar .day-button .last-box,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .calendar .day-button .last-box {
  display: flex;
  justify-content: start;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .today, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .today,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .today,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .today,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .calendar .today,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .calendar .today,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .today,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .today,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .today,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .today,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .calendar .today,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .calendar .today,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .calendar .today,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .calendar .today,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .calendar .today,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .calendar .today,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .calendar .today,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .calendar .today {
  max-height: 28px;
  width: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .toggle-time,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .toggle-time,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .toggle-time,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .toggle-time,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .toggle-time,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .toggle-time {
  border-left: 1px solid #a9a9a9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 9px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time .now, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time .now,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time .now,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time .now,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .toggle-time .now,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .toggle-time .now,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time .now,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time .now,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time .now,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time .now,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .toggle-time .now,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .toggle-time .now,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time .now,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time .now,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time .now,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time .now,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .toggle-time .now,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .toggle-time .now {
  width: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time .ember-view, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time .ember-view,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time .ember-view,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time .ember-view,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .toggle-time .ember-view,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .toggle-time .ember-view,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time .ember-view,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time .ember-view,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time .ember-view,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time .ember-view,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .toggle-time .ember-view,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .toggle-time .ember-view,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle-time .ember-view,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle-time .ember-view,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle-time .ember-view,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle-time .ember-view,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .toggle-time .ember-view,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .toggle-time .ember-view {
  display: flex;
  flex-grow: 1;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .toggle,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .toggle,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .toggle,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .toggle,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .toggle,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .toggle {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 10px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle .toggle-button, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle .toggle-button,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle .toggle-button,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle .toggle-button,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .toggle .toggle-button,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .toggle .toggle-button,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle .toggle-button,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle .toggle-button,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle .toggle-button,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle .toggle-button,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .toggle .toggle-button,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .toggle .toggle-button,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .toggle .toggle-button,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .toggle .toggle-button,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .toggle .toggle-button,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .toggle .toggle-button,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .toggle .toggle-button,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .toggle .toggle-button {
  width: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .time-picker,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .time-picker,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .time-picker,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .time-picker,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .time-picker,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .time-picker {
  font-size: large;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker.month, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker.month,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker.month,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker.month,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .time-picker.month,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .time-picker.month,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker.month,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker.month,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker.month,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker.month,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .time-picker.month,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .time-picker.month,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker.month,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker.month,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker.month,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker.month,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .time-picker.month,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .time-picker.month {
  min-height: 15.4rem;
  padding-top: 2rem;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker > div, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker > div,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker > div,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker > div,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .time-picker > div,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .time-picker > div,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker > div,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker > div,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker > div,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker > div,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .time-picker > div,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .time-picker > div,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker > div,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker > div,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker > div,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker > div,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .time-picker > div,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .time-picker > div {
  gap: 10px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker > div > div, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker > div > div,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker > div > div,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker > div > div,
div.swf-container .swf-input > div .time-popup .popup .popup-content.date .time-picker > div > div,
div.swf-container .swf-input > div.time-popup .popup .popup-content.date .time-picker > div > div,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker > div > div,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker > div > div,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker > div > div,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker > div > div,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.date .time-picker > div > div,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.date .time-picker > div > div,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.date .time-picker > div > div,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.date .time-picker > div > div,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.date .time-picker > div > div,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.date .time-picker > div > div,
.use-swf .swf-input > div .time-popup .popup .popup-content.date .time-picker > div > div,
.use-swf .swf-input > div.time-popup .popup .popup-content.date .time-picker > div > div {
  gap: 5px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.time, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.time,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.time,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.time,
div.swf-container .swf-input > div .time-popup .popup .popup-content.time,
div.swf-container .swf-input > div.time-popup .popup .popup-content.time,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.time,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.time,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.time,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.time,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.time,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.time,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.time,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.time,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.time,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.time,
.use-swf .swf-input > div .time-popup .popup .popup-content.time,
.use-swf .swf-input > div.time-popup .popup .popup-content.time {
  padding: 5px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content.time .today, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content.time .today,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content.time .today,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content.time .today,
div.swf-container .swf-input > div .time-popup .popup .popup-content.time .today,
div.swf-container .swf-input > div.time-popup .popup .popup-content.time .today,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content.time .today,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content.time .today,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content.time .today,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content.time .today,
div.component-store-container .swf-input > div .time-popup .popup .popup-content.time .today,
div.component-store-container .swf-input > div.time-popup .popup .popup-content.time .today,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content.time .today,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content.time .today,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content.time .today,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content.time .today,
.use-swf .swf-input > div .time-popup .popup .popup-content.time .today,
.use-swf .swf-input > div.time-popup .popup .popup-content.time .today {
  width: 100%;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .year-button:hover,
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .month-button:hover, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .year-button:hover,
div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .month-button:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button:hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .year-button:hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .month-button:hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .year-button:hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .month-button:hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .year-button:hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .month-button:hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .year-button:hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .month-button:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button:hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .year-button:hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .month-button:hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .year-button:hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .month-button:hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .year-button:hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .month-button:hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .year-button:hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .month-button:hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button:hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button:hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button:hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button:hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .year-button:hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .month-button:hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .year-button:hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .month-button:hover {
  background: #f5f5f5 !important;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .year-button.active,
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .month-button.active, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .year-button.active,
div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .month-button.active,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button.active,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button.active,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button.active,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button.active,
div.swf-container .swf-input > div .time-popup .popup .popup-content .year-button.active,
div.swf-container .swf-input > div .time-popup .popup .popup-content .month-button.active,
div.swf-container .swf-input > div.time-popup .popup .popup-content .year-button.active,
div.swf-container .swf-input > div.time-popup .popup .popup-content .month-button.active,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .year-button.active,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .month-button.active,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .year-button.active,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .month-button.active,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button.active,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button.active,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button.active,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button.active,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .year-button.active,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .month-button.active,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .year-button.active,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .month-button.active,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .year-button.active,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .month-button.active,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .year-button.active,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .month-button.active,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button.active,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button.active,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button.active,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button.active,
.use-swf .swf-input > div .time-popup .popup .popup-content .year-button.active,
.use-swf .swf-input > div .time-popup .popup .popup-content .month-button.active,
.use-swf .swf-input > div.time-popup .popup .popup-content .year-button.active,
.use-swf .swf-input > div.time-popup .popup .popup-content .month-button.active {
  background-color: Highlight;
  border-radius: 3px;
  color: #fff;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .year-button.active:hover,
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .month-button.active:hover, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .year-button.active:hover,
div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .month-button.active:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button.active:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button.active:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button.active:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button.active:hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .year-button.active:hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .month-button.active:hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .year-button.active:hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .month-button.active:hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .year-button.active:hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .month-button.active:hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .year-button.active:hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .month-button.active:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button.active:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button.active:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button.active:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button.active:hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .year-button.active:hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .month-button.active:hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .year-button.active:hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .month-button.active:hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .year-button.active:hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .month-button.active:hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .year-button.active:hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .month-button.active:hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .year-button.active:hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .month-button.active:hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .year-button.active:hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .month-button.active:hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .year-button.active:hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .month-button.active:hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .year-button.active:hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .month-button.active:hover {
  background-color: Highlight !important;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day,
div.swf-container .swf-input > div .time-popup .popup .popup-content .week-day,
div.swf-container .swf-input > div.time-popup .popup .popup-content .week-day,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .week-day,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .week-day,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .week-day,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .week-day,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day,
.use-swf .swf-input > div .time-popup .popup .popup-content .week-day,
.use-swf .swf-input > div.time-popup .popup .popup-content .week-day {
  background: #f5f5f5;
  border-radius: 0;
  font-size: smaller;
  font-weight: 400;
  justify-content: right;
  padding: 0 5px 5px 0;
  width: 4rem;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day:hover, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day:hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .week-day:hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .week-day:hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day:hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day:hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .week-day:hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .week-day:hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .week-day:hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .week-day:hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day:hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day:hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .week-day:hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .week-day:hover {
  background: #f5f5f5 !important;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day.active, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day.active,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day.active,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day.active,
div.swf-container .swf-input > div .time-popup .popup .popup-content .week-day.active,
div.swf-container .swf-input > div.time-popup .popup .popup-content .week-day.active,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day.active,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day.active,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day.active,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day.active,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .week-day.active,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .week-day.active,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .week-day.active,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .week-day.active,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day.active,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day.active,
.use-swf .swf-input > div .time-popup .popup .popup-content .week-day.active,
.use-swf .swf-input > div.time-popup .popup .popup-content .week-day.active {
  background-color: Highlight;
  border-radius: 3px;
  color: #fff;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day.active:hover, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day.active:hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day.active:hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day.active:hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .week-day.active:hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .week-day.active:hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .week-day.active:hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .week-day.active:hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day.active:hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day.active:hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .week-day.active:hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .week-day.active:hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .week-day.active:hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .week-day.active:hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .week-day.active:hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .week-day.active:hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .week-day.active:hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .week-day.active:hover {
  background-color: Highlight !important;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .week-label, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .week-label,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-label,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-label,
div.swf-container .swf-input > div .time-popup .popup .popup-content .week-label,
div.swf-container .swf-input > div.time-popup .popup .popup-content .week-label,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .week-label,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .week-label,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-label,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-label,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .week-label,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .week-label,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .week-label,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .week-label,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .week-label,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .week-label,
.use-swf .swf-input > div .time-popup .popup .popup-content .week-label,
.use-swf .swf-input > div.time-popup .popup .popup-content .week-label {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .week-label span, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .week-label span,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-label span,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-label span,
div.swf-container .swf-input > div .time-popup .popup .popup-content .week-label span,
div.swf-container .swf-input > div.time-popup .popup .popup-content .week-label span,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .week-label span,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .week-label span,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .week-label span,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .week-label span,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .week-label span,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .week-label span,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .week-label span,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .week-label span,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .week-label span,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .week-label span,
.use-swf .swf-input > div .time-popup .popup .popup-content .week-label span,
.use-swf .swf-input > div.time-popup .popup .popup-content .week-label span {
  color: #808080;
  padding: 5px;
  text-decoration: underline;
  width: 4rem;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .close-btn, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .close-btn,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn,
div.swf-container .swf-input > div .time-popup .popup .popup-content .close-btn,
div.swf-container .swf-input > div.time-popup .popup .popup-content .close-btn,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .close-btn,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .close-btn,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .close-btn,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .close-btn,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .close-btn,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .close-btn,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn,
.use-swf .swf-input > div .time-popup .popup .popup-content .close-btn,
.use-swf .swf-input > div.time-popup .popup .popup-content .close-btn {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .close-btn :hover,
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .close-btn :focus, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .close-btn :hover,
div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .close-btn :focus,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn :hover,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn :focus,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn :hover,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn :focus,
div.swf-container .swf-input > div .time-popup .popup .popup-content .close-btn :hover,
div.swf-container .swf-input > div .time-popup .popup .popup-content .close-btn :focus,
div.swf-container .swf-input > div.time-popup .popup .popup-content .close-btn :hover,
div.swf-container .swf-input > div.time-popup .popup .popup-content .close-btn :focus,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .close-btn :hover,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .close-btn :focus,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .close-btn :hover,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .close-btn :focus,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn :hover,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn :focus,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn :hover,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn :focus,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .close-btn :hover,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .close-btn :focus,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .close-btn :hover,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .close-btn :focus,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .close-btn :hover,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .close-btn :focus,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .close-btn :hover,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .close-btn :focus,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn :hover,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .close-btn :focus,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn :hover,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .close-btn :focus,
.use-swf .swf-input > div .time-popup .popup .popup-content .close-btn :hover,
.use-swf .swf-input > div .time-popup .popup .popup-content .close-btn :focus,
.use-swf .swf-input > div.time-popup .popup .popup-content .close-btn :hover,
.use-swf .swf-input > div.time-popup .popup .popup-content .close-btn :focus {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker {
  display: flex;
  justify-content: center;
  line-height: 30px;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .num-display,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .num-display {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display > div, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display > div,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display > div,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display > div,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display > div,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display > div,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display > div,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display > div,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display > div,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display > div,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display > div,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display > div,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display > div,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display > div,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display > div,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display > div,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .num-display > div,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .num-display > div {
  display: flex;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display button, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display button,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display button,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display button,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display button,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display button,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display button,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display button,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display button,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display button,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display button,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display button,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display button,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display button,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display button,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display button,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .num-display button,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .num-display button {
  border: 1px solid transparent;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display button.focused, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display button.focused,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display button.focused,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display button.focused,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display button.focused,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display button.focused,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display button.focused,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display button.focused,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display button.focused,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display button.focused,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .num-display button.focused,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .num-display button.focused,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .num-display button.focused,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .num-display button.focused,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .num-display button.focused,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .num-display button.focused,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .num-display button.focused,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .num-display button.focused {
  background-color: #fff;
  outline: 2px solid Highlight;
  outline: 2px solid -webkit-focus-ring-color;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .time-block,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .time-block {
  display: flex;
  flex-direction: row;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: scroll;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select button, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select button,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select button,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select button,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select button,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select button,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select button,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select button,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select button {
  border: 1px solid transparent;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .time-block .time-select button.focused,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .time-block .time-select button.focused {
  border: 1px solid #00f;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .date-block,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .date-block,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .date-block,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .date-block,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .date-block,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .date-block {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block .month, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block .month,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block .month,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block .month,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .date-block .month,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .date-block .month,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block .month,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block .month,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block .month,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block .month,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .date-block .month,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .date-block .month,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block .month,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block .month,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block .month,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block .month,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .date-block .month,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .date-block .month {
  text-align: right;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block .date-button, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block .date-button,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block .date-button,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block .date-button,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker .date-block .date-button,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker .date-block .date-button,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block .date-button,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block .date-button,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block .date-button,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block .date-button,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker .date-block .date-button,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker .date-block .date-button,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker .date-block .date-button,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker .date-block .date-button,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker .date-block .date-button,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker .date-block .date-button,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker .date-block .date-button,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker .date-block .date-button {
  min-width: 5rem;
}
div.swf-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker select, div.swf-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker select,
div.swf-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker select,
div.swf-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker select,
div.swf-container .swf-input > div .time-popup .popup .popup-content .time-picker select,
div.swf-container .swf-input > div.time-popup .popup .popup-content .time-picker select,
div.component-store-container .swf-input > .ember-view .time-popup .popup .popup-content .time-picker select,
div.component-store-container .swf-input > .ember-view.time-popup .popup .popup-content .time-picker select,
div.component-store-container .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker select,
div.component-store-container .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker select,
div.component-store-container .swf-input > div .time-popup .popup .popup-content .time-picker select,
div.component-store-container .swf-input > div.time-popup .popup .popup-content .time-picker select,
.use-swf .swf-input > .ember-view .time-popup .popup .popup-content .time-picker select,
.use-swf .swf-input > .ember-view.time-popup .popup .popup-content .time-picker select,
.use-swf .swf-input > .ember-view > div .time-popup .popup .popup-content .time-picker select,
.use-swf .swf-input > .ember-view > div.time-popup .popup .popup-content .time-picker select,
.use-swf .swf-input > div .time-popup .popup .popup-content .time-picker select,
.use-swf .swf-input > div.time-popup .popup .popup-content .time-picker select {
  font-size: small;
  font-weight: bold;
  padding: 0 5px 0 5px;
  width: auto;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-placeholder,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder,
div.swf-container .swf-input > div:not(.ember-view).input-placeholder,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-placeholder,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder,
div.component-store-container .swf-input > div:not(.ember-view).input-placeholder,
.use-swf .swf-input > .ember-view:not(.ember-view).input-placeholder,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-placeholder,
.use-swf .swf-input > div:not(.ember-view).input-placeholder {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  font-size: 0.9em;
  font-weight: 400;
  gap: 0.5rem;
  height: 100%;
  justify-content: start;
  letter-spacing: 1px;
  min-height: 26px;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: calc(100% - 2rem - 8px);
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.image-icon > img,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.image-icon > img,
div.swf-container .swf-input > div:not(.ember-view).input-placeholder > div.image-icon > img,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.image-icon > img,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.image-icon > img,
div.component-store-container .swf-input > div:not(.ember-view).input-placeholder > div.image-icon > img,
.use-swf .swf-input > .ember-view:not(.ember-view).input-placeholder > div.image-icon > img,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.image-icon > img,
.use-swf .swf-input > div:not(.ember-view).input-placeholder > div.image-icon > img {
  height: 20px;
  margin: 0 0.5rem 0 0;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
div.swf-container .swf-input > div:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
div.component-store-container .swf-input > div:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
.use-swf .swf-input > .ember-view:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined,
.use-swf .swf-input > div:not(.ember-view).input-placeholder > div.image-icon > span.material-symbols-outlined {
  font-size: 20px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.text,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.text,
div.swf-container .swf-input > div:not(.ember-view).input-placeholder > div.text,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.text,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.text,
div.component-store-container .swf-input > div:not(.ember-view).input-placeholder > div.text,
.use-swf .swf-input > .ember-view:not(.ember-view).input-placeholder > div.text,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.text,
.use-swf .swf-input > div:not(.ember-view).input-placeholder > div.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.text > .empty-text,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.text > .empty-text,
div.swf-container .swf-input > div:not(.ember-view).input-placeholder > div.text > .empty-text,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-placeholder > div.text > .empty-text,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.text > .empty-text,
div.component-store-container .swf-input > div:not(.ember-view).input-placeholder > div.text > .empty-text,
.use-swf .swf-input > .ember-view:not(.ember-view).input-placeholder > div.text > .empty-text,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-placeholder > div.text > .empty-text,
.use-swf .swf-input > div:not(.ember-view).input-placeholder > div.text > .empty-text {
  color: #777;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-render,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-render,
div.swf-container .swf-input > div:not(.ember-view).input-render,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-render,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-render,
div.component-store-container .swf-input > div:not(.ember-view).input-render,
.use-swf .swf-input > .ember-view:not(.ember-view).input-render,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-render,
.use-swf .swf-input > div:not(.ember-view).input-render {
  flex-grow: 1;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-render input,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-render input,
div.swf-container .swf-input > div:not(.ember-view).input-render input,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-render input,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-render input,
div.component-store-container .swf-input > div:not(.ember-view).input-render input,
.use-swf .swf-input > .ember-view:not(.ember-view).input-render input,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-render input,
.use-swf .swf-input > div:not(.ember-view).input-render input {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-render input.align-right,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-render input.align-right,
div.swf-container .swf-input > div:not(.ember-view).input-render input.align-right,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-render input.align-right,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-render input.align-right,
div.component-store-container .swf-input > div:not(.ember-view).input-render input.align-right,
.use-swf .swf-input > .ember-view:not(.ember-view).input-render input.align-right,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-render input.align-right,
.use-swf .swf-input > div:not(.ember-view).input-render input.align-right {
  text-align: right !important;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-render input.align-end,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-render input.align-end,
div.swf-container .swf-input > div:not(.ember-view).input-render input.align-end,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-render input.align-end,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-render input.align-end,
div.component-store-container .swf-input > div:not(.ember-view).input-render input.align-end,
.use-swf .swf-input > .ember-view:not(.ember-view).input-render input.align-end,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-render input.align-end,
.use-swf .swf-input > div:not(.ember-view).input-render input.align-end {
  text-align: end !important;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).input-render input.align-center,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).input-render input.align-center,
div.swf-container .swf-input > div:not(.ember-view).input-render input.align-center,
div.component-store-container .swf-input > .ember-view:not(.ember-view).input-render input.align-center,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).input-render input.align-center,
div.component-store-container .swf-input > div:not(.ember-view).input-render input.align-center,
.use-swf .swf-input > .ember-view:not(.ember-view).input-render input.align-center,
.use-swf .swf-input > .ember-view > div:not(.ember-view).input-render input.align-center,
.use-swf .swf-input > div:not(.ember-view).input-render input.align-center {
  text-align: center !important;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons,
div.swf-container .swf-input > div:not(.ember-view).icons,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons,
div.component-store-container .swf-input > div:not(.ember-view).icons,
.use-swf .swf-input > .ember-view:not(.ember-view).icons,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons,
.use-swf .swf-input > div:not(.ember-view).icons {
  align-items: center;
  color: #707070;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  min-height: 26px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons > span.percent,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons > span.percent,
div.swf-container .swf-input > div:not(.ember-view).icons > span.percent,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons > span.percent,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons > span.percent,
div.component-store-container .swf-input > div:not(.ember-view).icons > span.percent,
.use-swf .swf-input > .ember-view:not(.ember-view).icons > span.percent,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons > span.percent,
.use-swf .swf-input > div:not(.ember-view).icons > span.percent {
  font-size: 16px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons > span.clear,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons > span.clear,
div.swf-container .swf-input > div:not(.ember-view).icons > span.clear,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons > span.clear,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons > span.clear,
div.component-store-container .swf-input > div:not(.ember-view).icons > span.clear,
.use-swf .swf-input > .ember-view:not(.ember-view).icons > span.clear,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons > span.clear,
.use-swf .swf-input > div:not(.ember-view).icons > span.clear {
  font-size: 20px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons > img,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons > img,
div.swf-container .swf-input > div:not(.ember-view).icons > img,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons > img,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons > img,
div.component-store-container .swf-input > div:not(.ember-view).icons > img,
.use-swf .swf-input > .ember-view:not(.ember-view).icons > img,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons > img,
.use-swf .swf-input > div:not(.ember-view).icons > img {
  height: 11px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button,
div.swf-container .swf-input > div:not(.ember-view).icons button,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button,
div.component-store-container .swf-input > div:not(.ember-view).icons button,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button,
.use-swf .swf-input > div:not(.ember-view).icons button {
  align-items: center;
  background-color: transparent;
  border: 1px solid transparent;
  display: flex;
  height: 100%;
  padding: 0;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button > img,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button > img,
div.swf-container .swf-input > div:not(.ember-view).icons button > img,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button > img,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button > img,
div.component-store-container .swf-input > div:not(.ember-view).icons button > img,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button > img,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button > img,
.use-swf .swf-input > div:not(.ember-view).icons button > img {
  height: 11px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button > span,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button > span,
div.swf-container .swf-input > div:not(.ember-view).icons button > span,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button > span,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button > span,
div.component-store-container .swf-input > div:not(.ember-view).icons button > span,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button > span,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button > span,
.use-swf .swf-input > div:not(.ember-view).icons button > span {
  font-size: 20px;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button > span.clear,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button > span.clear,
div.swf-container .swf-input > div:not(.ember-view).icons button > span.clear,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button > span.clear,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button > span.clear,
div.component-store-container .swf-input > div:not(.ember-view).icons button > span.clear,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button > span.clear,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button > span.clear,
.use-swf .swf-input > div:not(.ember-view).icons button > span.clear {
  font-size: 18px;
  font-weight: 600;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button.focused,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button.focused,
div.swf-container .swf-input > div:not(.ember-view).icons button.focused,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button.focused,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button.focused,
div.component-store-container .swf-input > div:not(.ember-view).icons button.focused,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button.focused,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button.focused,
.use-swf .swf-input > div:not(.ember-view).icons button.focused {
  background-color: #fff;
  outline: 2px solid Highlight;
  outline: 2px solid -webkit-focus-ring-color;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button:hover,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button:hover,
div.swf-container .swf-input > div:not(.ember-view).icons button:hover,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button:hover,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button:hover,
div.component-store-container .swf-input > div:not(.ember-view).icons button:hover,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button:hover,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button:hover,
.use-swf .swf-input > div:not(.ember-view).icons button:hover {
  background-color: transparent;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).icons button:hover > span.clear,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).icons button:hover > span.clear,
div.swf-container .swf-input > div:not(.ember-view).icons button:hover > span.clear,
div.component-store-container .swf-input > .ember-view:not(.ember-view).icons button:hover > span.clear,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).icons button:hover > span.clear,
div.component-store-container .swf-input > div:not(.ember-view).icons button:hover > span.clear,
.use-swf .swf-input > .ember-view:not(.ember-view).icons button:hover > span.clear,
.use-swf .swf-input > .ember-view > div:not(.ember-view).icons button:hover > span.clear,
.use-swf .swf-input > div:not(.ember-view).icons button:hover > span.clear {
  color: #f00;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).dropdown-options.shared,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared,
div.swf-container .swf-input > div:not(.ember-view).dropdown-options.shared,
div.component-store-container .swf-input > .ember-view:not(.ember-view).dropdown-options.shared,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared,
div.component-store-container .swf-input > div:not(.ember-view).dropdown-options.shared,
.use-swf .swf-input > .ember-view:not(.ember-view).dropdown-options.shared,
.use-swf .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared,
.use-swf .swf-input > div:not(.ember-view).dropdown-options.shared {
  left: 0;
  top: calc(100% + 0.5rem);
  width: 100%;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).dropdown-options.shared.people-card,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared.people-card,
div.swf-container .swf-input > div:not(.ember-view).dropdown-options.shared.people-card,
div.component-store-container .swf-input > .ember-view:not(.ember-view).dropdown-options.shared.people-card,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared.people-card,
div.component-store-container .swf-input > div:not(.ember-view).dropdown-options.shared.people-card,
.use-swf .swf-input > .ember-view:not(.ember-view).dropdown-options.shared.people-card,
.use-swf .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared.people-card,
.use-swf .swf-input > div:not(.ember-view).dropdown-options.shared.people-card {
  width: 160%;
}
div.swf-container .swf-input > .ember-view:not(.ember-view).dropdown-options.shared.up,
div.swf-container .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared.up,
div.swf-container .swf-input > div:not(.ember-view).dropdown-options.shared.up,
div.component-store-container .swf-input > .ember-view:not(.ember-view).dropdown-options.shared.up,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared.up,
div.component-store-container .swf-input > div:not(.ember-view).dropdown-options.shared.up,
.use-swf .swf-input > .ember-view:not(.ember-view).dropdown-options.shared.up,
.use-swf .swf-input > .ember-view > div:not(.ember-view).dropdown-options.shared.up,
.use-swf .swf-input > div:not(.ember-view).dropdown-options.shared.up {
  bottom: calc(100% + 0.5rem);
  top: auto;
}
div.swf-container .swf-input > .ember-view:not(.ember-view):first-child.icons,
div.swf-container .swf-input > .ember-view > div:not(.ember-view):first-child.icons,
div.swf-container .swf-input > div:not(.ember-view):first-child.icons,
div.component-store-container .swf-input > .ember-view:not(.ember-view):first-child.icons,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view):first-child.icons,
div.component-store-container .swf-input > div:not(.ember-view):first-child.icons,
.use-swf .swf-input > .ember-view:not(.ember-view):first-child.icons,
.use-swf .swf-input > .ember-view > div:not(.ember-view):first-child.icons,
.use-swf .swf-input > div:not(.ember-view):first-child.icons {
  padding: 0 0.5rem 0 0;
}
div.swf-container .swf-input > .ember-view:not(.ember-view):last-child.icons,
div.swf-container .swf-input > .ember-view > div:not(.ember-view):last-child.icons,
div.swf-container .swf-input > div:not(.ember-view):last-child.icons,
div.component-store-container .swf-input > .ember-view:not(.ember-view):last-child.icons,
div.component-store-container .swf-input > .ember-view > div:not(.ember-view):last-child.icons,
div.component-store-container .swf-input > div:not(.ember-view):last-child.icons,
.use-swf .swf-input > .ember-view:not(.ember-view):last-child.icons,
.use-swf .swf-input > .ember-view > div:not(.ember-view):last-child.icons,
.use-swf .swf-input > div:not(.ember-view):last-child.icons {
  padding: 0 0 0 0.5rem;
}
div.swf-container .swf-input[type=year] .dropdown-options, div.swf-container .swf-input[type=day] .dropdown-options, div.swf-container .swf-input[type=month].as-number .dropdown-options,
div.component-store-container .swf-input[type=year] .dropdown-options,
div.component-store-container .swf-input[type=day] .dropdown-options,
div.component-store-container .swf-input[type=month].as-number .dropdown-options,
.use-swf .swf-input[type=year] .dropdown-options,
.use-swf .swf-input[type=day] .dropdown-options,
.use-swf .swf-input[type=month].as-number .dropdown-options {
  min-width: unset;
}
div.swf-container .swf-input[type=image] > div.ember-view, div.swf-container .swf-input[type=rich-text] > div.ember-view,
div.component-store-container .swf-input[type=image] > div.ember-view,
div.component-store-container .swf-input[type=rich-text] > div.ember-view,
.use-swf .swf-input[type=image] > div.ember-view,
.use-swf .swf-input[type=rich-text] > div.ember-view {
  height: auto !important;
}
div.swf-container .swf-input[type=image] > div.ember-view > div, div.swf-container .swf-input[type=rich-text] > div.ember-view > div,
div.component-store-container .swf-input[type=image] > div.ember-view > div,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div,
.use-swf .swf-input[type=image] > div.ember-view > div,
.use-swf .swf-input[type=rich-text] > div.ember-view > div {
  border: 0;
  height: auto !important;
  margin-bottom: 0 !important;
  overflow-y: hidden;
  width: 100%;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar {
  background-color: #fff;
  z-index: 2;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group {
  border: 0;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group button, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group button,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group button,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group button,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group button,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group button {
  height: 100%;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > button,
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > button,
div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > button,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > button,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > button,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > button,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button {
  background-color: transparent;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > button:hover,
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button:hover, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > button:hover,
div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button:hover,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > button:hover,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button:hover,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > button:hover,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button:hover,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > button:hover,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button:hover,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > button:hover,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > button:hover {
  background-color: #ebebeb;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group {
  border: 0;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > div, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > div,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > div,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > div,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > div,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group > div {
  display: none;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div,
.use-swf .swf-input[type=image] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-toolbar > .note-btn-group > .note-btn-group button[data-toggle=dropdown][aria-expanded=true] + div {
  display: flex !important;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable ul > li,
div.swf-container .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable ol > li, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable ul > li,
div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable ol > li,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable ul > li,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable ol > li,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable ul > li,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable ol > li,
.use-swf .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable ul > li,
.use-swf .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable ol > li,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable ul > li,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable ol > li {
  margin-left: 3rem;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable a, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable a,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable a,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable a,
.use-swf .swf-input[type=image] > div.ember-view > div .note-editing-area .note-editable a,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-editing-area .note-editable a {
  color: #337ab7;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-status-output, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-status-output,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-status-output,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-status-output,
.use-swf .swf-input[type=image] > div.ember-view > div .note-status-output,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-status-output {
  padding-top: 0;
}
div.swf-container .swf-input[type=image] > div.ember-view > div .note-status-output .note-statusbar, div.swf-container .swf-input[type=rich-text] > div.ember-view > div .note-status-output .note-statusbar,
div.component-store-container .swf-input[type=image] > div.ember-view > div .note-status-output .note-statusbar,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div .note-status-output .note-statusbar,
.use-swf .swf-input[type=image] > div.ember-view > div .note-status-output .note-statusbar,
.use-swf .swf-input[type=rich-text] > div.ember-view > div .note-status-output .note-statusbar {
  background-color: #fff;
  padding: 4px 0;
}
div.swf-container .swf-input[type=image] > div.ember-view > div output, div.swf-container .swf-input[type=rich-text] > div.ember-view > div output,
div.component-store-container .swf-input[type=image] > div.ember-view > div output,
div.component-store-container .swf-input[type=rich-text] > div.ember-view > div output,
.use-swf .swf-input[type=image] > div.ember-view > div output,
.use-swf .swf-input[type=rich-text] > div.ember-view > div output {
  border-top: unset;
}
div.swf-container .swf-input[type=foreign-key] .image-icon > img,
div.component-store-container .swf-input[type=foreign-key] .image-icon > img,
.use-swf .swf-input[type=foreign-key] .image-icon > img {
  margin: 0 !important;
}
div.swf-container .swf-input[type=checkbox],
div.component-store-container .swf-input[type=checkbox],
.use-swf .swf-input[type=checkbox] {
  min-height: unset;
}
div.swf-container .swf-input[type=checkbox][disabled] .box, div.swf-container .swf-input[type=checkbox]:disabled .box, div.swf-container .swf-input[type=checkbox][no-options] .box,
div.component-store-container .swf-input[type=checkbox][disabled] .box,
div.component-store-container .swf-input[type=checkbox]:disabled .box,
div.component-store-container .swf-input[type=checkbox][no-options] .box,
.use-swf .swf-input[type=checkbox][disabled] .box,
.use-swf .swf-input[type=checkbox]:disabled .box,
.use-swf .swf-input[type=checkbox][no-options] .box {
  background-color: #f0f0f0 !important;
  border: 1px solid #c5c9d0 !important;
  opacity: 0.9;
  pointer-events: none;
}
div.swf-container .swf-input[type=checkbox][disabled] .box.active, div.swf-container .swf-input[type=checkbox]:disabled .box.active, div.swf-container .swf-input[type=checkbox][no-options] .box.active,
div.component-store-container .swf-input[type=checkbox][disabled] .box.active,
div.component-store-container .swf-input[type=checkbox]:disabled .box.active,
div.component-store-container .swf-input[type=checkbox][no-options] .box.active,
.use-swf .swf-input[type=checkbox][disabled] .box.active,
.use-swf .swf-input[type=checkbox]:disabled .box.active,
.use-swf .swf-input[type=checkbox][no-options] .box.active {
  color: #c5c9d0;
}
div.swf-container .swf-input[type=month], div.swf-container .swf-input[type=day], div.swf-container .swf-input[type=number], div.swf-container .swf-input[type=datetime], div.swf-container .swf-input[type=year],
div.component-store-container .swf-input[type=month],
div.component-store-container .swf-input[type=day],
div.component-store-container .swf-input[type=number],
div.component-store-container .swf-input[type=datetime],
div.component-store-container .swf-input[type=year],
.use-swf .swf-input[type=month],
.use-swf .swf-input[type=day],
.use-swf .swf-input[type=number],
.use-swf .swf-input[type=datetime],
.use-swf .swf-input[type=year] {
  min-width: 7rem;
  width: fit-content;
}
div.swf-container .swf-input[type=date],
div.component-store-container .swf-input[type=date],
.use-swf .swf-input[type=date] {
  width: 12.5rem;
}
div.swf-container .swf-input[type=three-part-date] > .ember-view,
div.component-store-container .swf-input[type=three-part-date] > .ember-view,
.use-swf .swf-input[type=three-part-date] > .ember-view {
  gap: 1rem;
}
div.swf-container .swf-input[type=three-part-date] > .ember-view > [type=month],
div.swf-container .swf-input[type=three-part-date] > .ember-view > [type=day],
div.swf-container .swf-input[type=three-part-date] > .ember-view > [type=number],
div.swf-container .swf-input[type=three-part-date] > .ember-view > [type=year],
div.component-store-container .swf-input[type=three-part-date] > .ember-view > [type=month],
div.component-store-container .swf-input[type=three-part-date] > .ember-view > [type=day],
div.component-store-container .swf-input[type=three-part-date] > .ember-view > [type=number],
div.component-store-container .swf-input[type=three-part-date] > .ember-view > [type=year],
.use-swf .swf-input[type=three-part-date] > .ember-view > [type=month],
.use-swf .swf-input[type=three-part-date] > .ember-view > [type=day],
.use-swf .swf-input[type=three-part-date] > .ember-view > [type=number],
.use-swf .swf-input[type=three-part-date] > .ember-view > [type=year] {
  max-width: 80px;
  min-width: 5rem;
}
div.swf-container .swf-input[type=three-part-date] > .ember-view > button,
div.component-store-container .swf-input[type=three-part-date] > .ember-view > button,
.use-swf .swf-input[type=three-part-date] > .ember-view > button {
  margin-left: 0.5rem;
}
div.swf-container .swf-input[type=radio], div.swf-container .swf-input[type=multi-select], div.swf-container .swf-input[type=three-part-date],
div.component-store-container .swf-input[type=radio],
div.component-store-container .swf-input[type=multi-select],
div.component-store-container .swf-input[type=three-part-date],
.use-swf .swf-input[type=radio],
.use-swf .swf-input[type=multi-select],
.use-swf .swf-input[type=three-part-date] {
  background-color: transparent;
  border: unset;
  padding: 0;
}
div.swf-container .swf-input[type=radio]:hover, div.swf-container .swf-input[type=multi-select]:hover, div.swf-container .swf-input[type=three-part-date]:hover,
div.component-store-container .swf-input[type=radio]:hover,
div.component-store-container .swf-input[type=multi-select]:hover,
div.component-store-container .swf-input[type=three-part-date]:hover,
.use-swf .swf-input[type=radio]:hover,
.use-swf .swf-input[type=multi-select]:hover,
.use-swf .swf-input[type=three-part-date]:hover {
  background-color: transparent;
}
div.swf-container .swf-input[type=radio] > .ember-view, div.swf-container .swf-input[type=multi-select] > .ember-view,
div.component-store-container .swf-input[type=radio] > .ember-view,
div.component-store-container .swf-input[type=multi-select] > .ember-view,
.use-swf .swf-input[type=radio] > .ember-view,
.use-swf .swf-input[type=multi-select] > .ember-view {
  height: fit-content;
}
div.swf-container .swf-input[type=radio] > .ember-view > div[sub=column], div.swf-container .swf-input[type=multi-select] > .ember-view > div[sub=column],
div.component-store-container .swf-input[type=radio] > .ember-view > div[sub=column],
div.component-store-container .swf-input[type=multi-select] > .ember-view > div[sub=column],
.use-swf .swf-input[type=radio] > .ember-view > div[sub=column],
.use-swf .swf-input[type=multi-select] > .ember-view > div[sub=column] {
  width: 100%;
}
div.swf-container .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row], div.swf-container .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row],
div.component-store-container .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row],
div.component-store-container .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row],
.use-swf .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row],
.use-swf .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] {
  align-items: center;
  justify-items: start;
}
div.swf-container .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row] [type=checkbox] .box, div.swf-container .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] [type=checkbox] .box,
div.component-store-container .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row] [type=checkbox] .box,
div.component-store-container .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] [type=checkbox] .box,
.use-swf .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row] [type=checkbox] .box,
.use-swf .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] [type=checkbox] .box {
  font-size: 10px;
  height: 18px;
  width: 18px;
}
div.swf-container .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row] label, div.swf-container .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] label,
div.component-store-container .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row] label,
div.component-store-container .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] label,
.use-swf .swf-input[type=radio] > .ember-view > div[sub=column] > div[sub=row] label,
.use-swf .swf-input[type=multi-select] > .ember-view > div[sub=column] > div[sub=row] label {
  font-size: 12px;
  margin-bottom: 0;
  text-transform: none;
}
div.swf-container .swf-input select,
div.swf-container .swf-input input,
div.component-store-container .swf-input select,
div.component-store-container .swf-input input,
.use-swf .swf-input select,
.use-swf .swf-input input {
  background-color: transparent;
  border: 0;
  font-size: 0.9em;
  font-weight: 400;
  height: 26px;
  line-height: 25px;
  padding: 0;
}
div.swf-container .swf-input select::placeholder,
div.swf-container .swf-input input::placeholder,
div.component-store-container .swf-input select::placeholder,
div.component-store-container .swf-input input::placeholder,
.use-swf .swf-input select::placeholder,
.use-swf .swf-input input::placeholder {
  color: #b1b0b0;
}
div.swf-container .swf-input select:hover, div.swf-container .swf-input select:active, div.swf-container .swf-input select:focus,
div.swf-container .swf-input input:hover,
div.swf-container .swf-input input:active,
div.swf-container .swf-input input:focus,
div.component-store-container .swf-input select:hover,
div.component-store-container .swf-input select:active,
div.component-store-container .swf-input select:focus,
div.component-store-container .swf-input input:hover,
div.component-store-container .swf-input input:active,
div.component-store-container .swf-input input:focus,
.use-swf .swf-input select:hover,
.use-swf .swf-input select:active,
.use-swf .swf-input select:focus,
.use-swf .swf-input input:hover,
.use-swf .swf-input input:active,
.use-swf .swf-input input:focus {
  border: 0;
  box-shadow: none;
  outline: none;
}
div.swf-container .swf-input select,
div.component-store-container .swf-input select,
.use-swf .swf-input select {
  -webkit-appearance: none;
  width: 100%;
}
div.swf-container .swf-input.comboblock, div.swf-container .swf-input.searchbar,
div.component-store-container .swf-input.comboblock,
div.component-store-container .swf-input.searchbar,
.use-swf .swf-input.comboblock,
.use-swf .swf-input.searchbar {
  cursor: pointer;
}
div.swf-container .swf-input.textareablock,
div.component-store-container .swf-input.textareablock,
.use-swf .swf-input.textareablock {
  padding: 0 !important;
}
div.swf-container .swf-input.textareablock > div.ember-view,
div.component-store-container .swf-input.textareablock > div.ember-view,
.use-swf .swf-input.textareablock > div.ember-view {
  height: fit-content;
}
div.swf-container .swf-input.textareablock > div.ember-view .tox.tox-tinymce,
div.component-store-container .swf-input.textareablock > div.ember-view .tox.tox-tinymce,
.use-swf .swf-input.textareablock > div.ember-view .tox.tox-tinymce {
  border: 0;
  width: 100% !important;
}
div.swf-container .swf-input.textareablock .image_div,
div.component-store-container .swf-input.textareablock .image_div,
.use-swf .swf-input.textareablock .image_div {
  display: flex;
  flex: 1;
  flex-direction: column;
}
div.swf-container .swf-input.textareablock .image_div .image,
div.component-store-container .swf-input.textareablock .image_div .image,
.use-swf .swf-input.textareablock .image_div .image {
  border-left: solid #dddcdc;
  display: table-cell;
  height: 100%;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
div.swf-container .swf-input.textareablock .image_div .image .pic,
div.component-store-container .swf-input.textareablock .image_div .image .pic,
.use-swf .swf-input.textareablock .image_div .image .pic {
  max-height: 200px;
  max-width: 100%;
}
div.swf-container .swf-input.textareablock .image_div .image_button,
div.component-store-container .swf-input.textareablock .image_div .image_button,
.use-swf .swf-input.textareablock .image_div .image_button {
  border: 1px solid #c5c9d0;
  display: flex;
  flex-direction: row;
}
div.swf-container .swf-input.image,
div.component-store-container .swf-input.image,
.use-swf .swf-input.image {
  padding: 0 !important;
}
div.swf-container .swf-input.image > div.ember-view,
div.component-store-container .swf-input.image > div.ember-view,
.use-swf .swf-input.image > div.ember-view {
  height: fit-content;
}
div.swf-container .swf-input.image > div.ember-view .tox.tox-tinymce,
div.component-store-container .swf-input.image > div.ember-view .tox.tox-tinymce,
.use-swf .swf-input.image > div.ember-view .tox.tox-tinymce {
  border: 0;
  width: 100% !important;
}
div.swf-container .swf-input.comboblock,
div.component-store-container .swf-input.comboblock,
.use-swf .swf-input.comboblock {
  cursor: pointer;
  transition: background-color 0.1s ease-in-out 0s;
}
div.swf-container .swf-input.comboblock input::placeholder,
div.component-store-container .swf-input.comboblock input::placeholder,
.use-swf .swf-input.comboblock input::placeholder {
  color: #47484d;
}
div.swf-container .swf-input.comboblock.active,
div.component-store-container .swf-input.comboblock.active,
.use-swf .swf-input.comboblock.active {
  cursor: text;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options,
div.component-store-container .swf-input.comboblock.active div.dropdown-options,
.use-swf .swf-input.comboblock.active div.dropdown-options {
  visibility: visible;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row {
  display: flex;
  text-align: left;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-info-column,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-info-column,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-info-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-info-column div.people-card-name,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-info-column div.people-card-name,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-info-column div.people-card-name {
  font-weight: bold;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column {
  display: flex;
  justify-content: center;
  text-align: center;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .type-image .image-wrapper,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .type-image .image-wrapper,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .type-image .image-wrapper {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 30px;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .type-image .image-wrapper > img,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .type-image .image-wrapper > img,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .type-image .image-wrapper > img {
  height: auto;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column div.people-card-image,
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column div.people-card-initial,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column div.people-card-image,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column div.people-card-initial,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column div.people-card-image,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column div.people-card-initial {
  align-items: center;
  border: 1px solid;
  border-color: #808080;
  border-radius: 50%;
  color: #000;
  display: flex;
  font-size: 15px;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  text-align: center;
  width: 40px;
}
div.swf-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .people-card-image,
div.component-store-container .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .people-card-image,
.use-swf .swf-input.comboblock.active div.dropdown-options div.people-card-row div.people-card-image-column .people-card-image {
  border: 0;
  border-radius: 0 !important;
}
div.swf-container .swf-input.comboblock[multiselect],
div.component-store-container .swf-input.comboblock[multiselect],
.use-swf .swf-input.comboblock[multiselect] {
  cursor: default;
}
div.swf-container .swf-input.comboblock[multiselect] input,
div.component-store-container .swf-input.comboblock[multiselect] input,
.use-swf .swf-input.comboblock[multiselect] input {
  caret-color: transparent;
  cursor: default;
}
div.swf-container .swf-input.comboblock[multiselect].active,
div.component-store-container .swf-input.comboblock[multiselect].active,
.use-swf .swf-input.comboblock[multiselect].active {
  cursor: default;
}
div.swf-container .swf-input.searchbar,
div.component-store-container .swf-input.searchbar,
.use-swf .swf-input.searchbar {
  border: 1px solid #c5c9d0;
  border-radius: 5px;
  transition: background-color 0.1s ease-in-out 0s, width 0.1s ease-in-out 0.1s;
  width: 25rem;
}
div.swf-container .swf-input.searchbar input,
div.component-store-container .swf-input.searchbar input,
.use-swf .swf-input.searchbar input {
  height: 26px;
  margin: 0;
}
div.swf-container .swf-input.searchbar input::placeholder,
div.component-store-container .swf-input.searchbar input::placeholder,
.use-swf .swf-input.searchbar input::placeholder {
  color: #53545a;
}
div.swf-container .swf-input.searchbar .icons,
div.component-store-container .swf-input.searchbar .icons,
.use-swf .swf-input.searchbar .icons {
  height: 26px;
}
div.swf-container .swf-input.checkbox,
div.component-store-container .swf-input.checkbox,
.use-swf .swf-input.checkbox {
  border: 0;
  cursor: default;
  outline: none !important;
  padding: 0;
  position: relative;
  width: fit-content;
}
div.swf-container .swf-input.checkbox:hover,
div.component-store-container .swf-input.checkbox:hover,
.use-swf .swf-input.checkbox:hover {
  background-color: transparent;
}
div.swf-container .swf-input.checkbox > .ember-view,
div.component-store-container .swf-input.checkbox > .ember-view,
.use-swf .swf-input.checkbox > .ember-view {
  height: fit-content;
}
div.swf-container .swf-input.checkbox .box,
div.component-store-container .swf-input.checkbox .box,
.use-swf .swf-input.checkbox .box {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  align-items: center;
  background-color: #fff;
  border: 1px solid #c5c9d0;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 22px;
  justify-content: center;
  user-select: none;
  width: 22px;
}
div.swf-container .swf-input.checkbox .box:hover,
div.component-store-container .swf-input.checkbox .box:hover,
.use-swf .swf-input.checkbox .box:hover {
  background-color: #f6f6f6;
}
div.swf-container .swf-input.checkbox .box:active, div.swf-container .swf-input.checkbox .box:focus,
div.component-store-container .swf-input.checkbox .box:active,
div.component-store-container .swf-input.checkbox .box:focus,
.use-swf .swf-input.checkbox .box:active,
.use-swf .swf-input.checkbox .box:focus {
  background-color: #fff;
  border: 1px solid #007bff;
}
div.swf-container .swf-input.checkbox .box.active,
div.component-store-container .swf-input.checkbox .box.active,
.use-swf .swf-input.checkbox .box.active {
  background-color: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
}
div.swf-container .swf-input.checkbox .box.active:hover,
div.component-store-container .swf-input.checkbox .box.active:hover,
.use-swf .swf-input.checkbox .box.active:hover {
  background-color: #286090;
}
div.swf-container .swf-input.checkbox .box > input,
div.component-store-container .swf-input.checkbox .box > input,
.use-swf .swf-input.checkbox .box > input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: -4px;
  width: 100%;
}
div.swf-container .swf-input.checkbox .swf-pill,
div.component-store-container .swf-input.checkbox .swf-pill,
.use-swf .swf-input.checkbox .swf-pill {
  align-items: center;
  display: flex;
  height: 26px;
  justify-content: start;
  position: relative !important;
}
div.swf-container .swf-input.checkbox .swf-pill.pill-hidden,
div.component-store-container .swf-input.checkbox .swf-pill.pill-hidden,
.use-swf .swf-input.checkbox .swf-pill.pill-hidden {
  visibility: hidden;
}
div.swf-container .swf-input.checkbox .swf-pill.small,
div.component-store-container .swf-input.checkbox .swf-pill.small,
.use-swf .swf-input.checkbox .swf-pill.small {
  height: 2.5em;
  padding: 0.2rem 0.8rem !important;
}
div.swf-container .swf-input.checkbox .swf-pill > .box,
div.component-store-container .swf-input.checkbox .swf-pill > .box,
.use-swf .swf-input.checkbox .swf-pill > .box {
  border: 1px solid #fff;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
div.swf-container .swf-input.checkbox .swf-pill.color-green > .box,
div.component-store-container .swf-input.checkbox .swf-pill.color-green > .box,
.use-swf .swf-input.checkbox .swf-pill.color-green > .box {
  background-color: #34ae32;
}
div.swf-container .swf-input.checkbox .swf-pill.color-green > .box.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-green > .box.active,
.use-swf .swf-input.checkbox .swf-pill.color-green > .box.active {
  background-color: #3dca63;
  color: #fff;
}
div.swf-container .swf-input.checkbox .swf-pill.color-green > .box.active:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-green > .box.active:hover,
.use-swf .swf-input.checkbox .swf-pill.color-green > .box.active:hover {
  background-color: #34ae32;
}
div.swf-container .swf-input.checkbox .swf-pill.color-green > .box.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-green > .box.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-green > .box.inactive {
  background-color: #fff;
  border: 1px solid #3dca63;
  color: #3dca63;
}
div.swf-container .swf-input.checkbox .swf-pill.color-green > .box.inactive:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-green > .box.inactive:hover,
.use-swf .swf-input.checkbox .swf-pill.color-green > .box.inactive:hover {
  background-color: #e4e4e4;
}
div.swf-container .swf-input.checkbox .swf-pill.color-orange > .box,
div.component-store-container .swf-input.checkbox .swf-pill.color-orange > .box,
.use-swf .swf-input.checkbox .swf-pill.color-orange > .box {
  background-color: #fab003;
  padding: 0;
}
div.swf-container .swf-input.checkbox .swf-pill.color-orange > .box.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-orange > .box.active,
.use-swf .swf-input.checkbox .swf-pill.color-orange > .box.active {
  background-color: #fab003;
  color: #fff;
}
div.swf-container .swf-input.checkbox .swf-pill.color-orange > .box.active:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-orange > .box.active:hover,
.use-swf .swf-input.checkbox .swf-pill.color-orange > .box.active:hover {
  background-color: #fab003;
}
div.swf-container .swf-input.checkbox .swf-pill.color-orange > .box.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-orange > .box.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-orange > .box.inactive {
  background-color: #fff;
  border: 1px solid #fab003;
  color: #fab003;
}
div.swf-container .swf-input.checkbox .swf-pill.color-orange > .box.inactive:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-orange > .box.inactive:hover,
.use-swf .swf-input.checkbox .swf-pill.color-orange > .box.inactive:hover {
  background-color: #e4e4e4;
}
div.swf-container .swf-input.checkbox .swf-pill.color-red > .box,
div.component-store-container .swf-input.checkbox .swf-pill.color-red > .box,
.use-swf .swf-input.checkbox .swf-pill.color-red > .box {
  background-color: #fa0f03;
  padding: 0;
}
div.swf-container .swf-input.checkbox .swf-pill.color-red > .box.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-red > .box.active,
.use-swf .swf-input.checkbox .swf-pill.color-red > .box.active {
  background-color: #fa0f03;
  color: #fff;
}
div.swf-container .swf-input.checkbox .swf-pill.color-red > .box.active:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-red > .box.active:hover,
.use-swf .swf-input.checkbox .swf-pill.color-red > .box.active:hover {
  background-color: #fa0f03;
}
div.swf-container .swf-input.checkbox .swf-pill.color-red > .box.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-red > .box.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-red > .box.inactive {
  background-color: #fff;
  border: 1px solid #fa0f03;
  color: #fa0f03;
}
div.swf-container .swf-input.checkbox .swf-pill.color-red > .box.inactive:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-red > .box.inactive:hover,
.use-swf .swf-input.checkbox .swf-pill.color-red > .box.inactive:hover {
  background-color: #e4e4e4;
}
div.swf-container .swf-input.checkbox .swf-pill.color-default > .box, div.swf-container .swf-input.checkbox .swf-pill.color-blue > .box,
div.component-store-container .swf-input.checkbox .swf-pill.color-default > .box,
div.component-store-container .swf-input.checkbox .swf-pill.color-blue > .box,
.use-swf .swf-input.checkbox .swf-pill.color-default > .box,
.use-swf .swf-input.checkbox .swf-pill.color-blue > .box {
  background-color: #0391fa;
}
div.swf-container .swf-input.checkbox .swf-pill.color-default > .box.active, div.swf-container .swf-input.checkbox .swf-pill.color-blue > .box.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-default > .box.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-blue > .box.active,
.use-swf .swf-input.checkbox .swf-pill.color-default > .box.active,
.use-swf .swf-input.checkbox .swf-pill.color-blue > .box.active {
  background-color: #0391fa;
  color: #fff;
}
div.swf-container .swf-input.checkbox .swf-pill.color-default > .box.active:hover, div.swf-container .swf-input.checkbox .swf-pill.color-blue > .box.active:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-default > .box.active:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-blue > .box.active:hover,
.use-swf .swf-input.checkbox .swf-pill.color-default > .box.active:hover,
.use-swf .swf-input.checkbox .swf-pill.color-blue > .box.active:hover {
  background-color: #0391fa !important;
}
div.swf-container .swf-input.checkbox .swf-pill.color-default > .box.inactive, div.swf-container .swf-input.checkbox .swf-pill.color-blue > .box.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-default > .box.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-blue > .box.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-default > .box.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-blue > .box.inactive {
  background-color: #fff;
  border: 1px solid #0391fa;
  color: #0391fa;
}
div.swf-container .swf-input.checkbox .swf-pill.color-default > .box.inactive:hover, div.swf-container .swf-input.checkbox .swf-pill.color-blue > .box.inactive:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-default > .box.inactive:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-blue > .box.inactive:hover,
.use-swf .swf-input.checkbox .swf-pill.color-default > .box.inactive:hover,
.use-swf .swf-input.checkbox .swf-pill.color-blue > .box.inactive:hover {
  background-color: #e4e4e4;
}
div.swf-container .swf-input.checkbox .swf-pill.color-gray > .box,
div.component-store-container .swf-input.checkbox .swf-pill.color-gray > .box,
.use-swf .swf-input.checkbox .swf-pill.color-gray > .box {
  background-color: #afbad2;
}
div.swf-container .swf-input.checkbox .swf-pill.color-gray > .box.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-gray > .box.active,
.use-swf .swf-input.checkbox .swf-pill.color-gray > .box.active {
  background-color: #afbad2;
  color: #fff;
}
div.swf-container .swf-input.checkbox .swf-pill.color-gray > .box.active:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-gray > .box.active:hover,
.use-swf .swf-input.checkbox .swf-pill.color-gray > .box.active:hover {
  background-color: #afbad2;
}
div.swf-container .swf-input.checkbox .swf-pill.color-gray > .box.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-gray > .box.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-gray > .box.inactive {
  background-color: #fff;
  border: 1px solid #afbad2;
  color: #afbad2;
}
div.swf-container .swf-input.checkbox .swf-pill.color-gray > .box.inactive:hover,
div.component-store-container .swf-input.checkbox .swf-pill.color-gray > .box.inactive:hover,
.use-swf .swf-input.checkbox .swf-pill.color-gray > .box.inactive:hover {
  background-color: #e4e4e4;
}
div.swf-container .swf-input.checkbox .swf-pill.color-white,
div.component-store-container .swf-input.checkbox .swf-pill.color-white,
.use-swf .swf-input.checkbox .swf-pill.color-white {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
div.swf-container .swf-input.checkbox .swf-pill.color-white.active,
div.component-store-container .swf-input.checkbox .swf-pill.color-white.active,
.use-swf .swf-input.checkbox .swf-pill.color-white.active {
  background-color: #fff;
  color: #000;
}
div.swf-container .swf-input.checkbox .swf-pill.color-white.inactive,
div.component-store-container .swf-input.checkbox .swf-pill.color-white.inactive,
.use-swf .swf-input.checkbox .swf-pill.color-white.inactive {
  background-color: #fff;
  color: #000;
}
div.swf-container .swf-input.emphasize,
div.component-store-container .swf-input.emphasize,
.use-swf .swf-input.emphasize {
  border: 2px solid #dddddd;
}
div.swf-container .swf-input.emphasize input,
div.component-store-container .swf-input.emphasize input,
.use-swf .swf-input.emphasize input {
  font-weight: 500;
}
div.swf-container .swf-input.emphasize.active,
div.component-store-container .swf-input.emphasize.active,
.use-swf .swf-input.emphasize.active {
  border: 2px solid #0c66e4;
}
div.swf-container div.print-hide input,
div.component-store-container div.print-hide input,
.use-swf div.print-hide input {
  border-color: #e9e9e9;
}
div.swf-container div.print-hide input:active, div.swf-container div.print-hide input:focus,
div.component-store-container div.print-hide input:active,
div.component-store-container div.print-hide input:focus,
.use-swf div.print-hide input:active,
.use-swf div.print-hide input:focus {
  background-color: #fff;
}

.staff-filter {
  padding: calc(20px / 2) 0;
}

.historical:not(th) {
  color: #808080 !important;
}

div.swf-container .swf-pill,
div.component-store-container .swf-pill {
  background-color: #0391fa;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  padding: 0.6rem 1rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
div.swf-container .swf-pill.pill-hidden,
div.component-store-container .swf-pill.pill-hidden {
  visibility: hidden;
}
div.swf-container .swf-pill.muted,
div.component-store-container .swf-pill.muted {
  background-color: #a6a6a6;
}
div.swf-container .swf-pill.color-green,
div.component-store-container .swf-pill.color-green {
  background-color: #2cd63d;
  border: 1px solid #2cd63d;
  color: #fff;
}
div.swf-container .swf-pill.color-green.active,
div.component-store-container .swf-pill.color-green.active {
  border: 1px solid #2cd63d;
  color: #fff;
}
div.swf-container .swf-pill.color-green.inactive,
div.component-store-container .swf-pill.color-green.inactive {
  background-color: #fff;
  color: #2cd63d;
}
div.swf-container .swf-pill.color-purple,
div.component-store-container .swf-pill.color-purple {
  background-color: #7e6bc4;
  color: #fff;
}
div.swf-container .swf-pill.color-red,
div.component-store-container .swf-pill.color-red {
  background-color: #dc3545;
  border: 1px solid #dc3545;
  color: #fff;
}
div.swf-container .swf-pill.color-red.active,
div.component-store-container .swf-pill.color-red.active {
  background-color: #dc3545;
  color: #fff;
}
div.swf-container .swf-pill.color-red.inactive,
div.component-store-container .swf-pill.color-red.inactive {
  background-color: #fff;
  color: #dc3545;
}
div.swf-container .swf-pill.color-orange,
div.component-store-container .swf-pill.color-orange {
  background-color: #fab003;
  border: 1px solid #fab003;
  color: #fff;
}
div.swf-container .swf-pill.color-orange.active,
div.component-store-container .swf-pill.color-orange.active {
  background-color: #fab003;
  color: #fff;
}
div.swf-container .swf-pill.color-orange.inactive,
div.component-store-container .swf-pill.color-orange.inactive {
  background-color: #fff;
  color: #fab003;
}
div.swf-container .swf-pill.color-default, div.swf-container .swf-pill.color-blue,
div.component-store-container .swf-pill.color-default,
div.component-store-container .swf-pill.color-blue {
  background-color: #0391fa;
  border: 1px solid #0391fa;
  color: #fff;
}
div.swf-container .swf-pill.color-default.active, div.swf-container .swf-pill.color-blue.active,
div.component-store-container .swf-pill.color-default.active,
div.component-store-container .swf-pill.color-blue.active {
  background-color: #0391fa;
  color: #fff;
}
div.swf-container .swf-pill.color-default.inactive, div.swf-container .swf-pill.color-blue.inactive,
div.component-store-container .swf-pill.color-default.inactive,
div.component-store-container .swf-pill.color-blue.inactive {
  background-color: #fff;
  color: #0391fa;
}
div.swf-container .swf-pill.color-gray,
div.component-store-container .swf-pill.color-gray {
  background-color: #afbad2;
  border: 1px solid #afbad2;
  color: #fff;
}
div.swf-container .swf-pill.color-gray.active,
div.component-store-container .swf-pill.color-gray.active {
  background-color: #afbad2;
  color: #fff;
}
div.swf-container .swf-pill.color-gray.inactive,
div.component-store-container .swf-pill.color-gray.inactive {
  background-color: #fff;
  color: #afbad2;
}
div.swf-container .swf-pill.color-white,
div.component-store-container .swf-pill.color-white {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
div.swf-container .swf-pill.color-white.active,
div.component-store-container .swf-pill.color-white.active {
  background-color: #fff;
  color: #000;
}
div.swf-container .swf-pill.color-white.inactive,
div.component-store-container .swf-pill.color-white.inactive {
  background-color: #fff;
  color: #000;
}
div.swf-container .swf-pill.small,
div.component-store-container .swf-pill.small {
  font-size: 10px;
  padding: 0.2rem 0.6rem;
}
div.swf-container .swf-pill.mar-left,
div.component-store-container .swf-pill.mar-left {
  margin-left: 5px;
}
div.swf-container .swf-pill.primary,
div.component-store-container .swf-pill.primary {
  background-color: #58c55c;
}
div.swf-container .swf-pill.mar-top,
div.component-store-container .swf-pill.mar-top {
  margin-top: 2px;
}
div.swf-container div.pane,
div.component-store-container div.pane {
  border: 1px solid #e1e3e7;
  border-radius: 10px;
  min-height: 20px;
  padding: calc(20px / 2) 20px;
  position: relative;
  width: 100%;
}
div.swf-container div.pane.no-padding,
div.component-store-container div.pane.no-padding {
  padding: 0;
}
div.swf-container div.pane .alert,
div.component-store-container div.pane .alert {
  margin: calc(20px / 2) 0;
  width: 100% !important;
}
div.swf-container div.pane b,
div.component-store-container div.pane b {
  font-family: "Open Sans", sans-serif;
}
div.swf-container div.pane .text-blue,
div.component-store-container div.pane .text-blue {
  color: #0391fa !important;
}
div.swf-container div.pane .text-blue:hover,
div.component-store-container div.pane .text-blue:hover {
  background-color: transparent;
}
div.swf-container div.pane [swf-violation],
div.component-store-container div.pane [swf-violation] {
  background-color: rgba(201, 55, 44, 0.1);
  padding: 0 0 3px !important;
}
div.swf-container div.pane button.delete,
div.component-store-container div.pane button.delete {
  color: #d83339;
  max-height: 32px;
}
div.swf-container div.pane button.redirect-btn.create,
div.component-store-container div.pane button.redirect-btn.create {
  background-color: #fff;
  border: 1px solid #fff;
  color: #0391fa;
}
div.swf-container div.pane button.redirect-btn.create:hover,
div.component-store-container div.pane button.redirect-btn.create:hover {
  background-color: #fff !important;
}
div.swf-container div.pane span.tag,
div.component-store-container div.pane span.tag {
  align-items: center;
  background-color: #eed7fc;
  border-radius: 5px;
  color: #8242a7;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: fit-content;
  justify-content: center;
  margin: 0 0 0 5px;
  padding: 3px 5px;
  width: fit-content;
}
div.swf-container div.pane span.tag > span,
div.component-store-container div.pane span.tag > span {
  color: #8242a7;
  font-size: 18px;
}
div.swf-container div.pane .pane-banner,
div.component-store-container div.pane .pane-banner {
  margin-bottom: -4px;
  margin-top: 7px;
}
div.swf-container div.pane .buttons-row,
div.component-store-container div.pane .buttons-row {
  gap: 20px;
  padding: 0 0 0 calc(24px + calc(20px / 2));
  position: relative;
}
div.swf-container div.pane .buttons-row button,
div.component-store-container div.pane .buttons-row button {
  padding: 0 !important;
}
div.swf-container div.pane .buttons-row .right,
div.component-store-container div.pane .buttons-row .right {
  height: 100%;
  margin-left: auto;
}
div.swf-container div.pane-title,
div.component-store-container div.pane-title {
  align-items: center;
  background-color: #fff !important;
  color: #777 !important;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  left: 10px;
  padding: 0 8px;
  position: absolute;
  top: -11px;
  z-index: 1;
}
div.swf-container div.pane-title.skeleton,
div.component-store-container div.pane-title.skeleton {
  animation: inherit;
  border: 2px solid #fff;
  border-radius: 5px;
  min-height: 20px;
  min-width: 100px;
}
div.swf-container div.pane-body > div.ember-view,
div.component-store-container div.pane-body > div.ember-view {
  display: flex;
  flex-direction: column;
  gap: calc(20px / 4);
  height: 100%;
  padding: calc(20px / 2) 0;
  position: relative;
  width: 100%;
}
div.swf-container div.pane-body > div.ember-view [sub=row] > [sub=column].icon,
div.component-store-container div.pane-body > div.ember-view [sub=row] > [sub=column].icon {
  min-width: 24px;
}
div.swf-container div.pane-body > div.ember-view [sub=row] > [sub=column].icon span.online-presence,
div.component-store-container div.pane-body > div.ember-view [sub=row] > [sub=column].icon span.online-presence {
  margin-bottom: -3rem !important;
}
div.swf-container div.pane-body > div.ember-view .record[newly-created],
div.component-store-container div.pane-body > div.ember-view .record[newly-created] {
  background-color: #f5e9896e;
  transition: background-color 3s ease;
  z-index: 1;
}
div.swf-container div.pane-body > div.ember-view .record[newly-created][stop-highlight],
div.component-store-container div.pane-body > div.ember-view .record[newly-created][stop-highlight] {
  background-color: #f5e98900;
}
div.swf-container div.pane-body > div.ember-view form,
div.component-store-container div.pane-body > div.ember-view form {
  display: flex;
  flex-direction: column;
  gap: calc(20px / 4);
  height: fit-content;
  min-height: 2rem;
  width: 100%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair {
  align-items: center;
  font-size: 13px;
  margin: 0;
  padding: 0;
  width: 100%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div {
  align-items: center;
  display: flex;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.key,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.key {
  align-self: flex-start;
  height: 100%;
  margin-top: 1.5rem;
  min-width: 8rem;
  width: 30%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.key > a.edit,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.key > a.edit {
  margin-top: -1rem;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.key > h6,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.key > h6 {
  font-size: 13px;
  margin: 0 !important;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value {
  align-items: flex-start;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  margin-top: 0.5rem;
  position: relative;
  width: 70%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view {
  margin-top: 3.5px;
  width: 100%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink {
  display: inline-block;
  height: 20px;
  max-width: 450px;
  position: relative;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-view,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-view {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions {
  display: none;
  height: 100%;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions button,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions button {
  border-radius: 5px;
  margin: auto 0;
  padding: 3px;
  position: absolute;
  top: -25%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions button:hover,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions button:hover {
  background-color: #f8fafd !important;
  text-decoration: none;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions button:active,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink span.component-actions button:active {
  background-color: #f4f6fc !important;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink.active span.component-view,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink.active span.component-view {
  width: calc(100% - 32px);
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink.active span.component-actions,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view.swf-view.type-hyperlink.active span.component-actions {
  display: inline-block;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view {
  position: absolute;
  top: -10px;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair > button.icon-button.edit,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair > button.icon-button.edit {
  margin-top: -1rem;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair.edit,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair.edit {
  height: fit-content;
  margin: 0 0 calc(20px / 2);
  min-height: 26px;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair.edit .key,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair.edit .key {
  height: 100%;
}
div.swf-container div.pane-body > div.ember-view form .key-value-pair.edit .value,
div.component-store-container div.pane-body > div.ember-view form .key-value-pair.edit .value {
  height: 100%;
}
div.swf-container div.pane-body > div.ember-view [sub=column][editing],
div.component-store-container div.pane-body > div.ember-view [sub=column][editing] {
  border: 1px solid #0391fa;
  border-radius: 5px;
  padding: 1rem 1rem 1rem 5px;
}
div.swf-container div.pane-body > div.ember-view [sub=row][invalid],
div.swf-container div.pane-body > div.ember-view [sub=column][invalid],
div.component-store-container div.pane-body > div.ember-view [sub=row][invalid],
div.component-store-container div.pane-body > div.ember-view [sub=column][invalid] {
  border: 1px solid #c9372c;
  border-radius: 5px;
  padding: 1rem 1rem 1rem 5px;
}
div.swf-container div.pane-body .staff-filter .swf-input.active .dropdown-options,
div.component-store-container div.pane-body .staff-filter .swf-input.active .dropdown-options {
  z-index: 30 !important;
}
button div.swf-container div.pane-body:not(.jump_button),
button div.component-store-container div.pane-body:not(.jump_button) {
  font-size: 14px !important;
  font-weight: 500 !important;
}
button div.swf-container div.pane-body:not(.jump_button):hover,
button div.component-store-container div.pane-body:not(.jump_button):hover {
  background: transparent !important;
  text-decoration: none;
}
button div.swf-container div.pane-body:not(.jump_button).delete,
button div.component-store-container div.pane-body:not(.jump_button).delete {
  color: #f00 !important;
}
button div.swf-container div.pane-body:not(.jump_button).delete:hover,
button div.component-store-container div.pane-body:not(.jump_button).delete:hover {
  background-color: #f3f4f5 !important;
}
div.swf-container div.pane-body .form-action,
div.component-store-container div.pane-body .form-action {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
div.swf-container div.pane-body .form-action.top,
div.component-store-container div.pane-body .form-action.top {
  gap: 10px;
}
div.swf-container div.pane-body .form-action.top button,
div.component-store-container div.pane-body .form-action.top button {
  background-color: #fff !important;
  border: 2px solid #c5c9d0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: calc(20px / 2) 0 0;
}
div.swf-container div.pane-body .form-action.top button:hover,
div.component-store-container div.pane-body .form-action.top button:hover {
  background: #f3f4f5 !important;
  text-decoration: unset;
}
div.swf-container div.pane-body .form-action.drop > button,
div.component-store-container div.pane-body .form-action.drop > button {
  font-size: 14px !important;
  font-weight: 500 !important;
}
div.swf-container div.pane-body .form-action.drop > button.delete,
div.component-store-container div.pane-body .form-action.drop > button.delete {
  color: #f00 !important;
}
div.swf-container div.pane-body .form-action.drop > button:hover,
div.component-store-container div.pane-body .form-action.drop > button:hover {
  background: transparent !important;
  text-decoration: underline;
}
div.swf-container div.pane-body > div.ember-view > div.toolbar,
div.component-store-container div.pane-body > div.ember-view > div.toolbar {
  z-index: 20;
}
div.swf-container div.pane-body > div.ember-view > div.toolbar div.module-label,
div.component-store-container div.pane-body > div.ember-view > div.toolbar div.module-label {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: end;
  margin: 0 0 0 10px;
  min-width: 50px;
}
div.swf-container div.pane-body > div.ember-view > div.toolbar div.module-label label,
div.component-store-container div.pane-body > div.ember-view > div.toolbar div.module-label label {
  margin-bottom: 0 !important;
}
div.swf-container div.pane-body[pane-body-template=contact-info] > div.ember-view div.key-value-pair,
div.component-store-container div.pane-body[pane-body-template=contact-info] > div.ember-view div.key-value-pair {
  align-items: center;
}
div.swf-container div.pane-body[pane-body-template=contact-info] > div.ember-view div.key-value-pair .key,
div.component-store-container div.pane-body[pane-body-template=contact-info] > div.ember-view div.key-value-pair .key {
  align-items: center;
  margin-bottom: auto !important;
  margin-top: auto !important;
}
div.swf-container div.pane-body[pane-body-template=contact-info] > div.ember-view div.key-value-pair .value,
div.component-store-container div.pane-body[pane-body-template=contact-info] > div.ember-view div.key-value-pair .value {
  justify-content: start;
}
div.swf-container div.pane-body[pane-body-template=contact-info] > div.ember-view div .grid-column.slight-tm,
div.component-store-container div.pane-body[pane-body-template=contact-info] > div.ember-view div .grid-column.slight-tm {
  display: flex;
}
div.swf-container div.pane-body[pane-body-template=contact-info] > div.ember-view .grid-column.slight-tm > span.material-symbols-outlined,
div.component-store-container div.pane-body[pane-body-template=contact-info] > div.ember-view .grid-column.slight-tm > span.material-symbols-outlined {
  font-size: 22px;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record {
  margin-bottom: auto;
  margin-top: auto;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .content, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > .content,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .content,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > .content {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons), div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons) {
  margin-bottom: auto;
  margin-top: auto;
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] .details,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] .details, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] .details,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] .details,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] .details,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] .details,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] .details,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] .details {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > button {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] > [sub=row] > button {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] form > .record > .content, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] form > .record > .content,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] form > .record > .content,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] form > .record > .content {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] form > .record > .content div.ember-view, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] form > .record > .content div.ember-view,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] form > .record > .content div.ember-view,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > [sub=column] form > .record > .content div.ember-view {
  gap: 0.5rem;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > .record,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > .record {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block {
  display: flex;
  gap: 5px;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block .address-text, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block .address-text,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block .address-text,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block .address-text {
  display: flex;
  flex-direction: column;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block .address-text p, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block .address-text p,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block .address-text p,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block .address-text p {
  margin-bottom: 0;
}
div.swf-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block .address-label, div.swf-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block .address-label,
div.component-store-container div.pane-body[pane-body-template=detail-list] > div.ember-view > .record > .content .address-block .address-label,
div.component-store-container div.pane-body[pane-body-template=address] > div.ember-view > .record > .content .address-block .address-label {
  display: flex;
  justify-content: start;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div {
  align-items: center;
  display: flex;
  gap: 1rem;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.key-value-pair,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.key-value-pair {
  margin-bottom: auto;
  padding-top: 3px;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair {
  align-items: start;
  display: flex;
  padding-top: 1px;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair > div.key,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair > div.key {
  margin-top: 5px;
  min-width: fit-content;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair div.value,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair div.value {
  margin-top: 0;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair div.value span,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair div.value span {
  font-style: italic;
}
div.swf-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair button.icon-button,
div.component-store-container div.pane-body[pane-body-template=link] [sub=row] > form > div > div.sub-note div.key-value-pair button.icon-button {
  padding: 0 0 5px 3px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .group-list .small-col, div.swf-container div.pane-body[pane-body-template=grouped-list] .group-list .small-col,
div.component-store-container div.pane-body[pane-body-template=parent-child] .group-list .small-col,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .group-list .small-col {
  width: 30px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .group-list .large-col, div.swf-container div.pane-body[pane-body-template=grouped-list] .group-list .large-col,
div.component-store-container div.pane-body[pane-body-template=parent-child] .group-list .large-col,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .group-list .large-col {
  width: 250px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .group-list .nowrap, div.swf-container div.pane-body[pane-body-template=grouped-list] .group-list .nowrap,
div.component-store-container div.pane-body[pane-body-template=parent-child] .group-list .nowrap,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .group-list .nowrap {
  white-space: nowrap;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container {
  background-color: rgba(0, 0, 0, 0.4);
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle {
  display: table-cell;
  vertical-align: middle;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
  width: 400px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner > h5, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner > h5,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner > h5,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner > h5 {
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair {
  margin: 0;
  min-height: 35px;
  padding: 0;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div {
  align-items: center;
  display: flex;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.key, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.key,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.key,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.key {
  height: 100%;
  min-width: 8rem;
  padding: 8px 0;
  width: 30%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.key > h6, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.key > h6,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.key > h6,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.key > h6 {
  font-size: 13px;
  margin: 0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value {
  height: 100%;
  justify-content: start;
  margin: auto;
  position: relative;
  width: 70%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value .swf-input, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value .swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value .swf-input,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value .swf-input {
  justify-content: start !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value > .ember-view, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value > .ember-view,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value > .ember-view,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value > .ember-view {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view {
  position: absolute;
  top: -10px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair.edit, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair.edit,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair.edit,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair.edit {
  height: fit-content;
  margin: 0 0 calc(20px / 2);
  min-height: 26px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair.edit .key, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair.edit .key,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair.edit .key,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair.edit .key {
  height: 100%;
  padding: 8px 0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair.edit .value, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair.edit .value,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .key-value-pair.edit .value,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .key-value-pair.edit .value {
  height: 100%;
  margin: auto;
}
div.swf-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .interact, div.swf-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .interact,
div.component-store-container div.pane-body[pane-body-template=parent-child] .popup-container .middle .inner .interact,
div.component-store-container div.pane-body[pane-body-template=grouped-list] .popup-container .middle .inner .interact {
  display: flex;
  justify-content: space-between;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: end;
  left: 0;
  margin: 0 0 1rem;
  min-height: 30px;
  top: 0;
  width: 100%;
  z-index: 20;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar label, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar label,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar label,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar label {
  margin: 0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar > .swf-input, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar > .swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar > .swf-input,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar > .swf-input {
  max-width: 15rem;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar > .swf-input .dropdown-options, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar > .swf-input .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar > .swf-input .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar > .swf-input .dropdown-options {
  min-width: unset;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar button, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar button,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar button {
  -ms-user-select: none;
  -webkit-user-select: none;
  border: 1px solid #e1e3e7;
  height: 3rem;
  user-select: none;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar button.nav-button, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar button.nav-button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.toolbar button.nav-button,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.toolbar button.nav-button {
  min-width: 3rem;
  padding: 0 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table {
  overflow: visible;
  position: relative;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td {
  background-color: #fff;
  border: 0;
  padding: 8px;
  position: sticky;
  z-index: 16;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed {
  position: -webkit-sticky;
  position: sticky;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1) {
  left: 0;
  width: 3rem;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) {
  left: 3rem;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(3), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(3) {
  left: 60px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum {
  text-align: left;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.single-column,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.single-column,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.single-column,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.single-column, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.single-column,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.single-column,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.single-column,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.single-column,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.single-column {
  display: flex;
  justify-content: start;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select {
  min-width: 20rem;
  padding-left: 0.5rem;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select span.ember-view span, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.single-column span.field.swf-view.type-select span.ember-view span,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.single-column span.field.swf-view.type-select span.ember-view span {
  margin-left: 0.5 rem;
  vertical-align: -0.5rem;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.year,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.year,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.year,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.year, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.year,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.year,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.year,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.year,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum.year,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum.year,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum.year,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum.year,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum.year,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum.year,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum.year,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum.year {
  max-width: 10rem;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum:last-child,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum:last-child,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum:last-child,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum:last-child, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum:last-child,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum:last-child,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum:last-child,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.datum:last-child,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.datum:last-child {
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th .dropdown-options,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td .dropdown-options,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th .dropdown-options,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td .dropdown-options, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th .dropdown-options,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td .dropdown-options,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th .dropdown-options,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td .dropdown-options {
  z-index: 25;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th button:hover,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td button:hover,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th button:hover,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td button:hover, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th button:hover,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td button:hover,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th button:hover,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td button:hover,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th button:hover,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td button:hover,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th button:hover,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td button:hover,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th button:hover,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td button:hover,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th button:hover,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td button:hover {
  text-decoration: none;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th {
  padding-bottom: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 150px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed {
  z-index: 17;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed {
  z-index: 16;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(2) button,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) button, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(2) button,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td.fixed:nth-child(2) button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) button,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td.fixed:nth-child(2) button,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) button {
  margin: 6px 0 0 4px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td div.swf-input,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td div.swf-input, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td div.swf-input,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td div.swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td div.swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td div.swf-input,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td div.swf-input,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td div.swf-input {
  min-width: unset !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td div.swf-input.checkbox,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td div.swf-input.checkbox, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td div.swf-input.checkbox,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td div.swf-input.checkbox,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td div.swf-input.checkbox,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td div.swf-input.checkbox,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td div.swf-input.checkbox,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td div.swf-input.checkbox {
  margin: auto;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td div.ember-view.loader-mini,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td div.ember-view.loader-mini, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td div.ember-view.loader-mini,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td div.ember-view.loader-mini,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr td div.ember-view.loader-mini,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td div.ember-view.loader-mini,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr td div.ember-view.loader-mini,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td div.ember-view.loader-mini {
  display: inline;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3) {
  left: 60px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(3):after, div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after, div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3):after,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(3):after, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3):after,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr th.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr[new-sub-category] > td:not(:first-child),
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[new-sub-category] > td:not(:first-child), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr[new-sub-category] > td:not(:first-child),
div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[new-sub-category] > td:not(:first-child),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr[new-sub-category] > td:not(:first-child),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[new-sub-category] > td:not(:first-child),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr[new-sub-category] > td:not(:first-child),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[new-sub-category] > td:not(:first-child) {
  background-color: rgba(51, 122, 183, 0.01);
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr {
  min-height: 35px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table thead tr th {
  font-weight: 600;
  top: -1px;
  z-index: 17;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td {
  min-height: 35px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td:nth-child(1), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td:nth-child(1) {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.focused, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.focused,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr td.focused,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr td.focused {
  z-index: 20;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-focused] td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-focused] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-focused] td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-focused] td {
  z-index: 20;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category], div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category],
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category] {
  background-color: transparent;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category] td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category] td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category] td {
  background-color: #f3f4f5;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td, div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td {
  background-color: #fff;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:not(:first-child):not(:last-child), div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:not(:first-child):not(:last-child), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:not(:first-child):not(:last-child), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:not(:first-child):not(:last-child),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:not(:first-child):not(:last-child),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:not(:first-child):not(:last-child),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:not(:first-child):not(:last-child),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:not(:first-child):not(:last-child) {
  background-color: #f3f4f5;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:first-child:before, div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:last-child:before, div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:first-child:before, div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:last-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:first-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:last-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:first-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category] td:last-child:before {
  background-color: #f3f4f5;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:first-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:first-child:before {
  border-top-left-radius: 10px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:last-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category]:first-child > td:last-child:before {
  border-top-right-radius: 10px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:first-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:first-child:before {
  border-bottom-left-radius: 10px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:last-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:last-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=category][last-category]:not([data-expanded]) td:last-child:before {
  border-bottom-right-radius: 10px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2) {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category].header td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category].header td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category].header td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category].header td {
  color: #212529;
  font-size: 0.9em;
  font-weight: normal;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td {
  background-color: #fff;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td:first-child:before, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td:first-child:before,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] > td:first-child:before {
  background-color: #f3f4f5;
  border-bottom-left-radius: 10px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)) {
  background-color: #fafafb;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3) {
  text-align: right;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view, div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view,
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][last-field], div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][last-field],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][last-field],
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][last-field] {
  border-bottom: 1px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category], div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category],
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category] {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category], div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category],
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1), div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1), div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1) {
  background-color: #f3f4f5;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-hidden], div.swf-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-hidden],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table table tbody tr[data-hidden],
div.component-store-container div.pane-body[pane-body-template=grouped-list] > div.ember-view > div.table table tbody tr[data-hidden] {
  display: none;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table thead tr th,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table thead tr th {
  background-color: transparent !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table thead tr th:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table thead tr th:after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td {
  background-color: transparent !important;
  vertical-align: top;
  z-index: 10;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td button,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td .swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td .swf-input {
  z-index: 20;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td:before,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td:before {
  background-color: transparent !important;
  z-index: -1 !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td:after {
  background-color: transparent !important;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1 !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td[data-focused],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td[data-focused] {
  z-index: 30 !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td[data-focused] button,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td[data-focused] .swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td[data-focused] button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr td[data-focused] .swf-input {
  z-index: 35;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-highlight],
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-highlight] {
  background-color: #f3f4f5 !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td {
  z-index: 30 !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td button,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td .swf-input,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td button,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td .swf-input {
  z-index: 31;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td button .popup,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td button .dropdown-options,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td .swf-input .popup,
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td .swf-input .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td button .popup,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td button .dropdown-options,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td .swf-input .popup,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-focused] td .swf-input .dropdown-options {
  z-index: 32;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td {
  padding: 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td:after {
  border-top: 1px solid #0391fa !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td:first-child:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td:first-child:after {
  border-top-left-radius: 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td:last-child:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category][data-editing] td:last-child:after {
  border-top-right-radius: 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category-actions][data-editing] td:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category-actions][data-editing] td:after {
  border-bottom: 1px solid #0391fa !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category-actions][data-editing] td:first-child:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category-actions][data-editing] td:first-child:after {
  border-bottom-left-radius: 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category-actions][data-editing] td:last-child:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=category-actions][data-editing] td:last-child:after {
  border-bottom-right-radius: 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=sub-category] td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=sub-category] td {
  padding: 3px 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=sub-category].header td,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-role=sub-category].header td {
  padding: 0 5px;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-editing] td:first-child:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-editing] td:first-child:after {
  border-left: 1px solid #0391fa !important;
}
div.swf-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-editing] td:last-child:after,
div.component-store-container div.pane-body[pane-body-template=parent-child] > div.ember-view > div.table tbody tr[data-editing] td:last-child:after {
  border-right: 1px solid #0391fa !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar {
  display: flex;
  gap: 1rem;
  justify-content: center;
  left: 0;
  min-height: 30px;
  position: sticky;
  top: 0;
  width: fit-content;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .checkbox-container,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .checkbox-container {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .checkbox-container input[type=checkbox],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .checkbox-container input[type=checkbox] {
  cursor: pointer;
  height: 16px;
  margin-bottom: 2px;
  width: 16px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .checkbox-container label,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .checkbox-container label {
  line-height: 1;
  margin: 0;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .left,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar .left {
  align-items: center;
  display: inherit;
  flex-grow: 1;
  gap: calc(20px / 4);
  overflow: visible;
  white-space: nowrap;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a {
  -webkit-box-align: baseline;
  -webkit-box-pack: center;
  align-items: center;
  background: transparent;
  border-radius: 3px;
  border-width: 0;
  box-sizing: border-box;
  color: #42526e;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 500;
  height: 2.28571em;
  justify-content: center;
  line-height: 2.28571em;
  max-width: 100%;
  outline: none;
  padding: 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.1s ease-out 0s, color 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button {
  -ms-user-select: none;
  -webkit-user-select: none;
  border: 1px solid #e1e3e7;
  height: 3rem;
  user-select: none;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a.nav-button,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a.nav-button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button {
  min-width: 3rem;
  padding: 0 5px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a.nav-button.collapse,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button.collapse,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a.nav-button.collapse,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button.collapse {
  padding: 0 7px !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a.nav-button.collapse span,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button.collapse span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar a.nav-button.collapse span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button.collapse span {
  font-weight: 500;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table {
  max-height: 850px;
  overflow-x: auto;
  position: relative;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table {
  background-color: #80b2f01a;
  border-collapse: collapse;
  min-width: 100%;
  table-layout: fixed;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=false] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=false] td,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=false] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=false] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=false] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=false] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=false] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=false] td {
  background-color: #e5e7eb !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=true] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=true] td,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=true] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=true] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=true] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=field])[data-odd=true] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=true] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=field])[data-odd=true] td {
  background-color: #f0f1f3 !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=true] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=true] td,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=true] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=true] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=true] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=true] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=true] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=true] td {
  background-color: #f7f8f9 !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=false] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=false] td,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=false] th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=false] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=false] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=field][data-odd=false] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=false] th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd=false] td {
  background-color: #fff !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td {
  background-color: #fff;
  border: 0;
  height: 36px !important;
  padding: 0;
  vertical-align: middle;
  z-index: 1;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th[data-sub-role=end],
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td[data-sub-role=end],
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th[data-sub-role=end],
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td[data-sub-role=end],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th[data-sub-role=end],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td[data-sub-role=end],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th[data-sub-role=end],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td[data-sub-role=end] {
  padding: 0 7px 0 0 !important;
  position: relative;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th[data-sub-role=end]:after,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td[data-sub-role=end]:after,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th[data-sub-role=end]:after,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td[data-sub-role=end]:after,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th[data-sub-role=end]:after,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td[data-sub-role=end]:after,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th[data-sub-role=end]:after,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td[data-sub-role=end]:after {
  border-right: 1px solid #e1e3e7;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed {
  left: 0;
  min-width: 30px;
  position: -webkit-sticky;
  position: sticky;
  white-space: nowrap;
  z-index: 2;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed.indentation,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed.indentation,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed.indentation,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed.indentation,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed.indentation,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed.indentation,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed.indentation,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed.indentation {
  min-width: 25px !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed.column-reference,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed.column-reference,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed.column-reference,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed.column-reference,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed.column-reference,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed.column-reference,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed.column-reference,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed.column-reference {
  padding-left: 25px !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.hidden-column,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.hidden-column,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.hidden-column,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.hidden-column,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.hidden-column,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.hidden-column,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.hidden-column,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.hidden-column {
  display: none !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum {
  min-width: 150px;
  padding: 0 5px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum:not(:last-child),
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum:not(:last-child),
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum:not(:last-child),
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum:not(:last-child) {
  border-right: 1px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th > div.cell-container,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td > div.cell-container,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th > div.cell-container,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td > div.cell-container,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th > div.cell-container,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td > div.cell-container,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th > div.cell-container,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td > div.cell-container {
  align-items: center;
  display: flex !important;
  gap: 2px;
  margin: 0 !important;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th > div.cell-container > button,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td > div.cell-container > button,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th > div.cell-container > button,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td > div.cell-container > button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th > div.cell-container > button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td > div.cell-container > button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th > div.cell-container > button,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td > div.cell-container > button {
  align-items: center;
  background: none;
  border: 0;
  cursor: pointer;
  display: flex;
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th > div.cell-container > span,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td > div.cell-container > span,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th > div.cell-container > span,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td > div.cell-container > span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th > div.cell-container > span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td > div.cell-container > span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th > div.cell-container > span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td > div.cell-container > span {
  right: 1px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  vertical-align: middle;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed {
  z-index: 3;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum {
  padding: 0.5rem;
  vertical-align: middle;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum .datum-header,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum .datum-header,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum .datum-header,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum .datum-header {
  align-items: center;
  color: #0391fa;
  display: flex;
  height: 100%;
  justify-content: space-between;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed {
  z-index: 2;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum,
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum {
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=finance], div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=currency],
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=finance],
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=currency],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=finance],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=currency],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=finance],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=currency] {
  padding-right: 7px;
  text-align: right;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr {
  min-height: 35px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th {
  font-weight: 600;
  top: -1px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed {
  z-index: 3;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th:after,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th:after {
  border-bottom: 2px solid #c5c9d0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td {
  min-height: 35px;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td span {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td span,
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td span {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-hidden],
div.component-store-container div.pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-hidden] {
  display: none;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar {
  display: flex;
  gap: 1rem;
  justify-content: center;
  left: 0;
  min-height: 30px;
  position: sticky;
  top: 0;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar .left,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar .left {
  align-items: center;
  display: inherit;
  flex-grow: 1;
  gap: calc(20px / 4);
  overflow: visible;
  white-space: nowrap;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a {
  -webkit-box-align: baseline;
  -webkit-box-pack: center;
  align-items: center;
  background: transparent;
  border-radius: 3px;
  border-width: 0;
  box-sizing: border-box;
  color: #42526e;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 500;
  height: 2.28571em;
  justify-content: center;
  line-height: 2.28571em;
  max-width: 100%;
  outline: none;
  padding: 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.1s ease-out 0s, color 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button {
  -ms-user-select: none;
  -webkit-user-select: none;
  border: 1px solid #e1e3e7;
  height: 3rem;
  user-select: none;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a.nav-button,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button.nav-button,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a.nav-button,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button.nav-button {
  min-width: 3rem;
  padding: 0 5px;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a.nav-button.collapse,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button.nav-button.collapse,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a.nav-button.collapse,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button.nav-button.collapse {
  padding: 0 7px !important;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a.nav-button.collapse span,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button.nav-button.collapse span,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar a.nav-button.collapse span,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.toolbar button.nav-button.collapse span {
  font-weight: 500;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table {
  max-height: 600px;
  overflow-x: auto;
  position: relative;
  width: fit-content;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table {
  background-color: #80b2f01a;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td {
  background-color: #fff;
  border: 0;
  padding: 8px;
  vertical-align: top;
  z-index: 1;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed {
  position: -webkit-sticky;
  position: sticky;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1) {
  left: 0;
  width: 3rem;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) {
  left: 3rem;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum:not(:last-child),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum:not(:last-child),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum:not(:last-child),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum:not(:last-child),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum:not(:last-child) {
  border-right: 1px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  vertical-align: middle;
  width: 150px;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed {
  z-index: 3;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum {
  padding: 0.5rem;
  vertical-align: middle;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header {
  align-items: center;
  color: #0391fa;
  display: flex;
  height: 100%;
  justify-content: space-between;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .year-link,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .year-link,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .year-link,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .year-link {
  color: inherit;
  font-weight: 500;
  padding-inline-start: 1rem;
  text-decoration: none;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .download-button,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .download-button,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .download-button,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .download-button {
  align-items: center;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
  padding-right: 1rem;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .download-button .material-symbols-outlined,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .download-button .material-symbols-outlined,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .download-button .material-symbols-outlined,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .download-button .material-symbols-outlined {
  color: inherit;
  font-size: 20px;
  vertical-align: middle;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .download-button:disabled,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .download-button:disabled,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.datum .datum-header .download-button:disabled,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.datum .datum-header .download-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.fixed {
  z-index: 2;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum {
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum[data-type=finance], div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum[data-type=currency],
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum[data-type=finance],
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum[data-type=currency],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum[data-type=finance],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr td.datum[data-type=currency],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum[data-type=finance],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td.datum[data-type=currency] {
  text-align: right;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3) {
  left: calc(2 * 3rem);
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed:nth-child(2):after, div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after, div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2):after,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2):after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after {
  border-right: 1px solid #e1e3e7;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr {
  min-height: 35px;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th {
  font-weight: 600;
  top: -1px;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th.fixed {
  z-index: 3;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th > a,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th > a {
  color: #0391fa;
  font-weight: 500;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th > a:hover,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th > a:hover {
  text-decoration: underline;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th:after,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table thead tr th:after {
  border-bottom: 2px solid #c5c9d0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td {
  min-height: 35px;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr td:nth-child(1) {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category] td,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category] td {
  background-color: #f3f4f5;
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded]),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded]) {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded])[last-category],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded])[last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2) {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded]),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded]) {
  border-bottom: 1px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category] {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)) {
  background-color: #fafafb;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3) {
  text-align: right;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view,
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view {
  font-weight: 600;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][last-field],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][last-field] {
  border-bottom: 1px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category] {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1), div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1),
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1) {
  background-color: #f3f4f5;
}
div.swf-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-hidden],
div.component-store-container div.pane-body[pane-body-template=yearbook] > div.ember-view > div.table table tbody tr[data-hidden] {
  display: none;
}
div.swf-container div.pane-body[pane-body-template=schedule] div.dropdown-options.shared,
div.component-store-container div.pane-body[pane-body-template=schedule] div.dropdown-options.shared {
  background-color: #fff;
  z-index: 100;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record,
div.component-store-container div.pane-body[pane-body-template=schedule] .record {
  padding: 1rem 0;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record button.toggle-viewing, div.swf-container div.pane-body[pane-body-template=schedule] .record:not(:last-of-type),
div.component-store-container div.pane-body[pane-body-template=schedule] .record button.toggle-viewing,
div.component-store-container div.pane-body[pane-body-template=schedule] .record:not(:last-of-type) {
  border-bottom: 1px solid #f3f4f5;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-icon,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-icon {
  flex-grow: 0;
  flex-shrink: 0;
  width: 95px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content {
  flex-grow: 1;
  height: fit-content !important;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div {
  height: fit-content;
  min-height: 30px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div .box,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div .box {
  height: 18px;
  width: 18px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div .key,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div .key {
  flex-grow: 0;
  font-size: 13px;
  height: 100%;
  min-height: 30px;
  padding: 7px 0 0;
  width: 70px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div .key h6,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div .key h6 {
  font-size: 13px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div .value,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div .value {
  flex-grow: 1;
  gap: 0;
  max-width: 1300px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.frequency-row .swf-input,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.frequency-row .swf-input {
  width: 175px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.account-id-row .swf-input,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.account-id-row .swf-input {
  width: 225px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.note-row .swf-input,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.note-row .swf-input {
  width: 600px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.recur-until-row .value > div[sub=row],
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.recur-until-row .value > div[sub=row] {
  align-items: center;
  display: flex;
  justify-content: start;
  min-height: 30px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.child-records-row,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.child-records-row {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.child-records-row table th,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.child-records-row table th {
  font-size: 0.9em;
  padding: 0 8rem 0 0;
  text-align: left;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record-content > div.child-records-row table td,
div.component-store-container div.pane-body[pane-body-template=schedule] .record-content > div.child-records-row table td {
  padding: 0.25rem 1rem 0.25rem 0;
  text-align: left;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record[editing] div.record-icon,
div.component-store-container div.pane-body[pane-body-template=schedule] .record[editing] div.record-icon {
  width: 0 !important;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record[editing] div.record-content .key,
div.component-store-container div.pane-body[pane-body-template=schedule] .record[editing] div.record-content .key {
  width: 120px !important;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row,
div.component-store-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row {
  padding: 2rem 0 0 75px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row:first-child,
div.component-store-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row:first-child {
  padding: 0;
  width: 30px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row button.delete-sm,
div.component-store-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row button.delete-sm {
  padding: 0;
  width: 30px;
}
div.swf-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row button.delete-sm:hover,
div.component-store-container div.pane-body[pane-body-template=schedule] .record[editing] .child-records-row button.delete-sm:hover {
  background-color: #f3f4f5 !important;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view {
  gap: 0;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row],
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row] {
  margin: 0.5rem 0 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row] > form,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row] > form {
  border-bottom: 1px solid gainsboro;
  padding: 0 0 calc(20px / 2);
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:last-child > form,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:last-child > form {
  border-bottom: unset;
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:first-child,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:first-child {
  margin: 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .address-wide,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .address-wide {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types {
  gap: 2rem;
  margin: 0 0 20px;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types > .type,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types > .type {
  height: 30px;
  width: fit-content;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types > .type > div,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types > .type > div {
  align-items: center;
  display: flex;
  height: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types > .type > div:nth-child(2),
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form .types > .type > div:nth-child(2) {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form > [sub=column],
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form > [sub=column] {
  gap: 0;
  margin: 0.5rem 0 0;
  padding: 0.75rem 0 0;
  position: relative;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form > [sub=column] > div:not(.actions),
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form > [sub=column] > div:not(.actions) {
  font-size: 14px;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form > [sub=column] > .actions,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources form > [sub=column] > .actions {
  display: flex;
  justify-content: start;
  position: absolute;
  right: 0;
  top: 20%;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address, div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info {
  border: 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address {
  padding: 20px 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:first-child,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:first-child {
  padding: 0 0 20px;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child {
  padding: 20px 0 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child:first-child,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child:first-child {
  padding: 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info > form,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info > form {
  height: fit-content;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:first-child,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:first-child {
  padding: calc(20px / 4) 0 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:not(last-child),
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:not(last-child) {
  margin-bottom: 3px;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form {
  gap: calc(20px / 4);
  height: fit-content;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons {
  display: flex;
  height: 52px;
  justify-content: center;
  width: fit-content;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button {
  font-size: 26px;
  padding: calc(20px / 4);
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span {
  color: #d83339;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .fields,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .fields {
  flex-grow: 1;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.finance > div,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.finance > div {
  display: grid;
  flex-wrap: wrap;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view .form-top-action,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view .form-top-action {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button {
  background-color: #fff !important;
  border: 2px solid #c5c9d0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: calc(20px / 2) 0 0;
}
div.swf-container div.pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button:hover,
div.component-store-container div.pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button:hover {
  background: #f3f4f5 !important;
}
div.swf-container div.pane-body[pane-body-template=link-grid] > div.ember-view, div.swf-container div.pane-body[pane-body-template=finance] > div.ember-view,
div.component-store-container div.pane-body[pane-body-template=link-grid] > div.ember-view,
div.component-store-container div.pane-body[pane-body-template=finance] > div.ember-view {
  display: grid;
  flex-wrap: wrap;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
}
div.swf-container div.pane-body[pane-body-template=link-grid] button:hover .jump-to, div.swf-container div.pane-body[pane-body-template=finance] button:hover .jump-to,
div.component-store-container div.pane-body[pane-body-template=link-grid] button:hover .jump-to,
div.component-store-container div.pane-body[pane-body-template=finance] button:hover .jump-to {
  text-decoration: underline !important;
}
div.swf-container div.pane-body[pane-body-template=link-grid][render-mode=edit] > div.ember-view, div.swf-container div.pane-body[pane-body-template=finance][render-mode=edit] > div.ember-view,
div.component-store-container div.pane-body[pane-body-template=link-grid][render-mode=edit] > div.ember-view,
div.component-store-container div.pane-body[pane-body-template=finance][render-mode=edit] > div.ember-view {
  opacity: 0.7;
  pointer-events: none;
  user-select: none;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list],
div.component-store-container div.pane-body[pane-body-template=multi-line-list] {
  padding: calc(20px / 4) 0;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list .multi-line,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list .multi-line {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: end;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list .multi-line.year,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list .multi-line.year {
  width: 10rem;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list .multi-line.date,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=view] .multi-list .multi-line.date {
  width: 15rem;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list, div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line, div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: end;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line.rich-text, div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line.rich-text,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line.rich-text,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line.rich-text {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line.year, div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line.year,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line.year,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line.year {
  width: 10rem;
}
div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line.date, div.swf-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line.date,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=edit] .multi-list .multi-line.date,
div.component-store-container div.pane-body[pane-body-template=multi-line-list][render-mode=create] .multi-list .multi-line.date {
  width: 15rem;
}
div.swf-container div.pane-body[pane-body-template=list],
div.component-store-container div.pane-body[pane-body-template=list] {
  padding: calc(20px / 4) 0;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list {
  border-collapse: separate;
  border-spacing: 0.7rem 0.5rem;
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td {
  align-content: start;
  margin-bottom: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.year,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.year {
  width: 10rem;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.date,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.date {
  max-width: 15rem;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.historical,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.historical {
  padding-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  width: 1%;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td .pill-cont,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td .pill-cont {
  padding-bottom: 10px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.status, div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.required_for_standing,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.status,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.required_for_standing {
  padding-bottom: 10px;
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.name,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list tbody > tr > td.name {
  padding-left: 0.5rem;
  width: 99%;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr {
  height: 2.3rem;
  vertical-align: text-top;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th {
  align-content: end;
  margin-bottom: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th.hard-set-change-panes,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th.hard-set-change-panes {
  width: calc(100% / 6) !important;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th.required_for_standing,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th.required_for_standing {
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th:last-child.historical, div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th:last-child.status,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th:last-child.historical,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list thead > tr th:last-child.status {
  text-align: center;
  white-space: nowrap;
  width: 1px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list.has-picture td > span.swf-view,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list.has-picture td > span.swf-view {
  align-items: center;
  display: flex;
  height: 40px;
  margin-top: auto;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list .swf-pill,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=view] .horizontal-list .swf-pill {
  display: flex;
  margin-bottom: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th.buttons,
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.buttons, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th.buttons,
div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.buttons,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th.buttons,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.buttons,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th.buttons,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.buttons {
  min-height: 26px;
  width: 26px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody tr td.buttons, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody tr td.buttons,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody tr td.buttons,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody tr td.buttons {
  align-items: center;
  display: flex;
  padding: 6px 0 0;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody tr td.buttons > button, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody tr td.buttons > button,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody tr td.buttons > button,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody tr td.buttons > button {
  height: 26px;
  width: 26px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td {
  flex-grow: 1;
  vertical-align: top;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.year, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.year,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.year,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.year {
  width: 10rem;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.status, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.status,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.status,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.status {
  white-space: nowrap;
  width: 10rem !important;
  width: 1%;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.date, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.date,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.date,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.date {
  max-width: 15rem;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td:not(first-child), div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td:not(first-child),
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td:not(first-child),
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td:not(first-child) {
  padding: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td:first-child, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td:first-child,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td:first-child,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td:first-child {
  padding-right: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.historical, div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.required_for_standing, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.historical, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.required_for_standing,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.historical,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td.required_for_standing,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.historical,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td.required_for_standing {
  white-space: nowrap;
  width: 1%;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.historical, div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.required_for_standing, div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.status, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.historical, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.required_for_standing, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.status,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.historical,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.required_for_standing,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.status,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.historical,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.required_for_standing,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.status {
  float: center;
  margin-bottom: 3px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.total-amt, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.total-amt,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.total-amt,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.total-amt {
  padding: 0 0 0 1rem;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.total-col, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.total-col,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list tbody > tr > td .div.total-col,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list tbody > tr > td .div.total-col {
  display: flex;
  justify-content: end;
  padding: 0 1rem 0 0;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th {
  align-content: end;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th.header-center, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th.header-center,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th.header-center,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th.header-center {
  text-align: center;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th:not(first-child), div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th:not(first-child),
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th:not(first-child),
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th:not(first-child) {
  padding: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th:first-child, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th:first-child,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list thead > tr > th:first-child,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list thead > tr > th:first-child {
  padding-right: 5px;
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list button, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list button,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list button,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list button {
  font-size: 26px;
  padding: calc(20px / 4);
}
div.swf-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list button.delete span, div.swf-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list button.delete span,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=edit] .horizontal-list button.delete span,
div.component-store-container div.pane-body[pane-body-template=list][render-mode=create] .horizontal-list button.delete span {
  color: #d83339;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block {
  width: 100%;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-edit,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-edit {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text {
  display: flex;
  flex-direction: column;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text p,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text p {
  margin-bottom: 0;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-date,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-date {
  margin: 2px 0 4px 0;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-modified,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-modified {
  flex-grow: 1;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-modified .modified-right,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-modified .modified-right {
  display: inline-flex;
  justify-content: right;
}
div.swf-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-modified .modified-right > span,
div.component-store-container div.pane-body[pane-body-template=note] > .ember-view .comment-block .comment-text .comment-modified .modified-right > span {
  color: #808080;
}

div.swf-container div.page,
div.component-store-container div.page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: fit-content;
  max-width: 1400px;
  min-height: 500px;
  padding: 0 0;
  position: relative;
  width: 100%;
}
div.swf-container div.page-header,
div.component-store-container div.page-header {
  background-color: #fff;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: calc( 10px + 20px + 10px + 30px + 10px );
  margin: 0;
  margin: 0 auto;
  max-width: 1400px;
  padding: 10px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 30;
}
div.swf-container div.page-header > .page-breadcrumbs,
div.component-store-container div.page-header > .page-breadcrumbs {
  height: 20px;
}
div.swf-container div.page-header-interact,
div.component-store-container div.page-header-interact {
  align-items: center;
  display: flex;
  gap: calc(20px / 2);
  height: 30px;
  justify-content: space-between;
}
div.swf-container div.page-header-interact div.people-card-image,
div.swf-container div.page-header-interact div.people-card-initial,
div.component-store-container div.page-header-interact div.people-card-image,
div.component-store-container div.page-header-interact div.people-card-initial {
  align-items: center;
  border: 1px solid;
  border-color: #808080;
  border-radius: 50%;
  color: #000;
  display: flex;
  font-size: 14px;
  height: 35px;
  justify-content: center;
  min-width: 35px;
  text-align: center;
  width: 35px;
}
div.swf-container div.page-header-interact .people-card-image,
div.component-store-container div.page-header-interact .people-card-image {
  border: 0 !important;
  border-radius: 0 !important;
}
div.swf-container div.page-header-interact .interact,
div.component-store-container div.page-header-interact .interact {
  height: 100%;
}
div.swf-container div.page-header-interact-title,
div.component-store-container div.page-header-interact-title {
  align-items: center;
  display: inherit;
  flex-grow: 1;
  /* Allows .title to take up available space */
  gap: calc(20px / 4);
  overflow: visible;
  /* Prevents content overflow */
  white-space: nowrap;
  /* Keeps text on a single line */
}
div.swf-container div.page-header-interact-title > h4,
div.component-store-container div.page-header-interact-title > h4 {
  align-items: center;
  display: flex;
  gap: 1rem;
  margin-bottom: 0;
  margin-top: 0;
}
div.swf-container div.page-header-interact-title > h6,
div.component-store-container div.page-header-interact-title > h6 {
  font-size: 14px;
  margin: 0 calc(20px / 2) 0 0;
}
div.swf-container div.page-header-interact-title > button,
div.component-store-container div.page-header-interact-title > button {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  height: 25px;
  margin: 0 0 0 5px;
  width: 25px;
}
div.swf-container div.page-header-interact-title > button > span,
div.component-store-container div.page-header-interact-title > button > span {
  font-size: 16px;
}
div.swf-container div.page-header-interact-title > button.shadow:not(.glow-on-hover),
div.component-store-container div.page-header-interact-title > button.shadow:not(.glow-on-hover) {
  border: 0;
  filter: drop-shadow(1px 1px 2px #d1d1d1);
  transition: filter 0.25s ease-in-out;
}
div.swf-container div.page-header-interact-title > button.shadow:not(.glow-on-hover):hover,
div.component-store-container div.page-header-interact-title > button.shadow:not(.glow-on-hover):hover {
  filter: drop-shadow(0 0 5px #d1d1d1);
}
div.swf-container div.page-header-interact-title > .swf-input,
div.component-store-container div.page-header-interact-title > .swf-input {
  align-self: start;
  border: 1px solid #d3d6dc;
  margin: auto !important;
  min-height: 30px;
}
div.swf-container div.page-header-interact-title > .swf-input > div,
div.component-store-container div.page-header-interact-title > .swf-input > div {
  height: 30px;
}
div.swf-container div.page-header-interact-title > .swf-input > div > input,
div.component-store-container div.page-header-interact-title > .swf-input > div > input {
  font-size: 1.2em;
  font-weight: 500;
  height: 30px;
}
div.swf-container div.page-header-interact-title.empty,
div.component-store-container div.page-header-interact-title.empty {
  color: #c8c8c8;
}
div.swf-container div.page-header-interact-actions,
div.component-store-container div.page-header-interact-actions {
  flex-shrink: 0;
  /* Prevents shrinking below its minimum width */
  min-width: 275px;
  text-align: end;
}
div.swf-container div.page-header-interact-actions > .actions-acp,
div.component-store-container div.page-header-interact-actions > .actions-acp {
  align-items: center;
  display: flex;
  gap: 1rem;
  height: 100%;
  justify-content: end;
  width: 100%;
}
div.swf-container div.page-header-interact-actions > .actions-acp button[swf-role=edit] span.material-symbols-outlined,
div.component-store-container div.page-header-interact-actions > .actions-acp button[swf-role=edit] span.material-symbols-outlined {
  font-size: 16px;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options {
  min-width: 175px;
  width: 12rem;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option {
  align-items: start;
  gap: calc(20px / 2);
  padding: 0.75rem;
  text-align: left;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option-icon,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option-icon {
  align-items: center;
  display: flex;
  flex-grow: 0;
  justify-content: start;
  padding: 1px 0 0;
  width: 20px;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option-icon span.material-symbols-outlined,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option-icon span.material-symbols-outlined {
  font-size: 20px;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option-name,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] div.dropdown-options .option-name {
  display: flex;
  flex-grow: 1;
  height: fit-content;
  justify-content: start;
  text-align: left;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] button.more,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] button.more {
  background-color: #f3f4f5;
  padding: 0 5px;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] button.more > span.material-symbols-outlined,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] button.more > span.material-symbols-outlined {
  font-size: 34px;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] button.more:hover,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown] button.more:hover {
  background-color: #e1e3e7;
}
div.swf-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown][dropdown-active] button.more,
div.component-store-container div.page-header-interact-actions > .actions-acp div[swf-role=dropdown][dropdown-active] button.more {
  background-color: #e9f2ff !important;
  color: #0c66e0 !important;
  padding: 0 5px;
}
div.swf-container div.page-body,
div.component-store-container div.page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
div.swf-container div.page-body[direction=row],
div.component-store-container div.page-body[direction=row] {
  flex-direction: row;
}
div.swf-container div.page-body[direction=column],
div.component-store-container div.page-body[direction=column] {
  flex-direction: column;
}
div.swf-container div.page-body [direction],
div.component-store-container div.page-body [direction] {
  display: flex;
}
div.swf-container div.page-body > [direction=row],
div.component-store-container div.page-body > [direction=row] {
  flex-direction: row;
  gap: 20px;
}
div.swf-container div.page-body > [direction=row] > [direction=column],
div.component-store-container div.page-body > [direction=row] > [direction=column] {
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  div.swf-container div.page-body > [direction=row],
div.component-store-container div.page-body > [direction=row] {
    flex-direction: row;
    gap: calc(20px / 2);
  }
}
div.swf-container div.page[has-banner] .page-header,
div.component-store-container div.page[has-banner] .page-header {
  gap: 10px;
  height: 120px;
}
div.swf-container div.page[has-banner] .page-header .alert,
div.component-store-container div.page[has-banner] .page-header .alert {
  margin: 0;
}
div.swf-container div.page[has-banner] .page-body,
div.component-store-container div.page[has-banner] .page-body {
  margin: 150px 0 0 !important;
}
div.swf-container div.page .crumbs,
div.component-store-container div.page .crumbs {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: start;
  min-height: 24px;
  width: 100%;
}
div.swf-container div.page .crumbs a:hover,
div.component-store-container div.page .crumbs a:hover {
  text-decoration: none;
}
div.swf-container div.page .crumbs span.sep,
div.component-store-container div.page .crumbs span.sep {
  font-size: inherit;
  margin: 0 0.85rem;
}
div.swf-container div.page .crumbs > span.material-symbols-outlined,
div.component-store-container div.page .crumbs > span.material-symbols-outlined {
  color: #989898;
}
div.swf-container div.page .crumbs span.crumb,
div.component-store-container div.page .crumbs span.crumb {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: start;
}
div.swf-container div.page .crumbs span.crumb > span.crumb-icon,
div.component-store-container div.page .crumbs span.crumb > span.crumb-icon {
  font-size: 14px;
  margin: 0 3px 0 0;
}
div.swf-container div.page .crumbs span.crumb > span.crumb-image,
div.component-store-container div.page .crumbs span.crumb > span.crumb-image {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 0 0 1px;
  width: 20px;
}
div.swf-container div.page .crumbs span.loader,
div.component-store-container div.page .crumbs span.loader {
  border-radius: 5px;
}
div.swf-container div.page .crumbs span.loader:not(:first-child),
div.component-store-container div.page .crumbs span.loader:not(:first-child) {
  margin: 0 0 0 calc(20px / 2);
}
div.swf-container div.page[page-body-template=detail], div.swf-container div.page[page-body-template=form],
div.component-store-container div.page[page-body-template=detail],
div.component-store-container div.page[page-body-template=form] {
  position: unset;
}
div.swf-container div.page[page-body-template=detail] .popup-container, div.swf-container div.page[page-body-template=form] .popup-container,
div.component-store-container div.page[page-body-template=detail] .popup-container,
div.component-store-container div.page[page-body-template=form] .popup-container {
  background-color: rgba(0, 0, 0, 0.4);
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle, div.swf-container div.page[page-body-template=form] .popup-container .middle,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle,
div.component-store-container div.page[page-body-template=form] .popup-container .middle {
  display: table-cell;
  vertical-align: middle;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
  width: 50%;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner > h5, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner > h5,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner > h5,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner > h5 {
  text-align: center;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair {
  break-inside: avoid;
  margin: 0;
  min-height: 35px;
  padding: 0;
  width: 100%;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div {
  align-items: center;
  display: flex;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.key, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.key,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.key,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.key {
  height: 100%;
  min-width: 8rem;
  padding: 8px 0;
  width: 30%;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.key > h6, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.key > h6,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.key > h6,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.key > h6 {
  font-size: 13px;
  margin: 0;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.value, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.value,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.value,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.value {
  height: 100%;
  justify-content: start;
  margin: auto;
  position: relative;
  width: 70%;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.value > .ember-view, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.value > .ember-view,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.value > .ember-view,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.value > .ember-view {
  width: 100%;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair > div.value > .ember-view > .swf-input > .ember-view {
  position: absolute;
  top: -10px;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair.edit, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair.edit,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair.edit,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair.edit {
  height: fit-content;
  margin: 0 0 calc(20px / 2);
  min-height: 26px;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair.edit .key, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair.edit .key,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair.edit .key,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair.edit .key {
  height: 100%;
  padding: 8px 0;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair.edit .value, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair.edit .value,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .key-value-pair.edit .value,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .key-value-pair.edit .value {
  height: 100%;
  margin: auto;
}
div.swf-container div.page[page-body-template=detail] .popup-container .middle .inner .interact, div.swf-container div.page[page-body-template=form] .popup-container .middle .inner .interact,
div.component-store-container div.page[page-body-template=detail] .popup-container .middle .inner .interact,
div.component-store-container div.page[page-body-template=form] .popup-container .middle .inner .interact {
  display: flex;
  justify-content: space-between;
}
div.swf-container div.page[page-body-template=detail] .page-body, div.swf-container div.page[page-body-template=form] .page-body,
div.component-store-container div.page[page-body-template=detail] .page-body,
div.component-store-container div.page[page-body-template=form] .page-body {
  margin: calc(calc( 10px + 20px + 10px + 30px + 10px ) + calc(20px / 2)) 0 0;
}
div.swf-container div.page[page-body-template=detail].render-relative > .page-header, div.swf-container div.page[page-body-template=form].render-relative > .page-header,
div.component-store-container div.page[page-body-template=detail].render-relative > .page-header,
div.component-store-container div.page[page-body-template=form].render-relative > .page-header {
  height: calc(calc( 10px + 20px + 10px + 30px + 10px ) - 20px);
  position: relative;
}
div.swf-container div.page[page-body-template=detail].render-relative > .page-body, div.swf-container div.page[page-body-template=form].render-relative > .page-body,
div.component-store-container div.page[page-body-template=detail].render-relative > .page-body,
div.component-store-container div.page[page-body-template=form].render-relative > .page-body {
  margin: 0 !important;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index],
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] {
  gap: 5px;
  height: 100%;
  overflow: hidden !important;
  position: relative;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-header,
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-header {
  padding: 10px 0 !important;
  position: relative !important;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body,
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body {
  border-bottom: 1px solid #e1e3e7 !important;
  height: fit-content !important;
  margin: 0 0 10px !important;
  max-height: calc(100% - 90px) !important;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column],
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] {
  height: 100%;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row],
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row] {
  gap: 0 !important;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row]:first-child,
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row]:first-child {
  flex-shrink: 0;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row]:last-child,
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row]:last-child {
  flex-shrink: 1;
  height: calc(100% - 54px);
  overflow: hidden;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row]:last-child > .result-set-component,
div.component-store-container div.page[page-body-template=detail][page-detail-template=child-index] > .page-body > [sub=column] > [sub=row]:last-child > .result-set-component {
  height: 100%;
}
div.swf-container div.page[page-body-template=detail][page-detail-template=record] div[pane-body-template=schedule] div[type=rich-text],
div.component-store-container div.page[page-body-template=detail][page-detail-template=record] div[pane-body-template=schedule] div[type=rich-text] {
  width: 450px !important;
}
div.swf-container div.page[page-body-template=form],
div.component-store-container div.page[page-body-template=form] {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0;
}
div.swf-container div.page[page-body-template=form] .page-header,
div.component-store-container div.page[page-body-template=form] .page-header {
  max-width: 1200px;
}
div.swf-container div.page[page-body-template=form] .page-header.with-label,
div.component-store-container div.page[page-body-template=form] .page-header.with-label {
  height: calc(calc( 10px + 20px + 10px + 30px + 10px ) + 60px);
}
div.swf-container div.page[page-body-template=form] .page-header > .page-header-interact,
div.component-store-container div.page[page-body-template=form] .page-header > .page-header-interact {
  display: flex;
  flex-direction: row;
}
div.swf-container div.page[page-body-template=form] .page-header > .page-header-interact .people-card-image,
div.swf-container div.page[page-body-template=form] .page-header > .page-header-interact .people-card-initial,
div.component-store-container div.page[page-body-template=form] .page-header > .page-header-interact .people-card-image,
div.component-store-container div.page[page-body-template=form] .page-header > .page-header-interact .people-card-initial {
  align-items: center;
  border: 1px solid;
  border-color: #808080;
  border-radius: 50%;
  color: #000;
  display: flex;
  font-size: 15px;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  text-align: center;
  width: 40px;
}
div.swf-container div.page[page-body-template=form] .page-header > .page-header-interact .title,
div.component-store-container div.page[page-body-template=form] .page-header > .page-header-interact .title {
  align-items: center;
  display: flex;
  height: 100%;
}
div.swf-container div.page[page-body-template=form] .page-header > .page-header-interact .download-button,
div.component-store-container div.page[page-body-template=form] .page-header > .page-header-interact .download-button {
  background-color: #6c757d;
  border: 1px solid transparent;
  border-color: #6c757d;
  border-radius: 0.375rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
}
div.swf-container div.page[page-body-template=form] .page-header > .page-header-interact .download-button:hover,
div.component-store-container div.page[page-body-template=form] .page-header > .page-header-interact .download-button:hover {
  background-color: #5a6268;
  border-color: #545b62;
  color: #fff;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel {
  height: fit-content;
  left: 0;
  margin-top: 10px;
  max-height: calc(100vh - 150px);
  min-height: 200px;
  overflow-y: auto;
  padding: 5px 20px 1px 5px;
  position: absolute;
  top: 100%;
  width: 250px;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul {
  list-style-type: none;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li {
  align-items: center;
  border-left: 3px solid #fff;
  color: #2e2e2e;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li > span.material-symbols-outlined,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li > span.material-symbols-outlined {
  font-size: 20px;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li:hover,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li:hover {
  background-color: #f3f4f5;
  border-left: 3px solid #fff;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li.active,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li.active {
  background-color: #ebf2f9;
  border-left: 3px solid #546ca2;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li[is-saved] > span.material-symbols-outlined,
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li[is-saved] > span.material-symbols-outlined {
  color: #008000;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li[sub-tab],
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li[sub-tab] {
  margin: 0 0 0 20px;
}
div.swf-container div.page[page-body-template=form] .page-header > .left-panel ul li[disabled],
div.component-store-container div.page[page-body-template=form] .page-header > .left-panel ul li[disabled] {
  color: #2e2e2eb0;
  font-weight: 500;
  pointer-events: none;
}
div.swf-container div.page[page-body-template=form] .page-body,
div.component-store-container div.page[page-body-template=form] .page-body {
  gap: 20px;
  height: fit-content;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel {
  border-left: 1px solid #e1e3e7;
  height: fit-content;
  margin: 0 0 0 250px;
  padding: 0 0 0 20px;
  width: calc(100% - 250px);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel.space_sm,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel.space_sm {
  gap: calc(20px / 4) !important;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel:not(.print-entry),
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel:not(.print-entry) {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form {
  width: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .grid-column,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .grid-column {
  text-align: center;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .submit-section,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .submit-section {
  display: flex;
  gap: calc(20px / 2);
  justify-content: center;
  margin-top: calc(20px / 2);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .submit-section > h5,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .submit-section > h5 {
  display: inline-block;
  margin-top: 5px;
  text-transform: none;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .submit-section > div,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .submit-section > div {
  display: inline-block;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair {
  break-inside: avoid;
  margin: 0;
  min-height: 35px;
  padding: 0;
  width: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div {
  align-items: center;
  display: flex;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.key,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.key {
  height: 100%;
  justify-content: right;
  margin-bottom: auto;
  margin-top: auto;
  min-width: 8rem;
  text-align: end;
  width: 50%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.key > h6,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.key > h6 {
  font-size: 13px;
  margin: 0;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.key > h5,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.key > h5 {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value {
  height: 100%;
  justify-content: start;
  margin-bottom: auto;
  margin-top: auto;
  position: relative;
  width: 50%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value .space_sm,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value .space_sm {
  gap: calc(20px / 4);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value > .ember-view,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value > .ember-view {
  width: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view {
  position: absolute;
  top: -10px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair.edit,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair.edit {
  height: fit-content;
  margin: 0 0 calc(20px / 2);
  min-height: 26px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair.edit .key,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair.edit .key {
  height: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair.edit .value,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .key-value-pair.edit .value {
  height: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group {
  break-inside: avoid;
  display: flex;
  flex-direction: column;
  margin: 0 0 calc(20px * 2);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group.top-mid-margin,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group.top-mid-margin {
  margin-top: 50px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group.space_sm,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group.space_sm {
  margin: 0 0 calc(20px / 4) !important;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > div.summary,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > div.summary {
  align-items: center !important;
  display: flex;
  flex-direction: row !important;
  gap: 5px;
  justify-content: start !important;
  padding: 0 calc(20px / 4);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > div.control,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > div.control {
  padding: 0 calc(20px / 2);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > div h4,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > div h4 {
  font-size: 16px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row.indent2,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row.indent2 {
  margin-top: 10px;
  padding-left: 30px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div {
  padding: calc(20px / 2) calc(20px / 4);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div h5,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div h5 {
  margin-top: 0;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div.control,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div.control {
  padding: calc(20px / 2);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div.control.compare,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > div.control.compare {
  padding: 15px calc(20px / 2) calc(20px / 4);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .instructions,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .instructions {
  padding: 0 1rem;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group.category-manager .form-group-row > div.control.compare,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group.category-manager .form-group-row > div.control.compare {
  padding: calc(20px / 2);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .yb-group:nth-child(even),
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .yb-group:nth-child(even) {
  background-color: #f3f4f5;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-function,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-function {
  background-color: #c7e7ff;
  border-radius: calc(20px / 2);
  display: flex;
  gap: 20px;
  margin: calc(20px / 2) 0 0 0;
  padding: 20px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-function .icon span,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-function .icon span {
  font-size: 30px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-function .description,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-function .description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 6px 0 0;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header {
  display: flex;
  flex-direction: row;
  gap: calc(20px * 2);
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .summary,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .summary,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .summary,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 100px - calc(20px * 2));
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .summary > h5,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .summary > h5,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .summary > h5,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .summary > h5 {
  margin: 0;
  text-transform: unset !important;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .control,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .control,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .control,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .control {
  align-items: start;
  display: flex;
  justify-content: end;
  width: 120px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .control.compare,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .control.compare,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .control.compare,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .control.compare {
  width: 125px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .control.target,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .control.target,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-row > .control.target,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .form-group-header > .control.target {
  width: 175px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .instructions,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-group .instructions {
  padding: 0 1rem;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-actions,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: start;
  width: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel form .form-actions .swf-input,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel form .form-actions .swf-input {
  max-width: 250px;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel[has-compare-record] form .form-group .form-group-row > .summary,
div.swf-container div.page[page-body-template=form] .page-body > .center-panel[has-compare-record] form .form-group .form-group-header > .summary,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel[has-compare-record] form .form-group .form-group-row > .summary,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel[has-compare-record] form .form-group .form-group-header > .summary {
  break-inside: avoid;
  width: calc(100% - 80px - 100px - calc(20px * 2) - calc(20px * 2));
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact {
  display: flex;
  flex-direction: row;
  height: 100%;
  position: relative;
  width: 100%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact > div,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact > div {
  align-items: center;
  display: flex;
  gap: calc(20px / 2);
  height: 100%;
  justify-content: end;
  width: 50%;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact > div:first-child,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact > div:first-child {
  justify-content: start;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=quit],
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=quit] {
  background-color: #337ab7;
  border-color: #2d6da3;
  color: #fff;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=quit]:hover,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=quit]:hover {
  background-color: #286090;
  border-color: #22537c;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=save],
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=save] {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
div.swf-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=save]:hover,
div.component-store-container div.page[page-body-template=form] .page-body > .center-panel .interact button[swf-role=save]:hover {
  background-color: #449d44;
  border-color: #3c8b3c;
}
div.swf-container div.page.skeleton-loader [direction=column] .pane,
div.component-store-container div.page.skeleton-loader [direction=column] .pane {
  min-height: 100px !important;
}
div.swf-container div.page.skeleton-loader [direction=column]:first-child .pane:nth-child(1),
div.component-store-container div.page.skeleton-loader [direction=column]:first-child .pane:nth-child(1) {
  min-height: 225px !important;
}
div.swf-container div.page.skeleton-loader [direction=column]:first-child .pane:nth-child(2),
div.component-store-container div.page.skeleton-loader [direction=column]:first-child .pane:nth-child(2) {
  min-height: 150px !important;
}
div.swf-container div.page.skeleton-loader .footer-content,
div.component-store-container div.page.skeleton-loader .footer-content {
  display: none;
}
div.swf-container div.page .capsule,
div.component-store-container div.page .capsule {
  align-items: center;
  display: flex;
  gap: calc(20px / 2);
  height: 100%;
  justify-content: center;
  max-height: 1000px;
  min-height: 80px;
}
div.swf-container div.page .capsule.loader-scene,
div.component-store-container div.page .capsule.loader-scene {
  min-height: 500px;
  position: relative;
}
div.swf-container div.page .capsule.edit,
div.component-store-container div.page .capsule.edit {
  align-items: end !important;
  min-height: 40px !important;
}
div.swf-container div.page .capsule.slim,
div.component-store-container div.page .capsule.slim {
  flex-direction: column;
  min-height: 40px !important;
}
div.swf-container div.page .capsule > i,
div.component-store-container div.page .capsule > i {
  color: #777;
}

div.swf-container .swf-view.type-image,
div.component-store-container .swf-view.type-image {
  max-height: 100%;
  max-width: 250px;
}
div.swf-container .swf-view.type-image .image-wrapper,
div.component-store-container .swf-view.type-image .image-wrapper {
  align-items: center;
  border: 0;
  border-radius: 0;
  display: flex;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
div.swf-container .swf-view.type-image .image-wrapper > img,
div.component-store-container .swf-view.type-image .image-wrapper > img {
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
div.swf-container .page-title div.people-card-image,
div.swf-container .page-title div.people-card-initial,
div.swf-container td div.people-card-image,
div.swf-container td div.people-card-initial,
div.component-store-container .page-title div.people-card-image,
div.component-store-container .page-title div.people-card-initial,
div.component-store-container td div.people-card-image,
div.component-store-container td div.people-card-initial {
  align-items: center;
  border: 1px solid;
  border-color: #808080;
  border-radius: 50%;
  color: #000;
  display: flex;
  font-size: 15px;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  text-align: center;
  width: 40px;
}
div.swf-container .value > .type-image,
div.component-store-container .value > .type-image {
  display: flex;
}
div.swf-container .value > .type-image > .image-wrapper,
div.component-store-container .value > .type-image > .image-wrapper {
  display: table-cell;
  height: 100%;
  padding: 5px 5px 5px 0;
  text-align: center;
  vertical-align: middle;
}
div.swf-container .value > .type-image > .image-wrapper .swf-picture,
div.component-store-container .value > .type-image > .image-wrapper .swf-picture {
  border-radius: 6px;
  max-width: 80%;
}

div.swf-container .engage-table {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 300px;
  padding: 0;
  position: relative;
  width: 100%;
}
div.swf-container .engage-table .globalSearch {
  display: none;
}
div.swf-container .engage-table table {
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  box-shadow: none;
  color: #172b4d;
  padding: 0;
  width: 100%;
}
div.swf-container .engage-table table thead,
div.swf-container .engage-table table tbody {
  border: 1px solid #ff000000;
}
div.swf-container .engage-table table thead tr > td,
div.swf-container .engage-table table thead tr > th,
div.swf-container .engage-table table tbody tr > td,
div.swf-container .engage-table table tbody tr > th {
  padding: 6px;
}
div.swf-container .engage-table table thead tr > td span.material-symbols-outlined,
div.swf-container .engage-table table thead tr > th span.material-symbols-outlined,
div.swf-container .engage-table table tbody tr > td span.material-symbols-outlined,
div.swf-container .engage-table table tbody tr > th span.material-symbols-outlined {
  font-size: 18px;
  margin: 2px 0 0;
}
div.swf-container .engage-table table thead tr {
  -moz-user-select: none;
  -webkit-text-select: none;
  -webkit-user-select: none;
  background-color: #fff;
  border: 0;
  border-bottom: 2px solid gainsboro;
  user-select: none;
}
div.swf-container .engage-table table thead tr th {
  border: 0;
  cursor: pointer;
  text-align: start;
  vertical-align: middle;
}
div.swf-container .engage-table table thead tr th.selected {
  background-color: #f9f9f9;
}
div.swf-container .engage-table table thead tr th:hover {
  background-color: #f2f2f2;
}
div.swf-container .engage-table table thead tr th.no-click {
  pointer-events: none;
}
div.swf-container .engage-table table tbody tr {
  border-bottom: 0;
  cursor: pointer;
}
div.swf-container .engage-table table tbody tr td {
  border: 0;
  text-align: start;
  vertical-align: middle;
}
div.swf-container .engage-table table tbody tr td button {
  height: 30px;
}
div.swf-container .engage-table table tbody tr:nth-child(odd) {
  border-left: 3px solid #f6f6f6;
}
div.swf-container .engage-table table tbody tr:nth-child(odd) td {
  background-color: #f6f6f6;
}
div.swf-container .engage-table table tbody tr:nth-child(odd) td button {
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
}
div.swf-container .engage-table table tbody tr:nth-child(even) {
  border-left: 3px solid #fff;
}
div.swf-container .engage-table table tbody tr:nth-child(even) td {
  background-color: #fff;
}
div.swf-container .engage-table table tbody tr:nth-child(even) td button {
  background-color: #fff;
  border: 1px solid #fff;
}
div.swf-container .engage-table table tbody tr:hover td {
  background-color: #f2f2f2;
}
div.swf-container .engage-table table tbody tr:last-child {
  border-bottom: 2px solid gainsboro;
}
div.swf-container .engage-table table tbody tr.selected-row {
  border-left: 3px solid #0052cc;
}
div.swf-container .engage-table table tbody tr.selected-row td {
  background-color: #ebf2f9;
}
div.swf-container .engage-table table tbody tr.selected-row td button {
  background-color: #ebf2f9;
  border: 1px solid #ebf2f9;
}
div.swf-container .engage-table .render,
div.swf-container .engage-table .pre-render {
  width: 100%;
}
div.swf-container .engage-table .pre-render {
  background-color: #fff;
  height: calc(100% - 75px);
  left: 0;
  position: absolute;
  top: 0;
}
div.swf-container .engage-table .pre-render table tr th,
div.swf-container .engage-table .pre-render table tr td {
  color: rgba(128, 128, 128, 0);
  overflow: hidden;
  padding: 5px;
  pointer-events: none;
  position: relative;
}
div.swf-container .engage-table .pre-render table tr th::before,
div.swf-container .engage-table .pre-render table tr td::before {
  border-radius: 30px;
  content: "";
  height: calc(100% - 2rem);
  left: calc(2rem / 2);
  position: absolute;
  top: calc(2rem / 2);
  width: calc(100% - 2rem);
}
div.swf-container .engage-table .pre-render table tr th::before {
  background: #e6e6e6;
}
div.swf-container .engage-table .pre-render table tr td::before {
  background: #f4f2f4;
}
div.swf-container .engage-table .pre-render table tbody tr {
  border-left: 3px solid #fff;
}
div.swf-container .engage-table .pre-render table tbody tr td {
  background-color: #fff;
  height: 40px;
}
div.swf-container .engage-table .page-navigation {
  color: #172b4d;
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin: 0 0 2rem;
  position: relative;
  width: 100%;
}
div.swf-container .engage-table .page-navigation[loading] .table-summary .results-meta {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #e6e6e6 !important;
}
div.swf-container .engage-table .page-navigation[loading] .table-summary span.badge {
  display: none;
}
div.swf-container .engage-table .page-navigation > div {
  align-items: center;
  display: flex;
  width: 100%;
}
div.swf-container .engage-table .page-navigation div.table-summary {
  flex-direction: row;
}
div.swf-container .engage-table .page-navigation div.table-summary button {
  color: #707070;
}
div.swf-container .engage-table .page-navigation div.table-summary div.results-meta {
  color: #172b4d;
  font-size: 14px;
  padding: 0 0.5rem 0 0;
  text-transform: none;
}
div.swf-container .engage-table .page-navigation div.table-summary div.results-meta span {
  font-weight: 800;
}
div.swf-container .engage-table .page-navigation div.table-summary span.badge {
  align-items: center;
  display: flex;
  justify-content: start;
  margin: 0 1rem;
}
div.swf-container .engage-table .page-navigation div.table-summary span.badge span.material-symbols-outlined {
  font-size: 16px;
}
div.swf-container .engage-table .page-navigation div.table-summary div.results-datetime {
  color: #707070;
  display: none;
  font-size: 11px;
  padding: 0 0 0 0.5rem;
}
div.swf-container .engage-table .page-navigation div.table-summary button:hover + div.results-datetime,
div.swf-container .engage-table .page-navigation div.table-summary div.results-datetime:hover {
  display: flex;
}
div.swf-container .engage-table .page-navigation div.table-nav {
  flex-direction: row-reverse;
}
div.swf-container .engage-table .page-navigation div.table-nav .btn-toolbar {
  margin-left: 5px;
}

div.finance-table {
  margin: 1rem 0 0;
}
div.finance-table table {
  margin-left: 5%;
  margin-right: 5%;
  position: relative;
  width: 90%;
}
div.finance-table table .delete-finance-table-row-button {
  left: -35px;
  margin-top: -3px;
  position: absolute;
}
div.finance-table th,
div.finance-table td {
  padding: 3px;
  white-space: nowrap;
}
div.finance-table th:first-child,
div.finance-table td:first-child {
  text-align: left;
}
div.finance-table td:first-child {
  display: flex;
  text-align: left;
}
div.finance-table th:not(:first-child),
div.finance-table td:not(:first-child) {
  text-align: right;
}

.record-switcher div.results {
  gap: 0;
}
.record-switcher div.results div {
  border-left: 3px solid transparent;
  padding: 0.5rem 1rem;
}
.record-switcher div.results div:hover {
  background-color: #f2f2f2;
}
.record-switcher div.results div.selected-row {
  background-color: #ebf2f9;
  border-left: 3px solid #0052cc;
}
.record-switcher div.results div.selected-row button {
  background-color: #ebf2f9;
  border: 1px solid #ebf2f9;
}

div.swf-container .swf-form {
  gap: 0;
  padding: calc(20px / 2) 0 0;
  width: 100%;
}
div.swf-container .swf-form form {
  height: fit-content;
  min-height: 2rem;
  width: 100%;
}
div.swf-container .swf-form form .key-value-pair {
  margin: 0;
  min-height: 35px;
  padding: 0;
  width: 100%;
}
div.swf-container .swf-form form .key-value-pair > div {
  align-items: center;
  display: flex;
}
div.swf-container .swf-form form .key-value-pair > div.key {
  height: 100%;
  min-width: 8rem;
  width: 30%;
}
div.swf-container .swf-form form .key-value-pair > div.key > h6 {
  font-size: 13px;
  margin: 0;
}
div.swf-container .swf-form form .key-value-pair > div.value {
  height: 100%;
  justify-content: start;
  position: relative;
  width: 70%;
}
div.swf-container .swf-form form .key-value-pair > div.value > .ember-view {
  width: 100%;
}
div.swf-container .swf-form form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view {
  position: absolute;
  top: -10px;
}
div.swf-container .swf-form form .key-value-pair.edit {
  height: fit-content;
  margin: 0 0 calc(20px / 2);
  min-height: 26px;
}
div.swf-container .swf-form form .key-value-pair.edit .key {
  height: 100%;
}
div.swf-container .swf-form form .key-value-pair.edit .value {
  height: 100%;
}
div.swf-container .swf-form form .form-drop-action {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1rem 0 0;
  width: 100%;
}
div.swf-container .swf-form form .form-drop-action > button {
  font-size: 14px !important;
  font-weight: 500 !important;
}
div.swf-container .swf-form form .form-drop-action > button.delete {
  color: #f00 !important;
}
div.swf-container .swf-form form .form-drop-action > button:hover {
  background: transparent !important;
  text-decoration: underline;
}
div.swf-container .swf-form form .form-drop-action > button.right {
  justify-content: right;
}
div.swf-container .swf-form.related-resources {
  margin: 0 0 1rem;
}
div.swf-container .swf-form.related-resources > [sub=row] {
  margin: 0.5rem 0 0;
}
div.swf-container .swf-form.related-resources > [sub=row] > form {
  border-bottom: 1px solid gainsboro;
  padding: 0 0 calc(20px / 2);
}
div.swf-container .swf-form.related-resources > [sub=row]:last-child > form {
  border-bottom: unset;
  padding: 0;
}
div.swf-container .swf-form.related-resources > [sub=row]:first-child {
  margin: 0;
}
div.swf-container .swf-form.related-resources .horizontal-list {
  border-collapse: separate;
  border-spacing: 0.7rem 0.5rem;
  width: 100%;
}
div.swf-container .swf-form.related-resources .horizontal-list tbody > tr > td {
  margin-bottom: 5px;
  white-space: nowrap;
}
div.swf-container .swf-form.related-resources .horizontal-list tbody > tr > td.fit-width {
  white-space: nowrap;
  width: 1%;
}
div.swf-container .swf-form.related-resources .horizontal-list tbody > tr > td .pill-cont {
  padding-bottom: 10px;
  text-align: center;
}
div.swf-container .swf-form.related-resources .horizontal-list tbody > tr > td.pill-center {
  text-align: center;
}
div.swf-container .swf-form.related-resources .horizontal-list tbody > tr > td.table-long {
  padding-left: 0.5rem;
  width: 99%;
}
div.swf-container .swf-form.related-resources .horizontal-list thead > tr {
  height: 2.3rem;
  vertical-align: text-top;
}
div.swf-container .swf-form.related-resources .horizontal-list thead > tr th {
  margin-bottom: 5px;
}
div.swf-container .swf-form.related-resources .horizontal-list thead > tr th.header-center {
  text-align: center;
}
div.swf-container .swf-form.related-resources .horizontal-list .swf-pill {
  margin-bottom: 5px;
  width: 50%;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit {
  width: 100%;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit tbody > tr > td:not(first-child) {
  padding: 5px;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit tbody > tr > td:first-child {
  padding-right: 5px;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit tbody > tr > td .pill-center {
  float: center;
  margin-bottom: 3px;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit tbody > tr > td.fit-width {
  white-space: nowrap;
  width: 1%;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit thead > tr > th.header-center {
  text-align: center;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit thead > tr > th:not(first-child) {
  padding: 5px;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit thead > tr > th:first-child {
  padding-right: 5px;
}
div.swf-container .swf-form.related-resources .horizontal-list-edit button {
  font-size: 26px;
  padding: calc(20px / 4);
}
div.swf-container .swf-form.related-resources .horizontal-list-edit button.delete span {
  color: #d83339;
}
div.swf-container .swf-form.related-resources form .button-left {
  justify-content: left;
}
div.swf-container .swf-form.related-resources form .address-wide {
  width: 100%;
}
div.swf-container .swf-form.related-resources form .comment-block {
  width: 100%;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-edit {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-text {
  display: flex;
  flex-direction: column;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-text p {
  margin-bottom: 0;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-text .comment-date {
  margin: 2px 0 4px 0;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-text .comment-modified {
  flex-grow: 1;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-text .comment-modified .modified-right {
  display: inline-flex;
  justify-content: right;
}
div.swf-container .swf-form.related-resources form .comment-block .comment-text .comment-modified .modified-right > span {
  color: #808080;
}
div.swf-container .swf-form.related-resources form .address-block {
  display: flex;
  gap: 5px;
}
div.swf-container .swf-form.related-resources form .address-block .address-text {
  display: flex;
  flex-direction: column;
}
div.swf-container .swf-form.related-resources form .address-block .address-text p {
  margin-bottom: 0;
}
div.swf-container .swf-form.related-resources form .address-block .address-label {
  display: flex;
  justify-content: start;
  width: 100%;
}
div.swf-container .swf-form.related-resources form .types {
  gap: 2rem;
  margin: 0 0 20px;
}
div.swf-container .swf-form.related-resources form .types > .type {
  height: 30px;
  width: fit-content;
}
div.swf-container .swf-form.related-resources form .types > .type > div {
  align-items: center;
  display: flex;
  height: 100%;
}
div.swf-container .swf-form.related-resources form .types > .type > div:nth-child(2) {
  width: 100%;
}
div.swf-container .swf-form.related-resources form > [sub=column] {
  gap: 0;
  margin: 0.5rem 0 0;
  padding: 0.75rem 0 0;
  position: relative;
}
div.swf-container .swf-form.related-resources form > [sub=column] > div:not(.actions) {
  font-size: 14px;
}
div.swf-container .swf-form.related-resources form > [sub=column] > .actions {
  display: flex;
  justify-content: start;
  position: absolute;
  right: 0;
  top: 20%;
}
div.swf-container .swf-form.related-resources form .swf-pill {
  background-color: #0391fa;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  padding: 0.6rem 1rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
div.swf-container .swf-form.related-resources form .swf-pill.pill-hidden {
  visibility: hidden;
}
div.swf-container .swf-form.related-resources form .swf-pill.muted {
  background-color: #a6a6a6;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-green {
  background-color: #2cd63d;
  border: 1px solid #2cd63d;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-green.active {
  border: 1px solid #2cd63d;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-green.inactive {
  background-color: #fff;
  color: #2cd63d;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-orange {
  background-color: #fab003;
  border: 1px solid #fab003;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-orange.active {
  background-color: #fab003;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-orange.inactive {
  background-color: #fff;
  color: #fab003;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-red {
  background-color: #dc3545 !important;
  border: 1px solid #dc3545 !important;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-red.active {
  background-color: #dc3545 !important;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-red.inactive {
  background-color: #fff;
  color: #dc3545 !important;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-default, div.swf-container .swf-form.related-resources form .swf-pill.color-blue {
  background-color: #0391fa;
  border: 1px solid #0391fa;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-default.active, div.swf-container .swf-form.related-resources form .swf-pill.color-blue.active {
  background-color: #0391fa;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-default.inactive, div.swf-container .swf-form.related-resources form .swf-pill.color-blue.inactive {
  background-color: #fff;
  color: #0391fa;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-gray {
  background-color: #afbad2;
  border: 1px solid #afbad2;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-gray.active {
  background-color: #afbad2;
  color: #fff;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-gray.inactive {
  background-color: #fff;
  color: #afbad2;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-white {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-white.active {
  background-color: #fff;
  color: #000;
}
div.swf-container .swf-form.related-resources form .swf-pill.color-white.inactive {
  background-color: #fff;
  color: #000;
}
div.swf-container .swf-form.related-resources form .swf-pill.small {
  font-size: 10px;
  padding: 0.2rem 0.6rem;
}
div.swf-container .swf-form.related-resources form .swf-pill.mar-left {
  margin-left: 5px;
}
div.swf-container .swf-form.related-resources form .swf-pill.primary {
  background-color: #58c55c;
}
div.swf-container .swf-form.related-resources form .swf-pill.mar-top {
  margin-top: 2px;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address, div.swf-container .swf-form.related-resources > form > .related-resource.contact-info {
  border: 0;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address {
  padding: 20px 0;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address .address-buttons {
  display: flex;
  gap: 15px;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address .address-buttons .right {
  display: flex;
  justify-content: right;
  width: 100%;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address .address-buttons .right .delete {
  color: #f00 !important;
  padding: 0 !important;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address .address-buttons .right .delete:hover {
  background-color: transparent;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address .address-buttons .text-blue {
  color: #0391fa !important;
  margin-left: -4px;
  padding: 0 !important;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address .address-buttons .text-blue:hover {
  background-color: transparent;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address:first-child {
  padding: 0 0 20px;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address:last-child {
  padding: 20px 0 0;
}
div.swf-container .swf-form.related-resources > form > .related-resource.address:last-child:first-child {
  padding: 0;
}
div.swf-container .swf-form.related-resources > form > .related-resource.contact-info > form {
  height: fit-content;
}
div.swf-container .swf-form.related-resources > form > .related-resource.contact-info:first-child {
  padding: calc(20px / 4) 0 0;
}
div.swf-container .swf-form.related-resources > form > .related-resource.contact-info:not(last-child) {
  margin-bottom: 3px;
}
div.swf-container .swf-form.related-resources > form > .related-resource.prof-dev-training > form {
  gap: calc(20px / 4);
  height: fit-content;
}
div.swf-container .swf-form.related-resources > form > .related-resource.prof-dev-training > form > .buttons {
  display: flex;
  height: 52px;
  justify-content: center;
  width: fit-content;
}
div.swf-container .swf-form.related-resources > form > .related-resource.prof-dev-training > form > .buttons button {
  font-size: 26px;
  padding: calc(20px / 4);
}
div.swf-container .swf-form.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span {
  color: #d83339;
}
div.swf-container .swf-form.related-resources > form > .related-resource.prof-dev-training > form > .fields {
  flex-grow: 1;
}
div.swf-container .swf-form.related-resources > form > .related-resource.finance > div {
  display: grid;
  flex-wrap: wrap;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
}
div.swf-container .swf-form .form-top-action {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
div.swf-container .swf-form .form-top-action > button {
  background-color: #fff !important;
  border: 2px solid #c5c9d0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: calc(20px / 2) 0 0;
}
div.swf-container .swf-form .form-top-action > button:hover {
  background: #f3f4f5 !important;
}

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

.unordered-list-component {
  background-color: #f3f4f5;
  border-radius: 10px;
  color: #44546f;
  height: fit-content;
  padding: 1rem;
  width: 100%;
}
.unordered-list-component .title,
.unordered-list-component li {
  border-radius: 5px;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.unordered-list-component .title:hover,
.unordered-list-component li:hover {
  background-color: #e9f2ff;
}
.unordered-list-component .title {
  align-items: center;
  display: flex;
  justify-content: start;
  margin: 0 0 calc(20px / 4);
  padding: calc(20px / 2) calc(20px / 4);
}
.unordered-list-component .title h5 {
  margin-bottom: unset;
  margin-top: unset;
  width: 90%;
}
.unordered-list-component .title span {
  font-size: 20px;
}
.unordered-list-component ul {
  list-style-type: none;
}
.unordered-list-component ul li {
  display: block;
  font-size: 12px;
  padding: calc(20px / 4);
}
.unordered-list-component ul li.selected {
  background-color: #d7dbde;
  color: #313c4f;
  font-weight: 500;
}

div.toolbar-component {
  display: flex;
  flex-direction: row;
  height: 55px;
  padding: 0 calc(20px / 2);
  width: 100%;
  z-index: 55;
}
div.toolbar-component.shadow {
  -moz-box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.31);
  -webkit-box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.31);
  box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.31);
  border-bottom: 0;
}
div.toolbar-component > div {
  align-items: center;
  display: flex;
  height: 100%;
}
div.toolbar-component > div .inner {
  align-items: center;
  display: flex;
  min-height: 50px;
  position: relative;
}
div.toolbar-component > div .inner span.loader {
  background: #f9f9f9;
  height: 33px;
  width: 80px;
}
div.toolbar-component > div:first-child {
  justify-content: start;
  width: 800px;
}
div.toolbar-component > div:first-child .breadcrumbs {
  font-size: 1.15em;
  justify-content: start;
  width: 100%;
}
div.toolbar-component > div:first-child .breadcrumbs a:hover {
  text-decoration: none;
}
div.toolbar-component > div:first-child .breadcrumbs span.sep {
  font-size: inherit;
  margin: 0 0.85rem;
}
div.toolbar-component > div:first-child .breadcrumbs span.crumb {
  align-items: center;
  display: flex;
  justify-content: start;
}
div.toolbar-component > div:first-child .breadcrumbs span.crumb > span.crumb-icon {
  font-size: 1.15em;
  margin: 0 3px 0 0;
}
div.toolbar-component > div:first-child .breadcrumbs span.crumb > span.crumb-image {
  margin: 0 1px 3px;
}
div.toolbar-component > div:first-child .breadcrumbs span.loader {
  border-radius: 5px;
}
div.toolbar-component > div:first-child .breadcrumbs span.loader:not(:first-child) {
  margin: 0 0 0 calc(20px / 2);
}
div.toolbar-component > div:last-child {
  flex-grow: 1;
  justify-content: end;
}
div.toolbar-component > div:last-child > div {
  gap: calc(20px / 2);
}
div.toolbar-component > div:last-child button {
  background-color: #f3f4f5;
  margin-left: 0.25rem;
}
div.toolbar-component > div:last-child button:hover {
  background-color: #e1e3e7;
}
div.toolbar-component > div:last-child button[swf-role=delete] {
  background-color: #dc3545;
  border: 1px solid #dc3545;
  color: #fff;
}
div.toolbar-component > div:last-child button[swf-role=delete]:hover {
  background-color: #d32535;
  border: 1px solid #d32535;
  color: #fff;
}
div.toolbar-component > div:last-child button[swf-role=save] {
  background-color: #58c55c;
  border: 1px solid #58c55c;
  color: #fff;
}
div.toolbar-component > div:last-child button[swf-role=save]:hover {
  background-color: #45be4a;
  border: 1px solid #45be4a;
  color: #fff;
}
div.toolbar-component > div:last-child .view-switcher {
  border-radius: 10px;
  gap: 0;
  overflow: hidden;
}
div.toolbar-component > div:last-child .view-switcher button {
  border-radius: 0;
  margin: 0;
}
div.toolbar-component > div:last-child .view-switcher button > span.material-symbols-outlined {
  font-size: 18px;
}
div.toolbar-component > div:last-child .view-switcher button:nth-child(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
div.toolbar-component > div:last-child .view-switcher button.selected {
  background-color: #e1e3e7;
  pointer-events: none;
}
div.toolbar-component > div:last-child .view-switcher button.selected:hover {
  background-color: #253858;
}
div.toolbar-component > div:last-child span.loader {
  border-radius: 3px;
  margin: 0;
}
div.toolbar-component > div:last-child span.loader.view-switcher {
  border-radius: 10px;
  width: 95px;
}

div.swf-container .filter-bar-component {
  align-items: start;
  background-color: #fff;
  display: flex;
  gap: calc(20px / 2);
  height: fit-content;
  justify-content: start;
  min-height: 50px;
  padding: 0 calc(20px / 2) calc(calc(50px - 26px - 2px) / 2);
}
div.swf-container .filter-bar-component > div {
  align-items: start;
  display: flex;
  gap: calc(20px / 2);
  height: fit-content;
  justify-content: start;
}
div.swf-container .filter-bar-component > div.search-bar {
  flex-shrink: 0;
  height: 50px;
  min-width: fit-content;
  padding: calc(calc(50px - 26px - 2px) / 2) 0 0;
}
div.swf-container .filter-bar-component > div.filters {
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: start;
  padding: calc(calc(50px - 26px - 2px) / 2) 0 0;
  z-index: 50;
}
div.swf-container .filter-bar-component > div.filters button {
  height: 30px;
}
div.swf-container .filter-bar-component > div.filters .result-count {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0 0 0 5px;
}
div.swf-container .filter-bar-component > div.actions {
  flex-shrink: 0;
  gap: calc(20px / 4);
  justify-content: start;
  min-width: 115px;
  padding: calc(calc(50px - 30px) / 2) 0 0 calc(20px / 4);
  position: relative;
  width: fit-content;
}
div.swf-container .filter-bar-component > div.actions::after {
  border-left: 1px solid #dddddd;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: calc(26px / 2);
  width: 5px;
}
div.swf-container .filter-bar-component > div.actions button {
  height: 30px !important;
}
div.swf-container .filter-bar-component div[swf-role=dropdown] > button {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  height: 30px;
}
div.swf-container .filter-bar-component div[swf-role=dropdown] > button:hover {
  background-color: #f6f6f6;
  color: #42526e;
}
div.swf-container .filter-bar-component div[swf-role=dropdown][dropdown-active] > button, div.swf-container .filter-bar-component div[swf-role=dropdown][dropdown-selected] > button {
  background-color: #e9f2ff !important;
  border: 1px solid #e9f2ff !important;
  color: #0c66e4 !important;
}
div.swf-container .filter-bar-component div[swf-role=dropdown][dropdown-active] > button:hover, div.swf-container .filter-bar-component div[swf-role=dropdown][dropdown-selected] > button:hover {
  background-color: #e9f2ff !important;
  border: 1px solid #e9f2ff !important;
  color: #0c66e4 !important;
}
div.swf-container .filter-bar-component div[swf-role=dropdown][dropdown-active] > button .filter-count, div.swf-container .filter-bar-component div[swf-role=dropdown][dropdown-selected] > button .filter-count {
  background-color: #0c66e4;
  color: #fff;
}
div.swf-container .filter-bar-component div[swf-role=dropdown] div.dropdown-options {
  left: 0;
  right: unset !important;
}
div.swf-container .filter-bar-component .view-switcher {
  border: 1px solid #b0b8c6;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  height: 30px;
  margin: 0 0 0 0.5rem;
  overflow: hidden;
}
div.swf-container .filter-bar-component .view-switcher > button {
  align-items: center !important;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  display: flex;
  height: 100%;
  justify-content: center !important;
  padding: 0;
  width: 3rem;
}
div.swf-container .filter-bar-component .view-switcher > button > span {
  font-size: 16px !important;
}
div.swf-container .filter-bar-component .view-switcher > button:nth-child(2) {
  border-left: 1px solid #b0b8c6;
  border-right: 1px solid #b0b8c6;
}
div.swf-container .filter-bar-component .view-switcher > button:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
div.swf-container .filter-bar-component .view-switcher > button.selected {
  background-color: #afbad2;
  pointer-events: none;
}
div.swf-container .filter-bar-component button.search-btn {
  background-color: #31c563;
  border-radius: 5px;
  color: #fff;
  margin: 0 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
div.swf-container .filter-bar-component button.search-btn:hover {
  background-color: #2cb159;
}
div.swf-container .gte-table-combo {
  margin-left: 10px !important;
}

div.swf-container.gte-page {
  padding: 0 !important;
  top: 0 !important;
  width: auto !important;
}

@media (max-width: 400px) {
  div.swf-container.gte-page {
    margin: 0 auto;
  }
}
@media (min-width: 401px) and (max-width: 768px) {
  div.swf-container.gte-page {
    margin: 0 auto;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  div.swf-container.gte-page {
    margin: 0 auto;
  }
}
div.swf-container div.block,
div.component-store-container div.block {
  margin: 0 0 1rem;
  min-height: 50px;
  padding: calc(20px / 2) 20px;
  position: relative;
  width: 100%;
}
div.swf-container div.block:not(.endorsements),
div.component-store-container div.block:not(.endorsements) {
  border: 1px solid #e1e3e7;
  border-radius: 10px;
  padding: calc(20px / 2) 20px;
}
div.swf-container div.block.endorsements,
div.component-store-container div.block.endorsements {
  padding: 0 !important;
}
div.swf-container div.block > div > .capsule,
div.component-store-container div.block > div > .capsule {
  width: 100% !important;
}
div.swf-container div.block.no-padding,
div.component-store-container div.block.no-padding {
  padding: 0;
}
div.swf-container div.block > .block-title,
div.swf-container div.block .pane-title,
div.component-store-container div.block > .block-title,
div.component-store-container div.block .pane-title {
  align-items: center;
  background-color: #fff;
  color: #777;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  left: 10px;
  padding: 0 8px;
  position: absolute;
  top: -11px;
  z-index: 1;
}
div.swf-container div.block .pane-body > div.ember-view,
div.component-store-container div.block .pane-body > div.ember-view {
  height: 100%;
  position: relative;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar {
  display: flex;
  gap: 1rem;
  justify-content: end;
  left: 0;
  margin: 0 0 calc(20px / 2);
  min-height: 30px;
  position: sticky;
  top: 0;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button {
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  -webkit-user-select: none;
  /* Safari */
  border: 1px solid #e1e3e7;
  height: 3rem;
  user-select: none;
  /* Standard syntax */
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.toolbar button.nav-button {
  min-width: 3rem;
  padding: 0 5px;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table {
  max-height: 600px;
  overflow-x: auto;
  position: relative;
  width: fit-content;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table {
  background-color: rgba(128, 178, 240, 0.102);
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td {
  background-color: #fff;
  border: 0;
  padding: 8px;
  z-index: 1;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed {
  position: -webkit-sticky;
  position: sticky;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed:nth-child(1) {
  left: 0;
  width: 3rem;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed:nth-child(2),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed:nth-child(2),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed:nth-child(2) {
  left: 3rem;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum:not(:last-child),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum:not(:last-child),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum:not(:last-child),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum:not(:last-child),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum:not(:last-child),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum:not(:last-child),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum:not(:last-child),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum:not(:last-child) {
  border-right: 1px solid #e1e3e7;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 150px;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed {
  z-index: 3;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.datum,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.datum {
  text-align: center;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.fixed {
  z-index: 2;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum {
  text-align: center;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=finance], div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=currency],
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=finance],
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=currency],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=finance],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr td.datum[data-type=currency],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=finance],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td.datum[data-type=currency] {
  text-align: right;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3) {
  left: calc(2 * 3rem);
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed:nth-child(2):after, div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after, div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2):after,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed:nth-child(2):after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr[data-role=category] td.fixed:nth-child(2):after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr th.fixed:nth-child(2):after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr:not([data-role=category]) td.fixed:nth-child(3):after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td.fixed:nth-child(2):after {
  border-right: 1px solid #e1e3e7;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr {
  min-height: 35px;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th {
  font-weight: 600;
  top: -1px;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th.fixed {
  z-index: 3;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th:after,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table thead tr th:after {
  border-bottom: 2px solid #c5c9d0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td {
  min-height: 35px;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr td:nth-child(1) {
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category] td {
  background-color: #f3f4f5;
  font-weight: 600;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded]),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded]) {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded])[last-category],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=category]:not([data-expanded])[last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td {
  font-weight: 600;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td .text {
  font-weight: 600;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(2) {
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded]),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded]) {
  border-bottom: 1px solid #e1e3e7;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category] {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category]:not([data-expanded])[last-sub-category][last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][data-odd] td:not(:nth-child(1)) {
  background-color: #fafafb;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td {
  font-weight: 600;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td:nth-child(3) {
  text-align: right;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view,
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][summary-field] td .ember-view {
  font-weight: 600;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][last-field],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][last-field] {
  border-bottom: 1px solid #e1e3e7;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category] {
  border-bottom: 2px solid #e1e3e7;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field][last-field][last-sub-category][last-category] {
  border-bottom: 2px solid #c5c9d0;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1), div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=sub-category] td:nth-child(1),
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-role=field] td:nth-child(1) {
  background-color: #f3f4f5;
}
div.swf-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-hidden],
div.component-store-container div.block .pane-body[pane-body-template=pivot-data-grid] > div.ember-view > div.table table tbody tr[data-hidden] {
  display: none;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list], div.swf-container div.block .pane-body[pane-body-template=detail],
div.component-store-container div.block .pane-body[pane-body-template=detail-list],
div.component-store-container div.block .pane-body[pane-body-template=detail] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view {
  gap: 0;
  padding: calc(20px / 2) 0 0;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column],
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row], div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column],
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row],
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column],
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row],
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column],
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] {
  height: auto;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record {
  margin-bottom: auto;
  margin-top: auto;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .content, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > .content,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > .content {
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons), div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column].record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row].record > div:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > span:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > .details:not(.icons),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .record > div:not(.icons) {
  margin-bottom: auto;
  margin-top: auto;
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .details,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .details, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .details,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .details,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > .details,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > .details,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > .details,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > .details {
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > button {
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > button,
div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view > [sub=column] > [sub=row] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=column] > button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view > [sub=column] > [sub=row] > button {
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form {
  height: fit-content;
  min-height: 2rem;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair {
  margin: 0;
  min-height: 35px;
  padding: 0;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div {
  align-items: center;
  display: flex;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.key, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.key,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.key,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.key {
  height: 100%;
  min-width: 8rem;
  padding: 8px 0;
  width: 30%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.key > h6, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.key > h6,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.key > h6,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.key > h6 {
  font-size: 13px;
  margin: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.value, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.value,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.value,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.value {
  height: 100%;
  justify-content: start;
  margin: auto;
  position: relative;
  width: 70%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.value > .ember-view, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.value > .ember-view,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.value > .ember-view,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.value > .ember-view {
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair > div.value > .ember-view > .swf-input > .ember-view {
  position: absolute;
  top: -10px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair.edit, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair.edit,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair.edit,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair.edit {
  height: fit-content;
  margin: 0 0 calc(20px / 2);
  min-height: 26px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair.edit .key, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair.edit .key,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair.edit .key,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair.edit .key {
  height: 100%;
  padding: 8px 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair.edit .value, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair.edit .value,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view form .key-value-pair.edit .value,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view form .key-value-pair.edit .value {
  height: 100%;
  margin: auto;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row], div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row],
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row],
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row] {
  margin: 0.5rem 0 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row] > form, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row] > form,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row] > form,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row] > form {
  border-bottom: 1px solid gainsboro;
  padding: 0 0 calc(20px / 2);
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row]:last-child > form, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:last-child > form,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row]:last-child > form,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:last-child > form {
  border-bottom: unset;
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row]:first-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > [sub=row]:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > [sub=row]:first-child {
  margin: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list {
  border-collapse: separate;
  border-spacing: 0.7rem 0.5rem;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td {
  margin-bottom: 5px;
  white-space: nowrap;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td.fit-width, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td.fit-width,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td.fit-width,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td.fit-width {
  white-space: nowrap;
  width: 1%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td .pill-cont, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td .pill-cont,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td .pill-cont,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td .pill-cont {
  padding-bottom: 10px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td.pill-center, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td.pill-center,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td.pill-center,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td.pill-center {
  text-align: center;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td.table-long, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td.table-long,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list tbody > tr > td.table-long,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list tbody > tr > td.table-long {
  padding-left: 0.5rem;
  width: 99%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list thead > tr, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list thead > tr,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list thead > tr,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list thead > tr {
  height: 2.3rem;
  vertical-align: text-top;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list thead > tr th, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list thead > tr th,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list thead > tr th,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list thead > tr th {
  margin-bottom: 5px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list thead > tr th.header-center, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list thead > tr th.header-center,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list thead > tr th.header-center,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list thead > tr th.header-center {
  text-align: center;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list .swf-pill, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list .swf-pill,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list .swf-pill,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list .swf-pill {
  margin-bottom: 5px;
  width: 50%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit {
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:not(first-child), div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:not(first-child),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:not(first-child),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:not(first-child) {
  padding: 5px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:first-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td:first-child {
  padding-right: 5px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td .pill-center, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td .pill-center,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td .pill-center,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td .pill-center {
  float: center;
  margin-bottom: 3px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td.fit-width, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td.fit-width,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td.fit-width,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit tbody > tr > td.fit-width {
  white-space: nowrap;
  width: 1%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th.header-center, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th.header-center,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th.header-center,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th.header-center {
  text-align: center;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:not(first-child), div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:not(first-child),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:not(first-child),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:not(first-child) {
  padding: 5px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:first-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit thead > tr > th:first-child {
  padding-right: 5px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit button, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit button {
  font-size: 26px;
  padding: calc(20px / 4);
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit button.delete span, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit button.delete span,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources .horizontal-list-edit button.delete span,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources .horizontal-list-edit button.delete span {
  color: #d83339;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address, div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info {
  border: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address {
  padding: 20px 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address:first-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:first-child {
  padding: 0 0 20px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address:last-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address:last-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child {
  padding: 20px 0 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address:last-child:first-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.address:last-child:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.address:last-child:first-child {
  padding: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info > form, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info > form,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info > form,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info > form {
  height: fit-content;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info:first-child, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info:first-child,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:first-child {
  padding: calc(20px / 4) 0 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info:not(last-child), div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:not(last-child),
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.contact-info:not(last-child),
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.contact-info:not(last-child) {
  margin-bottom: 3px;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form {
  gap: calc(20px / 4);
  height: fit-content;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons {
  display: flex;
  height: 52px;
  justify-content: center;
  width: fit-content;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button {
  font-size: 26px;
  padding: calc(20px / 4);
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .buttons button.delete span {
  color: #d83339;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .fields, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .fields,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .fields,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.prof-dev-training > form > .fields {
  flex-grow: 1;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.finance > div, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.finance > div,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view.related-resources > form > .related-resource.finance > div,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view.related-resources > form > .related-resource.finance > div {
  display: grid;
  flex-wrap: wrap;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view .form-top-action, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view .form-top-action,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view .form-top-action,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view .form-top-action {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view .form-top-action > button, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view .form-top-action > button,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button {
  background-color: #fff !important;
  border: 2px solid #c5c9d0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: calc(20px / 2) 0 0;
}
div.swf-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view .form-top-action > button:hover, div.swf-container div.block .pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button:hover,
div.component-store-container div.block .pane-body[pane-body-template=detail-list] > div.ember-view .form-top-action > button:hover,
div.component-store-container div.block .pane-body[pane-body-template=detail] > div.ember-view .form-top-action > button:hover {
  background: #f3f4f5 !important;
}
div.swf-container div.block .pane-body[pane-body-template=link-grid] > div.ember-view,
div.component-store-container div.block .pane-body[pane-body-template=link-grid] > div.ember-view {
  display: grid;
  flex-wrap: wrap;
  gap: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
}
div.swf-container div.block .pane-body[pane-body-template=link-grid] button:hover .jump-to,
div.component-store-container div.block .pane-body[pane-body-template=link-grid] button:hover .jump-to {
  text-decoration: underline !important;
}
div.swf-container div.block .pane-body[pane-body-template=link-grid][render-mode=edit] > div.ember-view,
div.component-store-container div.block .pane-body[pane-body-template=link-grid][render-mode=edit] > div.ember-view {
  opacity: 0.7;
  pointer-events: none;
  user-select: none;
}
div.swf-container .training_pill,
div.component-store-container .training_pill {
  float: right;
  margin-top: 5px;
}
div.swf-container .edit_training,
div.component-store-container .edit_training {
  display: flex;
  flex-direction: column;
  justify-content: right;
  padding: 4px 0 4px 0;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 992px) {
  div.swf-container .edit_training,
div.component-store-container .edit_training {
    flex-direction: row;
  }
}
div.swf-container .edit_training div[sub=column],
div.component-store-container .edit_training div[sub=column] {
  margin-bottom: auto;
  margin-top: auto;
}
div.swf-container .edit_training .title,
div.component-store-container .edit_training .title {
  justify-content: start;
  width: 800px;
}
div.swf-container .edit_training .name,
div.component-store-container .edit_training .name {
  width: 50%;
}
div.swf-container .edit_training .prof-dev-mc,
div.component-store-container .edit_training .prof-dev-mc {
  flex-grow: 1;
}
div.swf-container .edit_training .prof-dev-desc,
div.component-store-container .edit_training .prof-dev-desc {
  width: 200px;
}
div.swf-container .edit_training .name-row,
div.component-store-container .edit_training .name-row {
  flex-direction: column;
  gap: calc(30px / 2);
  width: calc(100% - 500px);
}
@media (min-width: 768px) {
  div.swf-container .edit_training .name-row,
div.component-store-container .edit_training .name-row {
    flex-direction: row;
  }
}
div.swf-container .training_name,
div.component-store-container .training_name {
  padding-right: 10px;
}

div.swf-container div.details {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: fit-content;
  max-width: 1400px;
  padding: 5px 0 0;
  position: relative;
  width: 100%;
}
div.swf-container div.details div.title {
  align-items: center;
  display: inherit;
  gap: 5px;
  justify-content: start;
  margin: 0 0 20px;
}
div.swf-container div.details div.title > h4 {
  margin-bottom: 0;
  margin-top: 0;
}
div.swf-container div.details .capsule {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 100px 0 0;
}
div.swf-container div.details > [sub=row] {
  flex-direction: column;
  gap: 20px;
}
div.swf-container div.details > [sub=row] > [sub=column] {
  gap: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  div.swf-container div.details > [sub=row] {
    flex-direction: row;
    gap: calc(20px / 2);
  }
}

div.swf-container div.result-set-component {
  height: 100%;
  overflow-y: auto;
  padding: 0 calc(20px / 2);
  width: 100%;
}
div.swf-container div.result-set-component > table {
  border-collapse: separate;
  border-radius: 2px;
  border-spacing: 0;
  box-shadow: none;
  padding: 0;
  width: 100%;
}
div.swf-container div.result-set-component > table thead,
div.swf-container div.result-set-component > table tbody {
  border: 1px solid transparent;
}
div.swf-container div.result-set-component > table thead tr > td,
div.swf-container div.result-set-component > table thead tr > th,
div.swf-container div.result-set-component > table tbody tr > td,
div.swf-container div.result-set-component > table tbody tr > th {
  padding: 6px;
}
div.swf-container div.result-set-component > table thead tr > td span.material-symbols-outlined,
div.swf-container div.result-set-component > table thead tr > th span.material-symbols-outlined,
div.swf-container div.result-set-component > table tbody tr > td span.material-symbols-outlined,
div.swf-container div.result-set-component > table tbody tr > th span.material-symbols-outlined {
  font-size: 18px;
  margin: 2px 0 0;
}
div.swf-container div.result-set-component > table thead {
  color: #42526e;
}
div.swf-container div.result-set-component > table thead tr {
  -moz-user-select: none;
  -webkit-text-select: none;
  -webkit-user-select: none;
  border: 0;
  user-select: none;
}
div.swf-container div.result-set-component > table thead tr th {
  background-color: #fff;
  border-bottom: 2px solid #e1e3e7;
  cursor: pointer;
  min-height: 35px;
  position: sticky;
  text-align: start;
  text-align: start;
  top: 0;
  vertical-align: bottom;
}
div.swf-container div.result-set-component > table thead tr th:hover {
  background-color: #f2f2f2;
}
div.swf-container div.result-set-component > table thead tr th.selected {
  background-color: #f9f9f9;
}
div.swf-container div.result-set-component > table thead tr th.no-click {
  pointer-events: none;
}
div.swf-container div.result-set-component > table thead tr th span.material-symbols-outlined {
  font-size: 14px;
  margin: 0 !important;
}
div.swf-container div.result-set-component > table tbody tr {
  border-bottom: 0;
  cursor: pointer;
}
div.swf-container div.result-set-component > table tbody tr td {
  background-color: transparent;
  border: 0;
  text-align: start;
  vertical-align: middle;
}
div.swf-container div.result-set-component > table tbody tr td button {
  height: 30px;
}
div.swf-container div.result-set-component > table tbody tr:nth-child(odd) {
  background-color: #f6f6f6;
}
div.swf-container div.result-set-component > table tbody tr:nth-child(odd) td button {
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
}
div.swf-container div.result-set-component > table tbody tr:nth-child(even) {
  background-color: #fff;
}
div.swf-container div.result-set-component > table tbody tr:nth-child(even) td button {
  background-color: #fff;
  border: 1px solid #fff;
}
div.swf-container div.result-set-component > div.record-card {
  border-bottom: 1px solid #eff0f2;
  padding: calc(20px / 2);
}
div.swf-container div.result-set-component > div.record-card > .title {
  margin: calc(20px / 4) 0 calc(20px / 4);
}
div.swf-container div.result-set-component > div.record-card > .title > h5 {
  font-size: 15px;
  margin: 0;
}
div.swf-container div.result-set-component .record,
div.swf-container div.result-set-component .record-card {
  border-left: 3px solid transparent;
}
div.swf-container div.result-set-component .record:hover,
div.swf-container div.result-set-component .record-card:hover {
  background-color: #f2f2f2;
}
div.swf-container div.result-set-component .record.selected,
div.swf-container div.result-set-component .record-card.selected {
  background-color: #ebf2f9;
  border-left: 3px solid #546ca2;
}
div.swf-container div.result-set-component .record.selected td button,
div.swf-container div.result-set-component .record-card.selected td button {
  background-color: #ebf2f9;
  border: 1px solid #ebf2f9;
}
div.swf-container div.result-set-component > div.info-row {
  color: rgba(6, 10, 45, 0.561);
  font-weight: 500;
  margin: calc(calc(20px / 2) * 3) 0;
}
div.swf-container div.result-set-component > div.info-row > div.ember-view {
  width: fit-content;
}
div.swf-container div.result-set-component > div.loader > div {
  background: #f9f9f9;
  border-radius: 10px;
  width: 100%;
}
div.swf-container div.result-set-component.render-list > div.loader:first-child {
  margin: 20px 0;
}
div.swf-container div.result-set-component.render-list > div.loader:first-child > div {
  height: 20px;
}
div.swf-container div.result-set-component.render-list > div.loader:last-child > div {
  height: 320px;
}
div.swf-container div.result-set-component.render-list .swf-pill {
  background-color: #0391fa;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  padding: 0.6rem 1rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
div.swf-container div.result-set-component.render-list .swf-pill.pill-hidden {
  visibility: hidden;
}
div.swf-container div.result-set-component.render-list .swf-pill.muted {
  background-color: #a6a6a6;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-green {
  background-color: #2cd63d;
  border: 1px solid #2cd63d;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-green.active {
  border: 1px solid #2cd63d;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-green.inactive {
  background-color: #fff;
  color: #2cd63d;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-orange {
  background-color: #fab003;
  border: 1px solid #fab003;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-orange.active {
  background-color: #fab003;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-orange.inactive {
  background-color: #fff;
  color: #fab003;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-red {
  background-color: #dc3545 !important;
  border: 1px solid #dc3545 !important;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-red.active {
  background-color: #dc3545 !important;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-red.inactive {
  background-color: #fff;
  color: #dc3545 !important;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-default, div.swf-container div.result-set-component.render-list .swf-pill.color-blue {
  background-color: #0391fa;
  border: 1px solid #0391fa;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-default.active, div.swf-container div.result-set-component.render-list .swf-pill.color-blue.active {
  background-color: #0391fa;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-default.inactive, div.swf-container div.result-set-component.render-list .swf-pill.color-blue.inactive {
  background-color: #fff;
  color: #0391fa;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-gray {
  background-color: #afbad2;
  border: 1px solid #afbad2;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-gray.active {
  background-color: #afbad2;
  color: #fff;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-gray.inactive {
  background-color: #fff;
  color: #afbad2;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-white {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-white.active {
  background-color: #fff;
  color: #000;
}
div.swf-container div.result-set-component.render-list .swf-pill.color-white.inactive {
  background-color: #fff;
  color: #000;
}
div.swf-container div.result-set-component.render-list .swf-pill.small {
  font-size: 10px;
  padding: 0.2rem 0.6rem;
}
div.swf-container div.result-set-component.render-list .swf-pill.mar-left {
  margin-left: 5px;
}
div.swf-container div.result-set-component.render-list .swf-pill.primary {
  background-color: #58c55c;
}
div.swf-container div.result-set-component.render-list .swf-pill.mar-top {
  margin-top: 2px;
}
div.swf-container div.result-set-component.render-card > div.loader {
  opacity: 0;
}
div.swf-container div.result-set-component.render-card > div.loader > div {
  height: 50px;
  margin: 0 0 calc(20px / 2);
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(1) {
  opacity: 1;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(2) {
  opacity: 1;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(3) {
  opacity: 0.9;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(4) {
  opacity: 0.8;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(5) {
  opacity: 0.7;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(6) {
  opacity: 0.6;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(7) {
  opacity: 0.5;
}
div.swf-container div.result-set-component.render-card > div.loader:nth-child(8) {
  opacity: 0.4;
}

div.swf-container .results-pane {
  border: 1px solid #546ca2;
  border-radius: 10px;
  gap: 0;
  height: fit-content;
  margin: 10px 0 0;
  overflow: hidden;
  width: 100%;
}
div.swf-container .results-pane-title {
  background-color: #546ca2;
  color: #fff;
}
div.swf-container .results-pane .title {
  align-items: center;
  display: flex;
  font-size: 0.8em;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 1px;
  padding: calc(20px / 4) 0;
  text-transform: uppercase;
}
div.swf-container .results-pane .selectable {
  margin: calc(20px / 2) 0 0;
  padding: 0 calc(20px / 2);
}
div.swf-container .results-pane-block .title {
  border-bottom: 1px solid #546ca2;
  color: #546ca2;
}
div.swf-container .results-pane-block .option {
  border-left: 3px solid transparent;
  padding: calc(20px / 4);
}
div.swf-container .results-pane-block .option:hover {
  background-color: #f2f2f2;
}
div.swf-container .results-pane-block .option.selected {
  background-color: #ebf2f9;
  border-left: 3px solid #546ca2;
}

.no-border {
  border: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}
.inline-block.top {
  vertical-align: top;
}
.inline-block.bottom {
  vertical-align: bottom;
}

.can-not-interact {
  -ms-user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
  user-select: none;
}

button.position-status {
  width: 170px;
}
button.position-status.hold {
  background-color: #000;
  color: #fff;
}
button.position-status.withdrawn {
  background-color: #808080;
  color: #fff;
}

.slight-tm {
  margin: 0.8px;
}

div.blue-text {
  color: #3b5998;
  font-size: 13px;
}

div.blue-text-medium-font {
  color: #3b5998;
  font-size: 15px;
}

hr.blue-hr {
  background-color: #3b5998;
  height: 1px;
  margin-top: -15px;
}

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

div.finance-info-block {
  padding: 0 3rem;
}
div.finance-info-block > div.pad-one-rem {
  padding: 5px;
}
div.finance-info-block > div.grid-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
div.finance-info-block > div.grid-row.edit-mode {
  align-items: center;
}
div.finance-info-block > div.grid-row > div.grid-column.half-width-l {
  text-align: end;
  width: 50%;
}
div.finance-info-block > div.grid-row > div.grid-column.half-width-l > strong {
  font-weight: 500 !important;
}
div.finance-info-block > div.grid-row > div.grid-column.half-width-r {
  width: 50%;
}

span.red-x {
  color: #f00;
}

div.center-button-finance {
  align-items: center;
  display: flex;
  justify-content: center;
}
div.center-button-finance .finance-table-add-button {
  border: 1px solid #42536e;
  margin-top: 7px;
  padding: 5px 10px;
}

div [sub] {
  display: flex;
  gap: calc(20px / 2);
}
div [sub].no-gap {
  gap: 0;
}
div [sub].no-gap .radio-button-height-adjustment {
  height: 27px;
}
div [sub] > div.ember-view {
  display: inherit;
}
div [sub][v-align=center] {
  align-items: center;
}
div [sub][v-align=start], div [sub][v-align=top] {
  align-items: start;
}
div [sub][v-align=end], div [sub][v-align=bottom] {
  align-items: end;
}
div [sub][align=center] {
  justify-content: center;
}
div [sub][align=start], div [sub][align=top] {
  justify-content: start;
}
div [sub][align=end], div [sub][align=bottom] {
  justify-content: end;
}
div [sub].padding-half {
  gap: calc(20px / 2);
}
div [sub].padding-quarter {
  gap: calc(20px / 4);
}
div [sub].padding-double {
  gap: calc(20px * 2);
}
div [sub].gap-double {
  gap: calc(20px * 2);
}
div [sub].no-padding {
  padding: 0 !important;
}
div [sub].no-margin {
  margin: 0 !important;
}
div [sub].no-gap {
  gap: 0 !important;
}
div td.no-margin {
  margin: 0;
  padding: 0;
}
div[sub=column] {
  flex-direction: column;
  height: 100%;
}
div[sub=column] > div.ember-view {
  flex-direction: inherit;
  height: fit-content;
}
div[sub=row] {
  flex-direction: row;
  width: 100%;
}
div[sub=row] > div.ember-view {
  flex-direction: inherit;
  width: 100%;
}
div[sub=row] > div:not(.ember-view) {
  height: fit-content;
}
div[sub=row] > div.block {
  width: 100%;
}
div[sub=row] > div.block table {
  width: 100%;
}
div[sub=container] {
  container-type: inline-size;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
  height: 100%;
  width: 100%;
}

.loader-mini > .dot {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #ed303c 94%, #0000), radial-gradient(farthest-side, #3b8183 94%, #0000), radial-gradient(farthest-side, #fad089 94%, #0000), radial-gradient(farthest-side, #ff9c5b 94%, #0000), #ed303c;
  background-size: 105% 105%;
  background-repeat: no-repeat;
  animation: l5 2s infinite;
}
@keyframes l5 {
  0% {
    background-position: 50% -50px, -40px 50%, 50% calc(100% + 50px), calc(100% + 50px) 50%;
  }
  20%, 25% {
    background-position: 50% -50px, -50px 50%, 50% calc(100% + 50px), 50% 50%;
  }
  45%, 50% {
    background-position: 50% -50px, -50px 50%, 50% 50%, 50% 50%;
  }
  75%, 75% {
    background-position: 50% -50px, 50% 50%, 50% 50%, 50% 50%;
  }
  95%, 100% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  }
}

.skeleton-loader img,
.skeleton-loader hr {
  display: none;
}
.skeleton-loader div.swf-input,
.skeleton-loader div[swf-role=dropdown],
.skeleton-loader h4,
.skeleton-loader li,
.skeleton-loader .pane, .skeleton-loader.pane {
  background-color: transparent !important;
  border: 0 !important;
  color: transparent;
  min-width: 250px;
  position: relative;
}
.skeleton-loader div.swf-input::after,
.skeleton-loader div[swf-role=dropdown]::after,
.skeleton-loader h4::after,
.skeleton-loader li::after,
.skeleton-loader .pane::after, .skeleton-loader.pane::after {
  animation: skeleton-loading 2s linear infinite alternate;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.skeleton-loader div.swf-input,
.skeleton-loader div[swf-role=dropdown] {
  min-width: unset !important;
  height: 30px !important;
  overflow: hidden;
}
.skeleton-loader div.swf-input {
  border-radius: 5px !important;
  width: 250px !important;
}
.skeleton-loader div[swf-role=dropdown] {
  border-radius: 3px !important;
  width: 115px !important;
}
.skeleton-loader li {
  margin: 0 0 10px;
  height: 40px;
}
.skeleton-loader li::after {
  border-radius: 5px;
}
.skeleton-loader h4 {
  min-height: 30px;
}
.skeleton-loader h4::after {
  border-radius: 8px;
}
.skeleton-loader .pane, .skeleton-loader.pane {
  min-height: 50px;
}
.skeleton-loader .pane::after, .skeleton-loader.pane::after {
  border-radius: 10px;
}
.skeleton-loader .pane .pane-title, .skeleton-loader.pane .pane-title {
  opacity: 0;
}
@keyframes skeleton-loading {
  0% {
    background-color: #f3f4f5;
  }
  100% {
    background-color: #e1e1e1;
  }
}

.page-loader {
  animation: page-load 3.6s ease-in-out infinite;
  background: #dbdbdb;
  border-radius: 5px;
  height: 10px;
  left: 47%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}
.page-loader:before, .page-loader:after {
  animation: page-load 3.6s ease-in-out infinite;
  border-radius: 5px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
}
.page-loader:before {
  background: #eeeeee;
  left: 10px;
  top: -20px;
  width: 40px;
}
.page-loader:after {
  animation: page-load 3.6s ease-in-out infinite, skeleton-loading-2 3s ease-in-out infinite alternate;
  bottom: -20px;
  width: 35px;
}

@keyframes page-load {
  0% {
    transform: translateX(40px);
  }
  50% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes skeleton-loading-2 {
  0% {
    background: #c8c8c8;
  }
  100% {
    background: #f3f4f5;
  }
}
[loading] h1,
[loading] h2,
[loading] h3,
[loading] h4,
[loading] h5,
[loading] h6,
[loading] label,
[loading] div.frame,
[loading] input.frame,
[loading] button.frame,
[loading] .linked-resource-data > div::after,
[loading] li {
  background-color: #f9f9f9;
  border: 0;
  border-radius: 30px;
  color: transparent;
  height: 0.5rem;
  min-width: 5rem;
  pointer-events: none;
}
[loading] h1.value,
[loading] h2.value,
[loading] h3.value,
[loading] h4.value,
[loading] h5.value,
[loading] h6.value,
[loading] label.value,
[loading] div.frame.value,
[loading] input.frame.value,
[loading] button.frame.value,
[loading] .linked-resource-data > div::after.value,
[loading] li.value {
  background-color: #f4f2f4;
  height: 1.75rem;
  margin: 0 0 0 1rem;
  max-width: 25rem;
}
[loading].related-resources form {
  border: 1px solid transparent !important;
}
[loading].related-resources form .linked-resource-data > div {
  position: relative !important;
  width: 1rem !important;
}
[loading].related-resources form .linked-resource-data > div::after {
  content: "";
  height: 40%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[loading] .swf-pill {
  background-color: #e6e6e6 !important;
  color: transparent !important;
  width: 8rem !important;
}
[loading] li {
  border-radius: 5px;
  height: 3rem;
  margin: 0 1rem 0 0 !important;
  width: 5rem;
}
[loading] h1,
[loading] h2,
[loading] h3,
[loading] h4,
[loading] h5,
[loading] h6 {
  border-radius: 5px;
}
[loading] h1,
[loading] h2,
[loading] h3,
[loading] h4,
[loading] h5,
[loading] h6,
[loading] label {
  max-width: 15rem;
}
[loading] label {
  height: 1rem;
}
[loading] h1 {
  height: 3.5rem;
}
[loading] h2 {
  height: 3.25rem;
}
[loading] h3 {
  height: 3rem;
}
[loading] h4 {
  height: 2.75rem;
  width: 20rem;
}
[loading] h5 {
  height: 2.5rem;
}
[loading] h6 {
  height: 1.5rem;
}

span.material-symbols-outlined.required {
  color: #c9372c;
  font-size: 12px;
}

.feature-highlight {
  border: 1px solid #af66ff !important;
  box-shadow: none !important;
}
.feature-highlight:before {
  content: "";
  background: linear-gradient(45deg, #a24dff, #af66ff, #bd80ff, #ca99ff, #d7b3ff, #e4ccff, #e4ccff, #e4ccff, #d7b3ff, #ca99ff, #bd80ff, #af66ff);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(3px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 30s linear infinite;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.feature-highlight:active {
  color: #000;
}
.feature-highlight:active:after {
  background: transparent;
}
.feature-highlight:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.feature-highlight.off:before {
  opacity: 0;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.access-wrapper .can-not-interact {
  opacity: 0.5;
}

div:not(.giving__new-gift) .row {
  display: block;
  width: 100%;
}

#qunit {
  position: relative !important;
}