@include export-module('co-transaction-header-popup-theme') {
  .co-transaction-header-popup {
    .transaction-header-popup-categories {
      background: $tp-transaction-header-popup-categories-background-color;
    }
    .transaction-header-popup-category {
      color: $tp-transaction-header-popup-category-font-color;
      background: $tp-transaction-header-popup-category-background-color;
      &.selected {
        .title {
          color: $tp-transaction-header-popup-category-selected-font-color;
        }
        background: $tp-transaction-header-popup-category-active-background-color;
      }
      &:hover {
        .title {
          color: $tp-transaction-header-popup-category-hover-font-color;
        }
        background: $tp-transaction-header-popup-category-active-background-color;
      }
    }
    .save-button {
      .co-icon {
        svg { // for fontawesome icons
          fill: $tp-transaction-header-popup-save-button-icon-color;
        }
        & [fill] { // for own icons
          fill: $tp-transaction-header-popup-save-button-icon-color;
        }
      }
    }
    .transaction-header-popup-business-rule-applied {
      .co-icon {
        svg {
          fill: $tp-transaction-header-popup-business-rule-applied-icon-color;
        }
        & [fill] {
          fill: $tp-transaction-header-popup-business-rule-applied-icon-color;
        }
      }
    }
  }
}