.mph-frame {
  background-color: var(--color-background-elevated);
  border: 1px solid var(--color-stroke-medium);
  padding: 20px;
}
.mph-header {
  font-size: 18px;
  color: var(--color-text-strong);
  padding-left: 25px;
  margin-bottom: 8px;
  margin-top: 26px;
}
.mph-loader {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100dvh - (var(--fixed-top-line-height) + var(--toolbar-height) + var(--footer-height)));
}
.mph-loader.mph-loader--inline {
  height: auto;
}
@media all and (max-width:1279.98px) {
  .mph-loader {
    height: calc(100dvh - (var(--fixed-top-line-height-tablet-le) + var(--toolbar-height)));
  }
  .mph-loader.mph-loader--inline {
    height: auto;
  }
}
.mph-loader .loader {
  width: 96px;
  height: 96px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  background-color: var(--color-brand-primary-weak);
  border-radius: var(--border-radius-ellipse);
}
.mph-loader .loader img {
  animation: spinner 1.5s linear infinite;
}
.mph-message-banner {
  position: relative;
  z-index: 700;
}
.mph-message-banner .alert {
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
}
.mph-message-banner .container {
  width: 100%;
  max-width: 1556px;
  padding-left: 15px;
  padding-right: 15px;
}
.mph-message-banner .banner-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  flex-shrink: 0;
}
.mph-message-banner .banner-icon img {
  width: 20px;
  height: 20px;
}
.mph-message-banner .banner-icon img.svg {
  filter: brightness(0) invert(1);
}
.mph-message-banner .danger-img {
  display: inline-flex;
  align-items: center;
  align-self: center;
  flex-shrink: 0;
}
.mph-message-banner .danger-img img {
  width: 21px;
  height: 18px;
}
.mph-message-banner .banner-messages {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mph-message-banner .banner-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mph-message-banner .banner-message:not(:last-child) {
  margin-bottom: 4px;
}
.mph-message-banner .banner-text {
  flex: 1;
}
.mph-message-banner .banner-action-btn {
  margin-left: 15px;
  flex-shrink: 0;
}
.mph-message-banner .banner-dismiss {
  background: transparent;
  border: none;
  color: var(--color-white);
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 0 0 0 15px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
.mph-message-banner .banner-dismiss:hover {
  opacity: 1;
}
.mph-message-banner .banner-dismiss:focus {
  outline: none;
  opacity: 1;
}
.mph-message-banner .banner-slide-enter-active,
.mph-message-banner .banner-slide-leave-active {
  transition: max-height 0.4s ease, opacity 0.3s ease;
  overflow: hidden;
}
.mph-message-banner .banner-slide-enter-from,
.mph-message-banner .banner-slide-leave-to {
  max-height: 0 !important;
  opacity: 0;
}
.mph-message-banner .banner-slide-enter-to,
.mph-message-banner .banner-slide-leave-from {
  max-height: 240px;
  opacity: 1;
}
.mph-message-banner .banner-message-enter-active {
  transition: all 0.25s ease;
}
.mph-message-banner .banner-message-leave-active {
  transition: all 0.2s ease;
}
.mph-message-banner .banner-message-enter-from {
  opacity: 0;
  transform: translateX(-10px);
}
.mph-message-banner .banner-message-leave-to {
  opacity: 0;
  transform: translateX(10px);
}
.mph-message-banner .banner-message-move {
  transition: transform 0.25s ease;
}
.mph-no-records-message {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  position: relative;
  border: solid 1px var(--color-status-warning-weak);
  border-radius: var(--border-radius-small);
  background-color: var(--color-status-warning-weak);
  color: var(--color-status-warning-strong);
  height: min-content;
  margin-top: 8px;
  margin-bottom: 15px;
  padding: 12px 16px 12px 8px;
  margin-right: 30px;
  margin-left: 30px;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-no-records-message {
    margin-right: 24px;
    margin-left: 24px;
  }
}
@media all and (max-width:767.98px) {
  .mph-no-records-message {
    margin-top: 13px;
    margin-right: 14px;
    margin-left: 14px;
  }
}
.mph-no-records-message .icon-wrapper {
  height: 24px;
  width: 24px;
  margin-right: 6px;
}
.mph-no-records-message .icon-wrapper svg {
  width: 24px;
  height: 24px;
}
.mph-no-records-message .icon-wrapper svg .svg-icon-info-circle-outline {
  fill: var(--color-status-warning-strong);
}
.mph-no-records-message .main-text-label {
  line-height: 24px;
  margin-bottom: 0;
}
.mph-no-records-message.justify-left {
  justify-content: left;
  padding: 8px;
}
.mph-no-records-message.no-margin {
  margin: 0;
}
@media all and (max-width:1279.98px) {
  .mph-no-records-message {
    justify-content: flex-start;
    padding: 10px 8px;
  }
}
.mph-page-content {
  position: relative;
  max-width: var(--content-max-width);
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.mph-page-content.page-content-padding {
  box-sizing: content-box;
  padding-left: 28px;
  padding-right: 28px;
}
@media all and (max-width:1279.98px) {
  .mph-page-content.page-content-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
.mph-page-content.background {
  background-color: var(--color-background-elevated);
}
.mph-page-content.fit-window {
  height: calc(100dvh - (var(--fixed-top-line-height) + var(--toolbar-height) + var(--footer-height)));
}
@media all and (max-width:1279.98px) {
  .mph-page-content.fit-window {
    height: calc(100dvh - (var(--fixed-top-line-height-tablet-le) + var(--toolbar-height)));
  }
}
.mph-page-content.document-padding {
  padding-top: 16px;
}
.mph-page-content.top-padding {
  padding-top: 10px;
}
.mph-page-content.page-padding {
  padding: 10px 20px 20px 20px;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-page-content.page-padding {
    padding: 10px 24px 20px 24px;
  }
}
@media all and (max-width:767.98px) {
  .mph-page-content.page-padding {
    padding: 10px 14px 20px 14px;
  }
}
.mph-page-content .svg:not(.replaced-svg):not(html) {
  visibility: hidden;
}
.mph-tab-control .navbar-header {
  font-family: Roboto;
  color: var(--color-white);
  float: unset;
  display: flex;
  align-items: center;
}
.mph-tab-control .navbar-header .navbar-toggle {
  display: none;
}
.mph-tab-control .navbar-header .selectedTab,
.mph-tab-control .navbar-header .selectedTabBottom {
  display: none;
}
.mph-tab-control .navbar-collapse .navbar-nav {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.mph-tab-control .navbar-collapse .navbar-nav li {
  height: 40px;
  background-color: var(--color-background);
  border: 1px solid var(--color-stroke-medium);
  border-bottom: 0;
  border-left: 0;
}
.mph-tab-control .navbar-collapse .navbar-nav li:not([style*='display: none']) {
  border-left: 1px solid var(--color-stroke-medium);
}
.mph-tab-control .navbar-collapse .navbar-nav li:not([style*='display: none']) ~ li:not([style*='display: none']) {
  border-left: 0;
}
.mph-tab-control .navbar-collapse .navbar-nav li a {
  height: 40px;
  color: var(--color-text-medium);
  font-size: 14px;
  line-height: 24px;
  padding: 8px 20px;
}
.mph-tab-control .navbar-collapse .navbar-nav li a:hover,
.mph-tab-control .navbar-collapse .navbar-nav li a:focus {
  background-color: initial;
}
.mph-tab-control .navbar-collapse .navbar-nav li a:focus {
  outline-color: var(--color-button-brand-background);
  outline-offset: -5px;
}
@media all and (max-width:1279.98px) {
  .mph-tab-control .navbar-collapse .navbar-nav li a {
    padding: 8px 24px;
  }
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet {
  padding-right: 38px;
  background-position: right 8px center;
  background-repeat: no-repeat;
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.waitingForSend {
  background-image: url(/images/common/EET/cekaNaOdeslani_white.svg?v=2d5buR9xalLB4S3Mr670NC7GlhY);
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.success {
  background-image: url(/images/common/EET/odeslano_white.svg?v=oJo0Gxo2WPV7p5by7o1Qd5MBHqg);
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.successWithWarning {
  background-image: url(/images/common/EET/odeslanoSVarovanim_white.svg?v=HoPPlwvf0RS5I7r44echkwVoevo);
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.error {
  background-image: url(/images/common/EET/chybaOdeslani_white.svg?v=jNGxxM9Qqc9s396oc0qxso5HvAQ);
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.doNotSend {
  background-image: url(/images/common/EET/nebudeSeOdesilat_white.svg?v=5FlcdYuCzodnGHrkPoqim_pZGk0);
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.invalidData {
  background-image: url(/images/common/EET/nepodariloSeSestavitPozadavek_white.svg?v=2qj1Ki5dxCUEdoHrQcchMYbLDzw);
}
.mph-tab-control .navbar-collapse .navbar-nav li a.eet.simplifiedMode {
  background-image: url(/images/common/EET/zjednodusene_white.svg?v=MVhSDcQ9w2XVgfGZQ_usda3uFQY);
}
.mph-tab-control .navbar-collapse .navbar-nav li a .badge {
  background-color: var(--color-white);
  color: var(--color-button-standalone-brand);
  border-radius: 50%;
  display: inline;
}
.mph-tab-control .navbar-collapse .navbar-nav li a .tabAppVersionProIconGold {
  width: 24px;
  height: 24px;
  vertical-align: top;
  padding: 2px 0;
}
.mph-tab-control .navbar-collapse .navbar-nav li.active {
  background-color: var(--color-background-elevated);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a {
  color: var(--color-text-strong);
  font-family: Roboto-Medium;
  background-color: initial;
  padding-top: 9px;
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a::after {
  content: '';
  display: block;
  border-bottom: 2px solid var(--color-button-brand-background);
  padding-top: 6px;
  position: absolute;
  bottom: 1px;
  right: 20px;
  left: 20px;
  z-index: 100;
}
@media all and (max-width:1279.98px) {
  .mph-tab-control .navbar-collapse .navbar-nav li.active a::after {
    right: 24px;
    left: 24px;
  }
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.waitingForSend {
  background-image: url(/images/common/EET/cekaNaOdeslani.svg?v=K9HhSUQAm4P9shapiYwg5uip2ok);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.success {
  background-image: url(/images/common/EET/odeslano.svg?v=gabvBfIIIA1Kbs_gV4cNYStrycM);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.successWithWarning {
  background-image: url(/images/common/EET/odeslanoSVarovanim.svg?v=PW47J1lKs8AuQTjELiSIbm5tya4);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.error {
  background-image: url(/images/common/EET/chybaOdeslani.svg?v=RFGxbVpx53XxGVru7baEsFqgFgg);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.doNotSend {
  background-image: url(/images/common/EET/nebudeSeOdesilat.svg?v=J9mDo7GBVtHjkcuatP-YTMf6D9A);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.invalidData {
  background-image: url(/images/common/EET/nepodariloSeSestavitPozadavek.svg?v=Zc1ZzTvICwbeFovg_5XrRSwunM0);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a.eet.simplifiedMode {
  background-image: url(/images/common/EET/zjednodusene.svg?v=mOf9SjIpbjpl_2scF3BKcRAueDw);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a .badge {
  background-color: var(--color-button-standalone-brand);
  color: var(--color-white);
}
.mph-tab-control .navbar-collapse .navbar-nav li.active a .tabAppVersionProIconGold {
  padding-top: 1px;
  padding-bottom: 3px;
}
.mph-tab-control .navbar-collapse .navbar-nav li.active::after {
  content: '';
  display: block;
  height: 2px;
  z-index: 10;
  position: absolute;
  bottom: -1px;
  width: 100%;
  background-color: var(--color-background-elevated);
}
.mph-tab-control .tabContent {
  min-height: 80px;
  padding: 20px;
  background-color: var(--color-background-elevated);
  border: 1px solid var(--color-stroke-medium);
}
.mph-tab-control .tabContent.forForm {
  padding: 36px 30px;
}
.mph-tab-control .tabContent .tabFilter {
  margin-top: 0;
}
.mph-tab-control .tabContent.no-min-height {
  min-height: 0;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-tab-control .tabContent {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media all and (max-width:767.98px) {
  .mph-tab-control .tabContent {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media all and (max-width:1279.98px) {
  .mph-tab-control .tabContent.no-side-padding-tablet-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}
.mph-tab-control #appVersionProIcon,
.mph-tab-control .selectedTabIconWrapper {
  margin-left: 10px;
}
.mph-tab-control #appVersionProIcon img,
.mph-tab-control .selectedTabIconWrapper img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
@media all and (min-width:768px) {
  .mph-tab-control:not(.force-hamburger) .navbar-header #appVersionProIcon,
  .mph-tab-control:not(.force-hamburger) .navbar-header .selectedTabIconWrapper {
    display: none;
  }
  .mph-tab-control:not(.force-hamburger) .navbar-collapse {
    width: 100%;
    padding: 0;
    border-top: 0 none;
    box-shadow: none;
    touch-action: none;
    user-select: none;
    overflow: hidden !important;
    margin-right: 15px;
    margin-bottom: -1px;
  }
  .mph-tab-control:not(.force-hamburger) .navbar-collapse a {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
  }
}
@media all and (max-width:767.98px) {
  .mph-tab-control:not(.force-tabs) .navbar-header {
    font-family: Roboto-Medium;
    color: var(--color-text-strong);
    background-color: var(--color-background-elevated);
    border: 1px solid var(--color-stroke-medium);
    border-bottom: 0;
  }
  .mph-tab-control:not(.force-tabs) .navbar-header .navbar-toggle {
    display: block;
    margin: 0 0 0 auto;
    padding: 8px 14px 8px 8px;
    height: 40px;
    border: none;
    background-color: var(--color-background-elevated);
  }
  .mph-tab-control:not(.force-tabs) .navbar-header .navbar-toggle img,
  .mph-tab-control:not(.force-tabs) .navbar-header .navbar-toggle svg {
    height: 24px;
    width: 24px;
    transform: rotate(180deg);
    transition: 0.2s ease;
  }
  .mph-tab-control:not(.force-tabs) .navbar-header .navbar-toggle.collapsed img,
  .mph-tab-control:not(.force-tabs) .navbar-header .navbar-toggle.collapsed svg {
    transform: rotate(0deg);
  }
  .mph-tab-control:not(.force-tabs) .navbar-header .navbar-toggle svg path {
    fill: var(--color-button-neutral-foreground);
  }
  .mph-tab-control:not(.force-tabs) .navbar-header .selectedTab,
  .mph-tab-control:not(.force-tabs) .navbar-header .selectedTabBottom {
    padding: 0 0 0 14px;
    font-size: 14px;
    height: 40px;
    line-height: normal;
    display: flex;
    align-items: center;
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 40;
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse .navbar-nav {
    white-space: initial;
    flex-wrap: wrap;
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse .navbar-nav li.active a {
    background-color: color-mix(in oklab, var(--color-button-brand-background) 100%, var(--color-button-highlight-weak) 7%);
    color: var(--color-white);
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse .navbar-nav li.active a:focus,
  .mph-tab-control:not(.force-tabs) .navbar-collapse .navbar-nav li.active a:hover {
    background-color: color-mix(in oklab, var(--color-button-brand-background) 100%, var(--color-button-highlight-weak) 7%);
    color: var(--color-white);
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse .navbar-nav li a {
    padding: 8px 14px;
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse.in .navbar-nav li,
  .mph-tab-control:not(.force-tabs) .navbar-collapse.collapsing .navbar-nav li {
    width: 100%;
  }
  .mph-tab-control:not(.force-tabs) .navbar-collapse.in .navbar-nav li.active a::after,
  .mph-tab-control:not(.force-tabs) .navbar-collapse.collapsing .navbar-nav li.active a::after {
    border-bottom: 0;
  }
}
.mph-tab-control.force-hamburger .navbar-header {
  font-family: Roboto-Medium;
  color: var(--color-text-strong);
  background-color: var(--color-background-elevated);
  border: 1px solid var(--color-stroke-medium);
  border-bottom: 0;
}
.mph-tab-control.force-hamburger .navbar-header .navbar-toggle {
  display: block;
  margin: 0 0 0 auto;
  padding: 8px 14px 8px 8px;
  height: 40px;
  border: none;
  background-color: var(--color-background-elevated);
}
.mph-tab-control.force-hamburger .navbar-header .navbar-toggle img,
.mph-tab-control.force-hamburger .navbar-header .navbar-toggle svg {
  height: 24px;
  width: 24px;
  transform: rotate(180deg);
  transition: 0.2s ease;
}
.mph-tab-control.force-hamburger .navbar-header .navbar-toggle.collapsed img,
.mph-tab-control.force-hamburger .navbar-header .navbar-toggle.collapsed svg {
  transform: rotate(0deg);
}
.mph-tab-control.force-hamburger .navbar-header .navbar-toggle svg path {
  fill: var(--color-button-neutral-foreground);
}
.mph-tab-control.force-hamburger .navbar-header .selectedTab,
.mph-tab-control.force-hamburger .navbar-header .selectedTabBottom {
  padding: 0 0 0 14px;
  font-size: 14px;
  height: 40px;
  line-height: normal;
  display: flex;
  align-items: center;
}
.mph-tab-control.force-hamburger .navbar-collapse {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 40;
}
.mph-tab-control.force-hamburger .navbar-collapse .navbar-nav {
  white-space: initial;
  flex-wrap: wrap;
}
.mph-tab-control.force-hamburger .navbar-collapse .navbar-nav li.active a {
  background-color: color-mix(in oklab, var(--color-button-brand-background) 100%, var(--color-button-highlight-weak) 7%);
  color: var(--color-white);
}
.mph-tab-control.force-hamburger .navbar-collapse .navbar-nav li.active a:focus,
.mph-tab-control.force-hamburger .navbar-collapse .navbar-nav li.active a:hover {
  background-color: color-mix(in oklab, var(--color-button-brand-background) 100%, var(--color-button-highlight-weak) 7%);
  color: var(--color-white);
}
.mph-tab-control.force-hamburger .navbar-collapse .navbar-nav li a {
  padding: 8px 14px;
}
.mph-tab-control.force-hamburger .navbar-collapse.in .navbar-nav li,
.mph-tab-control.force-hamburger .navbar-collapse.collapsing .navbar-nav li {
  width: 100%;
}
.mph-tab-control.force-hamburger .navbar-collapse.in .navbar-nav li.active a::after,
.mph-tab-control.force-hamburger .navbar-collapse.collapsing .navbar-nav li.active a::after {
  border-bottom: 0;
}
.mph-tab-control.force-tabs .navbar-header #appVersionProIcon,
.mph-tab-control.force-tabs .navbar-header .selectedTabIconWrapper {
  display: none;
}
.mph-tab-control.force-tabs .navbar-collapse {
  width: 100%;
  padding: 0;
  border-top: 0 none;
  box-shadow: none;
  touch-action: none;
  user-select: none;
  overflow: hidden !important;
  margin-right: 15px;
  margin-bottom: -1px;
}
.mph-tab-control.force-tabs .navbar-collapse a {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.mph-toolbar .toolbar-button span {
  display: contents;
}
.mph-toolbar .toolbar-right-side {
  display: flex;
  align-items: center;
}
@media all and (max-width:1279.98px) {
  .mph-toolbar .toolbar-right-side {
    margin-right: 6px;
  }
}
.mph-toolbar .svg:not(.replaced-svg):not(html) {
  visibility: hidden;
}
.mph-toolbar-action-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--color-button-neutral-foreground);
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius-mini);
  cursor: pointer;
}
.mph-toolbar-action-button button:hover:not(:disabled) {
  background-color: color-mix(in oklab, transparent 100%, var(--color-button-highlight-weak) 7%);
}
.mph-toolbar-action-button button:disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.mph-toolbar-action-button button.selected {
  background-color: var(--color-button-highlight-medium-opacity14);
}
.mph-toolbar-action-button button.selected:hover {
  background-color: color-mix(in oklab, var(--color-button-highlight-medium-opacity14) 100%, var(--color-button-highlight-weak) 7%);
}
.mph-toolbar-action-button button .svg-toolbar-icon path,
.mph-toolbar-action-button button .svg-toolbar-icon polygon {
  fill: var(--color-text-medium);
}
.mph-grid-loading-bar {
  position: sticky;
  width: 100%;
  height: 3px;
  overflow: hidden;
  z-index: 1;
  top: 47px;
}
.mph-grid-loading-bar .md-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-elevated);
  overflow: hidden;
  transition: opacity 1s;
}
.mph-grid-loading-bar .md-dashed {
  display: none;
}
.mph-grid-loading-bar .md-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #9e9e9e;
  will-change: left, right;
}
.mph-grid-loading-bar .md-bar1 {
  animation: mph-loading-bar1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.mph-grid-loading-bar .md-bar2 {
  animation: mph-loading-bar2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
@keyframes mph-loading-bar1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes mph-loading-bar2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.mph-column-header .md-sort-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-left: 4px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mph-column-header .md-sort-icon.md-none {
  background-image: url(/images/common/icon-sorting.svg?v=wsNncF_rhVZVaNT-fsObsAoe7kc);
}
.mph-column-header .md-sort-icon.md-asc {
  background-image: url(/images/common/icon-arrow-triangle-up.svg?v=j_WWw3VN7qL_c929f7s8EiTzMPI);
}
.mph-column-header .md-sort-icon.md-desc {
  background-image: url(/images/common/icon-arrow-triangle-down.svg?v=Uofj0nX33cAsPJIgFsqJcN-ZJgE);
}
.mph-column-header:hover .md-sort-icon.md-none {
  background-image: url(/images/common/icon-sorting-black.svg?v=WBoX2sCpRO7eWWyR2uXakuz2EdY);
}
.mph-document-grid-summary {
  box-sizing: content-box;
  display: block;
  box-shadow: var(--shadow-up-low-light);
  grid-area: footer;
  text-align: center;
  z-index: 95;
}
.mph-document-grid-summary .summary-toggle-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/images/common/icon-arrow-small-up.svg?v=3IGcKTEwsKSGVh98X57gEsOiH0g) no-repeat center;
  background-size: 24px 24px;
}
.mph-document-grid-summary .summary-toggle-icon.summary-toggle-icon-collapsed {
  transform: rotate(180deg);
}
.mph-document-grid-summary.full .summary-amounts {
  align-items: normal;
}
@media all and (min-width:1280px) {
  .mph-document-grid-summary.full .summary-amounts {
    margin: auto;
  }
}
.mph-document-grid-summary.full .records {
  align-items: center;
  margin-top: 10px;
}
.mph-document-grid-summary #pagination_summary {
  border: 0;
}
.mph-document-grid-summary #pagination_summary md-table-pagination {
  margin: 0;
  justify-content: flex-start;
  flex-grow: 1;
}
.mph-document-grid-summary #pagination_summary md-table-pagination.layout-xs-column {
  flex-direction: row;
}
.mph-document-grid-summary #pagination_summary md-table-pagination .label {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--color-text-medium);
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  min-width: auto;
  padding-top: 0.3em;
}
.mph-document-grid-summary #pagination_summary md-table-pagination > div {
  order: 0;
}
.mph-document-grid-summary #pagination_summary md-table-pagination .limit-select {
  order: 2;
  margin-top: 10px;
  background-color: var(--color-fill);
  border: 1px solid var(--color-stroke-medium);
  border-radius: var(--border-radius-mini);
  padding: 6px 5px;
  width: 135px;
}
.mph-document-grid-summary #pagination_summary md-table-pagination .limit-select select {
  margin-left: auto;
  text-align-last: right;
  font-size: 14px;
  font-family: Roboto-Medium;
  background-color: var(--color-white);
}
.mph-document-grid-summary #pagination_summary md-table-pagination .page-select {
  order: 0;
  background-color: var(--color-fill);
  border: 1px solid var(--color-stroke-medium);
  border-radius: var(--border-radius-mini);
  padding: 6px 5px;
  width: 135px;
}
.mph-document-grid-summary #pagination_summary md-table-pagination .page-select select {
  margin-left: auto;
  text-align-last: right;
  font-size: 14px;
  font-family: Roboto-Medium;
  background-color: var(--color-white);
}
@media all and (max-width:1279.98px) {
  .mph-document-grid-summary #pagination_summary md-table-pagination .page-select {
    margin-top: 4px;
  }
}
.mph-document-grid-summary #pagination_summary md-table-pagination .buttons {
  flex-grow: 1;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.body-filter .mph-document-grid-summary #pagination_summary md-table-pagination .buttons {
  padding-right: 0;
}
@media all and (max-width:1279.98px) {
  .mph-document-grid-summary #pagination_summary md-table-pagination .buttons {
    margin-top: 4px;
  }
}
.mph-document-grid-summary #pagination_summary md-table-pagination .records {
  order: 2;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.mph-document-grid-summary #pagination_summary md-table-pagination .break {
  order: 1;
  flex-basis: 100%;
  height: 0;
}
.mph-document-grid-summary #pagination_summary md-table-pagination select {
  margin-right: 5px;
  border: none;
  padding-right: 3px;
}
.mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .page-select {
  display: none;
}
.mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .limit-select {
  display: none;
}
.mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .buttons {
  display: none;
}
.mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .records {
  display: block;
  text-align: left;
  padding-top: 4px;
  margin-top: 0;
}
@media all and (min-width:1280px) and (max-width:1500px) {
  .mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .records {
    margin-top: 0 !important;
  }
}
@media all and (max-width:1279.98px) {
  .mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .records {
    padding-top: 0;
    padding-bottom: 4px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .records {
    padding-bottom: 24px;
  }
}
.mph-document-grid-summary #pagination_summary.showOnlyCount md-table-pagination .records .label {
  line-height: 18px;
  padding: 0;
  display: block;
  text-align: left;
}
@media all and (max-width:1279.98px) {
  .mph-document-grid-summary.closed .summary-amounts {
    gap: 0;
  }
}
.mph-document-grid-summary.closed #pagination_summary md-table-pagination .limit-select {
  display: none;
}
.mph-document-grid-summary.closed #pagination_summary md-table-pagination .records {
  display: none;
}
@media all and (max-width:767.98px) {
  .mph-document-grid-summary.closed #pagination_summary md-table-pagination .page-select,
  .mph-document-grid-summary.closed #pagination_summary md-table-pagination .buttons {
    margin-bottom: 2px;
  }
}
@media all and (min-width:1280px) {
  .mph-document-grid-summary.closed #pagination_summary.showOnlyCount .records {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: start;
    padding: 4px 0;
  }
  .mph-document-grid-summary.closed #pagination_summary.showOnlyCount.record-count-not-centered .records {
    display: block !important;
  }
}
.mph-document-grid-summary.closed #pagination_summary.showOnlyCount md-table-pagination .records {
  display: flex;
  min-height: 36px;
  align-items: center;
  justify-content: start;
  padding: 4px 0;
}
@media all and (min-width:1280px) and (max-width:1500px) {
  .mph-document-grid-summary .summary-pagination.desktop-mini-column {
    width: auto;
  }
  .mph-document-grid-summary .summary-pagination.desktop-mini-column #pagination_summary md-table-pagination {
    display: grid;
  }
  .mph-document-grid-summary .summary-pagination.desktop-mini-column #pagination_summary md-table-pagination > * {
    justify-content: center;
    margin: 0 auto;
  }
  .mph-document-grid-summary .summary-pagination.desktop-mini-column #pagination_summary md-table-pagination .page-select {
    order: 0;
  }
  .mph-document-grid-summary .summary-pagination.desktop-mini-column #pagination_summary md-table-pagination .limit-select {
    order: 1;
    margin-top: 10px;
  }
  .mph-document-grid-summary .summary-pagination.desktop-mini-column #pagination_summary md-table-pagination .buttons {
    order: 2;
    margin-top: 5px;
  }
  .mph-document-grid-summary .summary-pagination.desktop-mini-column #pagination_summary md-table-pagination .records {
    order: 3;
    margin-top: 5px;
  }
}
.mph-document-grid-summary md-table-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mph-document-grid-summary md-table-pagination .button {
  border: 0;
  min-height: 24px;
}
.mph-document-grid-summary md-table-pagination .button.icon-button {
  background-color: transparent;
  line-height: 12px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 6px;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  border-radius: 50%;
}
.mph-document-grid-summary md-table-pagination .button.icon-button svg > * {
  fill: var(--color-button-standalone-neutral-medium);
}
.mph-document-grid-summary md-table-pagination .button.icon-button[disabled] svg > * {
  fill: var(--color-button-disabled-foreground);
}
.mph-document-grid-summary md-table-pagination .button.icon-button:not([disabled]).icon-button:hover {
  background-color: var(--color-button-highlight-weak-opacity7);
}
.mph-document-grid-summary .records {
  display: flex;
  box-sizing: border-box;
  order: 2;
  flex-grow: 1;
  margin: 7px auto 0 auto;
  justify-content: center;
}
.mph-document-grid-summary .buttons {
  display: flex;
  box-sizing: border-box;
  flex-grow: 1;
  margin: 0 auto;
  justify-content: center;
}
.mph-document-grid-summary .summary-switch {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  top: min(16px, calc(50% - 20px));
  right: 16px;
}
.mph-document-grid-summary .summary-switch > a {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: var(--border-radius-ellipse);
  width: 40px;
  height: 40px;
  background-color: var(--color-button-neutral-background);
}
.mph-document-grid-summary .summary-switch .arrow-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url(/images/common/icon-arrow-small-up.svg?v=3IGcKTEwsKSGVh98X57gEsOiH0g) no-repeat top left;
}
.mph-general-button {
  position: relative;
  overflow: hidden;
  letter-spacing: 0.03em;
}
.mph-general-button .general-button__ripple-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}
.mph-general-button .general-button__ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(23, 29, 77, 0.1);
  transform: scale(0);
  animation: mph-ripple-animation 0.6s ease-out forwards;
  pointer-events: none;
}
.mph-general-button.brand .general-button__ripple-container {
  background-color: rgba(255, 255, 255, 0.1);
}
.mph-general-button.brand .general-button__ripple {
  background: rgba(255, 255, 255, 0.1);
}
@keyframes mph-ripple-animation {
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.mph-document-filter-panel {
  max-width: var(--filter-width);
  min-width: var(--filter-width);
  position: relative;
  grid-area: filter;
  align-self: stretch;
  background: white;
  overflow: auto;
  z-index: 90;
}
.mph-document-filter-panel .document-filter-panel {
  position: relative;
  width: 270px;
  background: var(--color-background-elevated);
  height: 100%;
  color: var(--color-text-strong);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  grid-area: filter;
  align-self: stretch;
}
.mph-document-filter-panel .document-filter-panel input[type="text"]::placeholder {
  font-style: normal;
  color: var(--color-text-medium);
}
.mph-document-filter-panel .document-filter-panel input[type="text"]:disabled::placeholder {
  color: var(--color-button-disabled-foreground);
}
.mph-document-filter-panel .document-filter-panel .document-filter-panel-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid var(--color-stroke-medium);
}
.mph-document-filter-panel .document-filter-panel .document-filter-panel-content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.mph-document-filter-panel .document-filter-panel .document-filter-panel-content::-webkit-scrollbar-track {
  background-color: var(--color-stroke-medium);
  border-radius: 0;
}
.mph-document-filter-panel .document-filter-panel .document-filter-panel-content::-webkit-scrollbar-thumb {
  background-color: var(--color-button-standalone-neutral-medium);
  border-radius: 10px;
}
.mph-document-filter-panel .document-filter-panel .form-control-with-corners {
  min-height: auto;
}
.mph-document-filter-panel .document-filter-panel .label-blue {
  font-family: Roboto-Medium;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: block;
  padding-left: 0;
  color: var(--color-text-strong);
  padding-top: 16px;
  margin-bottom: 8px;
}
.mph-document-filter-panel .document-filter-panel .label-blue.underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.mph-document-filter-panel .document-filter-panel .label-blue.padding-top-0 {
  padding-top: 0;
}
.mph-document-filter-panel .document-filter-panel .relative {
  position: relative;
}
.mph-document-filter-panel .document-filter-panel .margin-bottom-10 {
  margin-bottom: 10px;
}
.mph-document-filter-panel .document-filter-panel .margin-top-5 {
  margin-top: 5px;
}
.mph-document-filter-panel .document-filter-panel .margin-top-10 {
  margin-top: 10px;
}
.mph-document-filter-panel .document-filter-panel .form-input-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  cursor: pointer;
}
.mph-document-filter-panel .document-filter-panel .form-input-btn.div-calendar img {
  width: 20px;
  height: 20px;
}
.mph-document-filter-panel .document-filter-panel .form-control-with-corners.date {
  padding-right: 40px;
}
.mph-document-filter-panel .document-filter-panel select.form-control-with-corners {
  height: auto;
  min-height: auto;
}
.mph-document-filter-panel .document-filter-panel .summary {
  display: flex;
  padding: 8px 8px 8px 8px;
  border-right: 1px solid var(--color-stroke-medium);
  justify-content: center;
  background: var(--color-fill);
  box-shadow: var(--shadow-up-low-light);
  min-height: 52px;
  z-index: 10;
  flex-shrink: 0;
  gap: 10px;
}
.mph-document-filter-panel .document-filter-panel .summary .btn,
.mph-document-filter-panel .document-filter-panel .summary button {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
  width: 115px;
  text-transform: none;
  height: 36px;
}
.mph-document-filter-panel .document-filter-panel .summary .general-button.button-neutral {
  backdrop-filter: initial;
}
.mph-filter-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: var(--color-text-strong);
}
.mph-filter-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url('/images/common/icon-checkbox-empty-outline.svg?v=E3d31w8Sr_LEfN3uxCN5jlm8OH4');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.mph-filter-checkbox input[type="checkbox"]:checked {
  background-image: url('/images/common/icon-checkbox-selected.svg?v=hTtZRHOk8aThWwhGH8z3OQ3lC8I');
}
.mph-filter-checkbox input[type="checkbox"]:disabled {
  background-image: url('/images/common/icon-checkbox-empty-outline-disabled.svg?v=OV2chyIt1JBYUnE9JJ_qU6K7dIk');
  cursor: default;
}
.mph-filter-checkbox input[type="checkbox"]:checked:disabled {
  background-image: url('/images/common/icon-checkbox-selected-disabled.svg?v=1ojoaPiKRWug2_2SWywifKuAcy4');
}
.mph-filter-checkbox svg {
  width: 24px;
  height: 24px;
}
.mph-filter-checkbox.checkbox-item {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 14px;
  color: var(--color-text-strong);
}
.mph-filter-checkbox.checkbox-item input[type="checkbox"] {
  margin-left: auto;
}
.mph-filter-checkbox.checkbox-item label {
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  flex: 1;
}
.mph-select-box {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  width: 100%;
  border: 1px solid var(--color-stroke-medium) !important;
  border-radius: var(--border-radius-mini);
  background-color: var(--color-fill);
  color: var(--color-text-strong);
  min-height: 48px;
  padding: 8px 36px 8px 12px;
  box-shadow: none;
  appearance: none;
  background-image: url('/images/common/icon-arrow-small-down-dark.svg?v=qC_Pr7t68yUObCmKJr6NM2aOrNs');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px 24px;
}
.mph-select-box:focus {
  border: 1px solid var(--color-button-standalone-brand) !important;
  background-color: var(--color-white);
  box-shadow: 0 0 0 1px var(--color-button-standalone-brand);
  outline: none;
}
.mph-select-box:disabled {
  opacity: 1;
  background-color: var(--color-button-disabled-background) !important;
  border-color: var(--color-stroke-medium) !important;
  background-image: url('/images/common/icon-arrow-small-down-disabled.svg?v=9q7DL6k_r_lQeaMQhC61UB2deE4');
  color: var(--color-button-disabled-foreground) !important;
  box-shadow: none !important;
}
.mph-select-box.font-regular {
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.mph-select-box.condensed {
  min-height: 38px;
  padding: 6px 32px 6px 10px;
}
.mph-date-box .label-blue {
  padding-left: 4px;
}
.mph-date-box.p-datepicker {
  width: 100%;
  line-height: 14px;
}
.mph-date-box.p-datepicker .p-datepicker-input {
  width: 100%;
  border: 1px solid var(--color-stroke-medium);
  border-radius: var(--border-radius-mini);
  background-color: var(--color-fill);
  min-height: 48px;
  padding: 9px 12px;
  letter-spacing: 0.03em;
  padding-right: 48px;
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--color-text-strong);
}
.mph-date-box.p-datepicker .p-datepicker-input::placeholder {
  color: var(--color-text-medium);
  opacity: 1;
}
.mph-date-box.p-datepicker .p-datepicker-input:enabled:hover:not(:focus) {
  border-color: var(--color-stroke-medium);
}
.mph-date-box.p-datepicker .p-datepicker-input:focus {
  outline: none;
  border: 1px solid var(--color-button-standalone-brand);
  background-color: var(--color-white);
  box-shadow: 0 0 0 1px var(--color-button-standalone-brand);
}
.mph-date-box.p-datepicker .p-datepicker-input:disabled {
  background-color: var(--color-button-disabled-background);
  border-color: var(--color-stroke-medium);
  box-shadow: none;
  color: var(--color-button-disabled-foreground);
}
.mph-date-box.p-datepicker .p-datepicker-input:disabled ~ .p-datepicker-input-icon-container .p-datepicker-input-icon svg path {
  fill: var(--color-button-disabled-foreground);
}
.mph-date-box.p-datepicker .p-datepicker-input[readonly] {
  background-color: var(--color-fill);
  color: var(--color-text-strong);
}
.mph-date-box.p-datepicker .p-datepicker-input.has-error {
  border: 1px solid var(--color-status-negative-medium);
  background-color: var(--color-white);
  -webkit-box-shadow: 0 0 0 1px var(--color-status-negative-medium);
  -moz-box-shadow: 0 0 0 1px var(--color-status-negative-medium);
  box-shadow: 0 0 0 1px var(--color-status-negative-medium);
}
.mph-date-box.p-datepicker .p-datepicker-clear-icon {
  display: none !important;
}
.mph-date-box.p-datepicker .p-datepicker-input-icon-container {
  top: 12px;
  right: 12px;
  margin-block-start: 0;
}
.mph-date-box.p-datepicker .p-datepicker-input-icon-container .p-datepicker-input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: text;
  pointer-events: auto;
}
.mph-date-box.p-datepicker .p-datepicker-input-icon-container .p-datepicker-input-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.mph-date-box.p-datepicker.font-regular .p-datepicker-input {
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.mph-date-box.p-datepicker.variant-medium .p-datepicker-input-icon-container .p-datepicker-input-icon svg path {
  fill: var(--color-button-standalone-neutral-medium);
}
.mph-date-box.p-datepicker.condensed .p-datepicker-input {
  min-height: 38px;
  padding: 9px 12px;
  padding-right: 48px;
}
.mph-date-box.p-datepicker.condensed .p-datepicker-input-icon-container {
  top: 7px;
}
.mph-filter-section {
  border-bottom: solid 1px var(--color-stroke-medium);
  padding: 12px 16px;
  margin: 0;
}
.mph-filter-section.expanded {
  padding: 12px 16px 16px 16px;
}
.mph-filter-section h4 {
  position: relative;
  margin: 0;
  color: var(--color-text-strong);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}
.mph-filter-section h4.body-small-semi {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.mph-filter-section h4.with-height {
  min-height: 24px;
  display: flex;
  align-items: center;
}
.mph-filter-section h4 > span {
  position: absolute;
  right: 0;
}
.mph-filter-section h4 .toggle-arrow {
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.mph-filter-section h4 .toggle-arrow.arrow-collapsed {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mph-filter-section h4 + div {
  padding-top: 8px;
}
.mph-document-filter-toolbar-button {
  position: relative;
}
.mph-document-filter-toolbar-button .svg-icon-filter {
  fill: var(--color-text-medium);
}
.mph-document-filter-toolbar-button .svg-icon-filter-dot {
  fill: transparent;
  stroke: transparent;
}
.mph-document-filter-toolbar-button .orange-dot .svg-icon-filter-dot {
  fill: var(--color-status-warning-medium);
}
.mph-input-with-label {
  padding: 0;
}
.mph-input-with-label .label-blue {
  padding-left: 4px;
}
.mph-input-with-label .form-item-input-wrapper {
  position: relative;
}
.mph-input-with-label .form-item-input-wrapper.has-clear-button.clear-button-right input.form-control-with-corners {
  padding-right: 28px;
}
.mph-input-with-label .form-item-input-wrapper.has-clear-button.clear-button-left input.form-control-with-corners {
  padding-left: 28px;
}
.mph-input-with-label .mph-input-with-label-clear-button {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mph-input-with-label .mph-input-with-label-clear-button.left-side {
  left: 8px;
  right: auto;
}
.mph-input-with-label .mph-input-with-label-clear-button img {
  width: 18px;
  height: 18px;
}
.mph-input-with-label.has-error input,
.mph-input-with-label input.has-error {
  border: 1px solid var(--color-status-negative-medium);
}
.mph-input-with-label input {
  letter-spacing: 0.03em;
  padding: 12px 12px;
}
.mph-input-with-label input.condensed {
  height: 38px;
  min-height: 38px;
}
.mph-input-with-label input.text-align-left {
  text-align: left;
}
.mph-input-with-label input.text-align-right {
  text-align: right;
}
.mph-input-with-label input::placeholder {
  color: var(--color-text-medium);
  opacity: 1;
}
.mph-input-with-label input.font-regular {
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.mph-currency-input-with-label {
  padding: 0;
}
.mph-currency-input-with-label.has-error input,
.mph-currency-input-with-label input.has-error {
  border: 1px solid var(--color-status-negative-medium);
}
.mph-currency-input-with-label input {
  letter-spacing: 0.03em;
}
.mph-currency-input-with-label input.condensed {
  height: 38px;
  min-height: 38px;
}
.mph-currency-input-with-label input.font-regular {
  font-family: Roboto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.mph-number-input {
  letter-spacing: 0.03em;
}
@keyframes mph-number-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-3px);
  }
  40% {
    transform: translateX(3px);
  }
  60% {
    transform: translateX(-2px);
  }
  80% {
    transform: translateX(2px);
  }
}
.mph-number-input.mph-number-shake {
  animation: mph-number-shake 0.3s ease;
}
.mph-text-area-with-label .label-blue {
  padding-left: 4px;
}
.mph-text-area-with-label textarea {
  letter-spacing: 0.03em;
}
.mph-text-area-with-label textarea.resizable {
  resize: both;
}
.mph-text-area-with-label textarea.non-resizable {
  resize: none;
}
.mph-text-area-with-label.has-error textarea,
.mph-text-area-with-label textarea.has-error {
  border: 1px solid var(--color-status-negative-medium);
}
.mph-autocomplete {
  position: relative;
  /* Input position modifiers (used when this input is visually attached to neighbours). */
}
.mph-autocomplete__input {
  width: 100%;
}
.mph-autocomplete__input[disabled] {
  background-color: var(--color-button-disabled-background);
}
.mph-autocomplete__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1501;
  max-height: 282px;
  overflow-y: auto;
  padding: 4px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: var(--color-background-elevated);
  border-radius: var(--border-radius-regular);
  border: 1px solid var(--color-stroke-medium);
  box-shadow: var(--shadow-down-medium-light);
}
.mph-autocomplete__item {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 8px 12px;
  cursor: pointer;
  color: var(--color-text-strong);
}
.mph-autocomplete__item.selected {
  background-color: var(--color-button-highlight-weak-opacity7);
}
.mph-autocomplete.next-to-right .mph-autocomplete__input {
  border-radius: var(--border-radius-mini);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mph-autocomplete.next-to-left .mph-autocomplete__input {
  border-radius: var(--border-radius-mini);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mph-autocomplete.next-to-both .mph-autocomplete__input {
  border-radius: 0;
}
.mph-autocomplete.standalone .mph-autocomplete__input {
  border-radius: var(--border-radius-mini);
}
.mph-bank-account-input#bankAccountWrapper {
  position: relative;
  border: 1px solid var(--color-stroke-medium);
  border-radius: var(--border-radius-mini);
  height: 48px;
}
.mph-bank-account-input#bankAccountWrapper .bank-account-input {
  width: 70%;
  height: 46px;
  min-height: 46px;
  display: inline-block;
  margin-right: 0;
  outline: none;
  border: none;
  letter-spacing: 0.03em;
}
.mph-bank-account-input#bankAccountWrapper .bank-account-input.has-error {
  border: 1px solid var(--color-status-negative-medium);
}
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete {
  width: 30%;
  height: 46px;
  min-height: 46px;
  display: block;
  float: right;
  background-color: white;
  border-radius: 0 var(--border-radius-mini) var(--border-radius-mini) 0;
}
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete.is-disabled {
  background-color: initial;
}
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete .mph-autocomplete__input#tbBankAccountCode,
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete .mph-autocomplete__input {
  width: 100%;
  border: none;
  outline: none;
  border-left: 1px solid var(--color-stroke-medium);
  border-radius: 0 var(--border-radius-mini) var(--border-radius-mini) 0;
  height: 46px;
  min-height: 46px;
  padding: 8px 12px;
  background: transparent;
  float: none;
}
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete .mph-autocomplete__input#tbBankAccountCode[disabled],
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete .mph-autocomplete__input[disabled] {
  background-color: var(--color-button-disabled-background);
  color: var(--color-button-disabled-foreground);
}
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete .mph-autocomplete__input#tbBankAccountCode.has-error,
.mph-bank-account-input#bankAccountWrapper .mph-autocomplete .mph-autocomplete__input.has-error {
  border: 1px solid var(--color-status-negative-medium);
}
.mph-bank-account-input#bankAccountWrapper:focus-within {
  border: 1px solid var(--color-button-standalone-brand);
  background-color: white;
  -webkit-box-shadow: 0 0 0 1px var(--color-button-standalone-brand);
  -moz-box-shadow: 0 0 0 1px var(--color-button-standalone-brand);
  box-shadow: 0 0 0 1px var(--color-button-standalone-brand);
  -webkit-border-radius: 8px;
}
.mph-bank-account-input#bankAccountWrapper:focus-within.has-error,
.mph-bank-account-input#bankAccountWrapper:focus-within.ng-dirty.ng-invalid {
  border: 1px solid var(--color-status-negative-medium);
  background-color: white;
  -webkit-box-shadow: 0 0 0 1px var(--color-status-negative-medium);
  -moz-box-shadow: 0 0 0 1px var(--color-status-negative-medium);
  box-shadow: 0 0 0 1px var(--color-status-negative-medium);
  -webkit-border-radius: 8px;
}
.mph-exchange-rate .form-item-input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mph-exchange-rate .form-item-input-wrapper input {
  flex: 1;
  letter-spacing: 0.03em;
}
.mph-exchange-rate .form-item-input-wrapper .label-blue {
  padding-left: 4px;
}
.mph-exchange-rate .form-item-input-wrapper .refresh {
  position: relative;
  width: 48px;
  height: 48px;
  margin-left: 6px;
}
.mph-exchange-rate .form-item-input-wrapper button {
  height: 48px;
  width: 48px;
  display: block;
  background: url(/images/common/icon-refresh2.svg?v=I8v3l9zrgwcW3gnUtJHCNHqumY0) no-repeat center;
  background-size: 24px;
  border-radius: var(--border-radius-mini);
}
.mph-exchange-rate .form-item-input-wrapper button:hover {
  background-color: var(--color-button-highlight-weak-opacity7);
}
.mph-business-partner-section .filter-section-content > .mph-input-with-label:first-child .label-blue {
  padding-top: 4px;
}
.mph-document-items-section .filter-section-content > .mph-input-with-label:first-child .label-blue {
  padding-top: 4px;
}
.mph-document-source-section .document-source-filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mph-liquidation-section .payment-status-filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mph-other-section .filter-section-content > .label-blue:first-of-type {
  padding-top: 4px;
}
.mph-sync-status-section .sync-status-filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mph-business-partner-tabs {
  position: relative;
  z-index: 2;
}
.mph-business-partner-tabs .mph-autocomplete__dropdown {
  z-index: 700;
}
.mph-business-partner-tabs .single-lines span {
  display: block;
  white-space: nowrap;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners {
  width: 100%;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-texteditor.dx-editor-outlined {
  border: none;
  box-shadow: none;
  background: transparent;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners .dx-texteditor-container {
  border: 1px solid var(--color-stroke-medium) !important;
  border-radius: var(--border-radius-mini);
  background-color: var(--color-fill);
  min-height: 48px;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners .dx-texteditor-input-container {
  min-height: 46px;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners .dx-texteditor-input {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--color-text-strong) !important;
  padding: 8px 12px;
  min-height: 46px;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners .dx-placeholder {
  color: var(--color-text-medium);
  font-size: 14px;
  line-height: 18px;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners .dx-placeholder::before {
  padding: 14px 12px;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-focused .dx-texteditor-container {
  border: 1px solid var(--color-button-standalone-brand) !important;
  background-color: var(--color-white);
  box-shadow: 0 0 0 1px var(--color-button-standalone-brand);
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-focused.dx-editor-outlined::before {
  display: none;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-disabled {
  opacity: 1;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-disabled .dx-texteditor-container {
  background-color: var(--color-button-disabled-background) !important;
  border-color: var(--color-stroke-medium) !important;
  box-shadow: none !important;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-disabled .dx-texteditor-input {
  color: var(--color-button-disabled-foreground) !important;
  background-color: transparent !important;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-readonly .dx-texteditor-container {
  background-color: var(--color-fill);
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners.dx-state-readonly .dx-texteditor-input {
  color: var(--color-text-strong) !important;
}
.mph-business-partner-tabs .dx-autocomplete.form-control-with-corners:not(.dx-state-disabled):not(.dx-state-focused):hover .dx-texteditor-container {
  border-color: var(--color-stroke-strong) !important;
}
.mph-button-with-context-menu {
  position: relative;
  padding: 0;
}
.mph-button-with-context-menu > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  cursor: pointer;
}
.mph-button-with-context-menu.is-open .context-menu {
  display: block;
}
.mph-button-with-context-menu.is-open-up .context-menu {
  top: unset;
  bottom: 50px;
}
.mph-button-with-context-menu .context-menu {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--color-background-elevated);
  border-radius: var(--border-radius-regular);
  border: 1px solid var(--color-stroke-medium);
  box-shadow: var(--shadow-down-medium-light);
}
.mph-button-with-context-menu .context-menu li:first-child {
  border-top-left-radius: var(--border-radius-regular);
  border-top-right-radius: var(--border-radius-regular);
}
.mph-button-with-context-menu .context-menu li:last-child {
  border-bottom-left-radius: var(--border-radius-regular);
  border-bottom-right-radius: var(--border-radius-regular);
}
.mph-button-with-context-menu .context-menu li:hover {
  background-color: var(--color-button-highlight-weak-opacity7);
}
.mph-button-with-context-menu .context-menu .context-menu-item {
  display: flex;
  padding: 12px 26px 12px 16px;
  text-decoration: none;
  white-space: nowrap;
  color: var(--color-button-neutral-foreground);
  align-items: center;
  gap: 10px;
}
.mph-button-with-context-menu .context-menu .context-menu-item.negative-strong {
  color: var(--color-status-negative-strong);
}
.mph-button-with-context-menu .context-menu .context-menu-item .context-menu-item-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.mph-toggle-switch {
  position: relative;
  display: block;
  min-height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  min-width: 55px;
  width: 100%;
  --toggle-switch-horizontal-offset: 0px;
  --toggle-switch-top-offset: 0px;
}
.mph-toggle-switch.with-background {
  padding: 8px 12px;
  min-height: 48px;
  background-color: var(--color-background);
  border-radius: 6px;
  --toggle-switch-horizontal-offset: 12px;
  --toggle-switch-top-offset: 8px;
}
.mph-toggle-switch.left .switch-text {
  padding-left: 67px;
}
.mph-toggle-switch.right .onoffswitch-label {
  left: auto;
  right: var(--toggle-switch-horizontal-offset);
}
.mph-toggle-switch.right .switch-text {
  padding-right: 67px;
}
.mph-toggle-switch .switch-text {
  display: block;
  font-family: Roboto-Medium, sans-serif;
  color: var(--color-text-strong);
  position: relative;
  vertical-align: middle;
  line-height: 32px;
  margin-bottom: 0;
  cursor: pointer;
  width: 100%;
  left: 0;
  box-sizing: border-box;
}
.mph-toggle-switch .switch-text.text-disabled {
  color: var(--color-text-weak);
  cursor: default;
}
.mph-toggle-switch .onoffswitch-label {
  display: block;
  position: absolute;
  top: var(--toggle-switch-top-offset);
  left: var(--toggle-switch-horizontal-offset);
  cursor: pointer;
  width: 55px;
  height: 32px;
  margin: 0;
  padding: 0;
  border-radius: 40px;
  background-color: var(--color-button-neutral-background);
  border: 1px solid var(--color-button-neutral-background);
  box-sizing: border-box;
  transition: background-color 0.08s linear, border-color 0.08s linear;
}
.mph-toggle-switch .onoffswitch-label::before {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background-color: var(--color-button-neutral-foreground);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: var(--border-radius-ellipse);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.08s linear;
  transition-delay: 0.05s;
}
.mph-toggle-switch .onoffswitch-label.disabled {
  cursor: default;
}
.mph-toggle-switch .onoffswitch-label.disabled::before {
  background-color: var(--color-stroke-strong);
}
.mph-toggle-switch .onoffswitch-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mph-toggle-switch .onoffswitch-checkbox:focus-visible + .onoffswitch-label {
  outline: 2px solid var(--color-status-positive-strong);
  outline-offset: 2px;
}
.mph-toggle-switch .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: var(--color-status-positive-weak);
  border-color: var(--color-status-positive-weak);
}
.mph-toggle-switch .onoffswitch-checkbox:checked + .onoffswitch-label::before {
  background-color: var(--color-status-positive-strong);
  background-image: url('/images/common/icon-check-small-white.svg?v=LydZSmamcmrTnDMoBnBgCX0AzyE');
  transform: translateX(24px);
}
.mph-toggle-switch .onoffswitch-checkbox[disabled] + .onoffswitch-label {
  background-color: var(--color-button-neutral-background);
  border-color: var(--color-button-disabled-background);
  cursor: default;
}
.mph-toggle-switch .onoffswitch-checkbox[disabled] + .onoffswitch-label::before {
  background-color: var(--color-stroke-strong);
  background-image: none;
  transform: none;
}
.mph-toggle-switch .onoffswitch-checkbox:checked[disabled] + .onoffswitch-label::before {
  background-image: url('/images/common/icon-check-small-white.svg?v=LydZSmamcmrTnDMoBnBgCX0AzyE');
  transform: translateX(24px);
}
.mph-toggle-switch .onoffswitch-checkbox[disabled] ~ .switch-text {
  color: var(--color-text-weak);
  cursor: default;
}
.mph-toggle-switch.is-disabled .switch-text {
  color: var(--color-text-weak);
  cursor: default;
}
.mph-document-items {
  --mph-document-items-tiny-width: 7%;
  --mph-document-items-small-width: 9%;
  --mph-document-items-medium-width: 11%;
  --mph-document-items-large-width: 13%;
  --mph-document-items-side-panel-coef: 1.19;
  --mph-document-items-full-width: 100%;
  --mph-document-items-half-width: calc(100% / 2);
  --mph-document-items-third-width: calc(100% / 3);
  --mph-document-items-fourth-width: calc(100% / 4);
  --mph-document-items-fifth-width: calc(100% / 5);
  --mph-document-items-sixth-width: calc(100% / 6);
  --mph-document-items-eighth-width: calc(100% / 8);
  --mph-document-items-tenth-width: calc(100% / 10);
  --mph-document-items-fifteenth-width: calc(100% / 15);
  --mph-document-items-small-delta: 0.1%;
  --mph-document-items-recapitulation-col-width: 75px;
  display: flex;
  flex-direction: column;
}
.mph-document-items .item-with-border-bottom {
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom: 1px solid var(--color-stroke-medium);
}
.mph-document-items .item-with-border-bottom:last-child {
  border-bottom: 0;
}
.mph-document-items .item-with-border-bottom .mph-document-items-wrapper {
  position: relative;
}
@media all and (min-width:1280px) {
  .mph-document-items .item-with-border-bottom .mph-document-items-wrapper .second-line,
  .mph-document-items .item-with-border-bottom .mph-document-items-wrapper .third-line {
    padding-top: 16px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .item-with-border-bottom {
    padding-top: 24px;
  }
}
.mph-document-items .mph-document-items-label {
  padding-left: 4px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px;
}
.mph-document-items .mph-document-items-buttons {
  position: absolute;
  width: 100%;
  display: flex;
  padding: 43px 16px 20px 16px;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-buttons {
    padding: 47px 18px 20px 18px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-buttons {
    position: relative;
    padding: 0 8px 16px 8px;
  }
}
.mph-document-items .mph-document-items-buttons .mph-document-items-expander {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 4px 4px 4px;
  z-index: 1;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-buttons .mph-document-items-expander {
    margin: auto 6px 4px 6px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-buttons .mph-document-items-expander {
    margin: 0 6px 0 6px;
    z-index: unset;
  }
}
.mph-document-items .mph-document-items-buttons .btn-remove-item {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 4px 4px auto;
  z-index: 1;
}
.mph-document-items .mph-document-items-buttons .btn-remove-item:disabled {
  cursor: default;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-buttons .btn-remove-item {
    margin-right: 6px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-buttons .btn-remove-item {
    margin: 0 6px 0 auto;
  }
}
.mph-document-items .mph-document-items-wrapper {
  margin: 16px 16px 20px 16px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  flex-basis: 100%;
}
@media all and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-wrapper {
    flex-wrap: wrap;
  }
}
.mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row {
  display: flex;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row .wrap-here-tablet {
    flex-basis: 100%;
  }
}
@media all and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row .wrap-here-tablet-mobile {
    flex-basis: 100%;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row .wrap-here-mobile {
    flex-basis: 100%;
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row {
    flex-wrap: wrap;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row {
    flex-wrap: wrap;
  }
}
.mph-document-items .mph-document-items-wrapper .mph-document-items-inputs-wrapper .mph-document-items-row.is-expanded {
  background-color: var(--color-background-elevated);
}
.mph-document-items .mph-document-items-wrapper .mph-document-items-recapitulation-wrapper {
  display: flex;
  justify-content: end;
}
@media all and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-wrapper .mph-document-items-recapitulation-wrapper {
    flex: 1;
    flex-basis: 100%;
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-wrapper {
    margin: 20px 18px 20px 18px;
    padding-left: 52px;
    padding-right: 52px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-wrapper {
    margin: 0 8px 0 8px;
    padding-left: 0;
    padding-right: 0;
  }
}
.mph-document-items .mph-document-items-col {
  padding: 0 4px;
  min-height: 1px;
}
@media all and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-col {
    padding: 0 6px;
  }
}
@media all and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-col {
    margin-bottom: 16px;
  }
}
.mph-document-items .mph-document-items-code {
  width: var(--mph-document-items-large-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-code {
    width: var(--mph-document-items-fifth-width);
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-code {
    width: var(--mph-document-items-fourth-width);
  }
}
.mph-document-items .mph-document-items-name {
  flex: 1;
  min-width: 5em;
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-name {
    flex: auto;
    width: 75%;
  }
}
.mph-document-items .mph-document-items-quantity {
  width: var(--mph-document-items-medium-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-quantity {
    width: var(--mph-document-items-fifth-width);
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-quantity {
    width: var(--mph-document-items-fourth-width);
    flex-grow: 0.5;
  }
}
.mph-document-items .mph-document-items-unit {
  width: var(--mph-document-items-tiny-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-unit {
    width: calc(2 * var(--mph-document-items-fifteenth-width));
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-unit {
    width: var(--mph-document-items-eighth-width);
    flex-grow: 1;
  }
}
.mph-document-items .mph-document-items-unit-price {
  width: var(--mph-document-items-medium-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-unit-price {
    flex-grow: 1;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-unit-price {
    flex-grow: 1;
  }
}
.mph-document-items .mph-document-items-dph {
  width: var(--mph-document-items-medium-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-dph {
    width: var(--mph-document-items-third-width);
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-dph {
    width: var(--mph-document-items-fourth-width);
    flex-grow: 0.64;
  }
}
.mph-document-items .mph-document-items-note {
  flex-grow: 1;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-note {
    order: 11;
    width: var(--mph-document-items-half-width);
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-note {
    order: 11;
    flex: auto;
    width: var(--mph-document-items-half-width);
  }
}
.mph-document-items .mph-document-items-centre {
  width: var(--mph-document-items-large-width);
}
@media all and (min-width:1280px) {
  .mph-document-items .mph-document-items-centre {
    flex-grow: 0.2;
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-centre {
    order: 4;
    width: var(--mph-document-items-fourth-width);
    flex-grow: 1;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-centre {
    order: 4;
    width: var(--mph-document-items-half-width);
  }
}
.mph-document-items .mph-document-items-activity {
  width: var(--mph-document-items-large-width);
}
@media all and (min-width:1280px) {
  .mph-document-items .mph-document-items-activity {
    flex-grow: 0.2;
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-activity {
    order: 5;
    width: var(--mph-document-items-fourth-width);
    flex-grow: 1;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-activity {
    order: 5;
    width: var(--mph-document-items-half-width);
  }
}
.mph-document-items .mph-document-items-expiration-date {
  width: calc(var(--mph-document-items-medium-width) + var(--mph-document-items-tiny-width));
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-expiration-date {
    order: 1;
    width: calc(var(--mph-document-items-fourth-width) + var(--mph-document-items-small-delta));
    flex-grow: 1;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-expiration-date {
    order: 1;
    width: var(--mph-document-items-fourth-width);
    flex-grow: 1;
  }
}
.mph-document-items .mph-document-items-warranty-unit {
  width: var(--mph-document-items-small-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-warranty-unit {
    order: 6;
    width: var(--mph-document-items-fourth-width);
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-warranty-unit {
    order: 6;
    width: 25%;
  }
}
.mph-document-items .mph-document-items-warranty-length {
  width: var(--mph-document-items-small-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-warranty-length {
    order: 7;
    width: var(--mph-document-items-fourth-width);
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-warranty-length {
    order: 7;
    width: var(--mph-document-items-sixth-width);
    flex-grow: 1;
  }
}
.mph-document-items .mph-document-items-discount {
  width: var(--mph-document-items-medium-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-discount {
    order: 2;
    width: var(--mph-document-items-sixth-width);
    flex-grow: 1;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-discount {
    order: 2;
    flex-grow: 3;
    width: calc(2 * var(--mph-document-items-tenth-width) + var(--mph-document-items-small-delta));
  }
}
.mph-document-items .mph-document-items-price-type {
  width: var(--mph-document-items-medium-width);
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-price-type {
    order: 3;
    width: var(--mph-document-items-third-width);
    flex-grow: 0.5;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-price-type {
    order: 3;
    flex-grow: 2;
    width: calc(3 * var(--mph-document-items-tenth-width));
  }
}
@media all and (max-width:1279.98px) {
  .mph-document-items .wrap-after-price-type {
    order: 3;
    flex-basis: 100%;
  }
}
.mph-document-items .mph-document-items-eet-item-type {
  width: calc(3 * var(--mph-document-items-tenth-width));
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .mph-document-items-eet-item-type {
    width: var(--mph-document-items-half-width);
    flex-grow: 1;
    order: 10;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-items .mph-document-items-eet-item-type {
    width: var(--mph-document-items-full-width);
    flex-grow: 1;
    order: 10;
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .item-with-border-bottom:not(.document-item-with-variables-panel) .position-before-discount-no-sidenav-tablet {
    order: 1 !important;
  }
}
@media all and (max-width:1279.98px) {
  .mph-document-items .position-before-discount-tablet-mobile {
    order: 1 !important;
  }
}
.mph-document-items .mph-document-items-price {
  min-width: var(--mph-document-items-recapitulation-col-width);
}
.mph-document-items .mph-document-items-price .label-price {
  color: var(--color-text-strong);
  padding-left: 0;
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-code {
    width: var(--mph-document-items-medium-width);
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-quantity {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-medium-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-unit {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-tiny-width));
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-unit {
    min-width: 55px;
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-unit-price {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-medium-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-dph {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-medium-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-price {
    width: var(--mph-document-items-small-width);
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-activity,
  .mph-document-items .document-item-with-variables-panel .mph-document-items-centre {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-large-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-expiration-date {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-large-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-warranty-unit {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-small-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-warranty-length {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-small-width));
  }
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-warranty-length {
    width: var(--mph-document-items-fifth-width);
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-discount {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-medium-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-price-type {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-medium-width));
  }
}
@media all and (min-width:1280px) {
  .mph-document-items .document-item-with-variables-panel .mph-document-items-eet-item-type {
    width: calc(var(--mph-document-items-side-panel-coef) * var(--mph-document-items-medium-width));
  }
}
.mph-document-link .mph-document-link-filter {
  color: var(--color-text-strong);
  padding-left: 10px;
  line-height: 40px;
  min-height: 40px;
}
.mph-document-link .mph-document-link-filter .checkbox-container {
  position: relative;
  display: inline-block;
}
.mph-document-link .mph-document-link-filter .checkbox-container label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin: 0 10px 0 0;
  padding-left: 30px;
  cursor: pointer;
}
.mph-document-link .mph-document-link-filter .checkbox-container input[type='checkbox'] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  left: 0;
  right: auto;
  margin: 0;
  z-index: 1;
  cursor: pointer;
}
.mph-document-link .mph-pager {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  align-items: center;
  padding-top: 10px;
  justify-content: center;
}
.mph-document-link .mph-pager .label {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--color-text-medium);
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  min-width: auto;
  padding-top: 0.3em;
}
.mph-document-link .mph-pager .button {
  border: 0;
  min-height: 24px;
}
.mph-document-link .mph-pager .button.icon-button {
  background-color: transparent;
  line-height: 12px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 6px;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  border-radius: 50%;
}
.mph-document-link .mph-pager .button.icon-button svg > * {
  fill: var(--color-button-standalone-neutral-medium);
}
.mph-document-link .mph-pager .button.icon-button[disabled] svg > * {
  fill: var(--color-button-disabled-foreground);
}
.mph-document-link .mph-pager .button.icon-button:not([disabled]).icon-button:hover {
  background-color: var(--color-button-highlight-weak-opacity7);
}
.mph-document-link .mph-pager select {
  margin-right: 5px;
  border: none;
  padding-right: 3px;
  margin-left: auto;
  text-align-last: right;
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  background-color: var(--color-white);
}
.mph-document-link .mph-pager .pagination {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 315px;
  align-items: center;
  align-content: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: initial;
  padding: 0;
  margin: 0;
}
.mph-document-link .mph-pager .page-select {
  display: flex;
  box-sizing: border-box;
  order: initial;
  background-color: initial;
  border: none;
  border-radius: var(--border-radius-mini);
  padding: 6px 5px;
  width: 135px;
}
.mph-document-link .mph-pager .page-select select {
  background-color: var(--color-fill);
  border: 1px solid var(--color-stroke-medium);
  margin: 3px 0;
}
.mph-document-link .mph-pager .limit-select {
  display: flex;
  box-sizing: border-box;
  margin-top: 0;
  order: initial;
  background-color: initial;
  border: none;
  border-radius: var(--border-radius-mini);
  padding: 6px 5px;
  width: 135px;
}
.mph-document-link .mph-pager .limit-select select {
  background-color: var(--color-fill);
  border: 1px solid var(--color-stroke-medium);
  margin: 3px 0;
}
.mph-document-link .mph-pager .records {
  display: flex;
  box-sizing: border-box;
  flex-grow: 1;
  margin-top: 0;
  order: initial;
  justify-content: center;
}
.mph-document-link .mph-pager .buttons {
  display: flex;
  box-sizing: border-box;
  flex-grow: 1;
  margin: 0 auto;
  order: initial;
  justify-content: center;
}
.mph-document-link .p-datatable {
  width: 100%;
}
.mph-document-link .p-datatable .p-datatable-table-container .p-datatable-tbody tr td.total-price-with-vat {
  font-family: Roboto-Medium;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
@media all and (min-width: 1280px) {
  .mph-document-summary #document-rounding-with-summary #document-summary {
    float: right;
  }
}
.mph-document-summary #document-rounding-with-summary #document-summary .outer-box {
  display: inline-block;
  float: left;
}
.mph-document-summary #document-rounding-with-summary #document-summary .outer-box.with-border {
  border-style: solid;
  border-color: transparent;
  border-width: 1px 0 0 0;
}
@media all and (min-width: 991px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .outer-box.with-border {
    border-color: var(--color-button-standalone-brand) transparent transparent transparent;
  }
}
@media all and (max-width: 1279px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .outer-box {
    width: 100%;
  }
}
.mph-document-summary #document-rounding-with-summary #document-summary .triangle {
  display: inline-block;
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent var(--color-button-standalone-brand) transparent;
  border-width: 15px 0 15px 15px;
}
@media all and (max-width: 1279px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .triangle {
    display: none;
  }
}
.mph-document-summary #document-rounding-with-summary #document-summary .rectangle {
  font-family: Roboto;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  background-color: var(--color-button-standalone-brand);
  color: var(--color-white);
  display: table;
  float: left;
  padding: 20px;
  padding-left: 2px;
}
@media all and (max-width: 1279px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .rectangle {
    width: 100%;
    padding-left: 30px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .rectangle {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table {
  display: contents;
  vertical-align: middle;
}
@media all and (max-width: 1279px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table {
    width: 100%;
  }
}
@media all and (min-width: 1280px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table {
    display: table-cell;
  }
}
.mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table tr:last-child td {
  padding-bottom: 0;
}
.mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table td {
  padding-bottom: 4px;
}
.mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table td:nth-child(2) {
  text-align: end;
}
@media all and (min-width: 1280px) {
  .mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table td:nth-child(2) {
    min-width: 228px;
  }
}
.mph-document-summary #document-rounding-with-summary #document-summary .rectangle #summary-table tr.rest-to-pay td {
  padding-top: 14px;
}
.mph-document-summary #document-rounding-with-summary .recapitulation {
  border: 1px solid var(--color-stroke-medium);
  float: right;
  width: 100%;
  margin-top: 10px;
  background-color: var(--color-background-elevated);
}
.mph-document-summary #document-rounding-with-summary .recapitulation .recapitulation-header div:first-child {
  float: right;
  cursor: pointer;
  padding-right: 3px;
  padding-left: 18px;
  padding-bottom: 4px;
}
.mph-document-summary #document-rounding-with-summary .recapitulation .recapitulation-header img {
  float: right;
  width: 22px;
  margin-top: 5px;
  margin-left: 15px;
}
.mph-document-summary #document-rounding-with-summary .recapitulation .recapitulation-header label {
  float: right;
  cursor: pointer;
  padding-top: 5px;
}
.mph-document-summary #document-rounding-with-summary .recapitulation .recapitulation-body {
  padding-right: 32px;
  padding-left: 10px;
  width: 100%;
}
@media all and (max-width: 1279px) {
  .mph-document-summary #document-rounding-with-summary .recapitulation .recapitulation-body {
    float: unset;
  }
}
.mph-document-summary #document-rounding-with-summary #document-rounding {
  display: table;
  float: right;
  font-size: 14px;
}
@media all and (min-width: 991px) {
  .mph-document-summary #document-rounding-with-summary #document-rounding.with-border {
    border-style: solid;
    border-color: var(--color-button-standalone-brand) transparent var(--color-button-standalone-brand) var(--color-button-standalone-brand);
    border-width: 1px;
  }
}
.mph-document-summary #document-rounding-with-summary #document-rounding #rounding-table {
  margin: 12px 0 24px 8px;
  display: flex;
  flex-wrap: wrap;
}
@media all and (min-width:768px) and (max-width:1279.98px) {
  .mph-document-summary #document-rounding-with-summary #document-rounding #rounding-table {
    margin: 12px 18px 24px 18px;
  }
  .mph-document-summary #document-rounding-with-summary #document-rounding #rounding-table div {
    width: 50%;
    padding: 0 6px;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-summary #document-rounding-with-summary #document-rounding #rounding-table {
    margin: 12px 8px 24px 8px;
  }
  .mph-document-summary #document-rounding-with-summary #document-rounding #rounding-table div {
    width: 100%;
    padding: 0 6px;
  }
}
/* DocumentTypeFilter - Radio buttons (desktop) / Dropdown (tablet & mobile) */
.mph-document-type-filter {
  display: flex;
  align-items: center;
  padding: 16px 30px 16px 37px;
  /* Desktop: show radios, hide dropdown */
  /* Dropdown variant label */
  /* Tablet & Mobile: hide radios, show dropdown */
}
.mph-document-type-filter .document-type-filter-radios {
  display: flex;
  align-items: center;
  gap: 20px;
}
.mph-document-type-filter .document-type-filter-dropdown {
  display: none;
}
.mph-document-type-filter .document-type-filter-option {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: #171D4D;
  margin: 0;
  font-weight: 400;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mph-document-type-filter .document-type-filter-option input[type="radio"] {
  appearance: none;
  width: 24px;
  height: 24px;
  margin: 0;
  border: none;
  cursor: pointer;
  background: url(/images/common/icon-radio-off.svg?v=6ILs6_HWJnnHOvsNIBDQ5GjYQ9Q) no-repeat center;
  background-size: 24px 24px;
}
.mph-document-type-filter .document-type-filter-option input[type="radio"]:checked {
  background: url(/images/common/icon-radio-on.svg?v=5lAEJ-EI3W3Vi-dGrGBCCFy4Vas) no-repeat center;
  background-size: 24px 24px;
}
.mph-document-type-filter .document-type-filter-dropdown-label {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: #171D4D;
  font-weight: 400;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  white-space: nowrap;
  margin-right: 8px;
}
@media all and (max-width:1279.98px) {
  .mph-document-type-filter {
    padding: 16px 24px;
  }
  .mph-document-type-filter .document-type-filter-radios {
    display: none;
  }
  .mph-document-type-filter .document-type-filter-dropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
  }
}
@media all and (max-width:767.98px) {
  .mph-document-type-filter {
    padding: 16px 14px;
  }
}
/* TransferGridToolbarActions - Search toggle and transfer button styles */
.mph-transfer-grid-toolbar-actions {
  display: flex;
  align-items: center;
}
.mph-transfer-grid-toolbar-actions #toolbar-filter .toolbar-filter-button .svg-toolbar-icon path,
.mph-transfer-grid-toolbar-actions #toolbar-filter .toolbar-filter-button .svg-toolbar-icon polygon {
  fill: var(--color-button-standalone-neutral-medium);
}
.mph-transfer-grid-toolbar-actions .toolbar-right-buttons .general-button:disabled {
  cursor: not-allowed;
}
.mph-document-fab {
  /*Styles for MphFab component are currently in Fab.less*/
}