* {
  outline: none !important; }

a {
  color: var(--primaryColor);
  cursor: pointer; }

body {
  color: var(--body-color);
  background: var(--body-background-color); }

body,
html {
  background-color: var(--app-bg-color) !important; }

.easing-default {
  -webkit-transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), width 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -moz-transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), width 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -o-transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), width 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), width 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -moz-transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -o-transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  /* custom */ }

.user-name {
  padding: 5px 0;
  width: 100%;
  display: block; }

.user-tenant {
  padding: 0;
  color: var(--primaryColor);
  display: block; }

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

.header-substitution-border-bottom {
  border-bottom: 2px solid var(--attention-color) !important; }

.custom-body-theme-dark {
  -webkit-font-smoothing: antialiased; }

md-toolbar.md-shodann-theme:not(.md-menu-toolbar).ppm-toolbar,
md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: var(--top-bar-background-color) !important;
  border-bottom: 1px solid var(--divider-color);
  position: fixed;
  top: 0; }

md-dialog md-toolbar {
  position: relative !important; }

.md-button[disabled] {
  color: var(--button-disabled-color) !important; }

.modal-buttons .md-button:not([disabled]):not(.md-primary) {
  color: var(--primaryColor) !important; }

.content-container-bottom .flex .md-button:not([disabled]):not(.md-primary) {
  color: var(--primaryColor) !important; }

.md-button.md-primary {
  color: var(--button-color); }

.content-container {
  background-color: var(--ppm-card-background) !important; }

.audit-trail-preview md-dialog-actions .md-button {
  color: var(--primaryColor); }

.md-button.md-default-theme.md-primary:not([disabled]) md-icon,
.md-button.md-primary:not([disabled]) md-icon {
  color: var(--primaryColor); }

md-checkbox[disabled]:not(.md-checked) .md-icon {
  border-color: var(--button-disabled-color) !important; }

md-checkbox.md-checked[disabled] .md-container .md-icon {
  background-color: var(--button-disabled-color) !important; }

md-checkbox.md-dark-theme[disabled] .md-label {
  color: rgba(255, 255, 255, 0.3); }

md-checkbox.md-dark-theme[disabled] .md-label:after {
  border-color: rgba(255, 255, 255, 0.5) !important; }

md-checkbox.md-dark-theme.md-checked[disabled] .md-icon:after {
  border-color: var(--text-color) !important; }

md-checkbox .md-icon {
  border-color: var(--checkbox-color) !important; }

md-checkbox.md-checked .md-icon {
  background-color: var(--checkbox-selected-background-color) !important;
  border-color: transparent !important; }

md-edit-dialog {
  background-color: var(--ppm-card-background); }

md-dialog {
  color: var(--text-color) !important; }

md-sidenav md-list {
  padding: 0 !important; }
  md-sidenav md-list md-list-item .md-button:not([disabled]):hover {
    background-color: var(--sidenav-item-hover) !important; }

md-toolbar.md-shodann-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon,
md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon,
md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon {
  color: var(--disabled-color) !important;
  fill: var(--disabled-color) !important; }

.md-button.md-raised:not(.md-primary) {
  background-color: var(--raised-button-background) !important;
  color: var(--text-color); }

.md-button.selective.md-raised:not([disabled]) {
  box-shadow: none; }

md-switch .md-bar {
  background-color: var(--switch-bar-not-selected-color) !important;
  /* set not selected bar color */ }

md-switch.md-checked .md-bar {
  background-color: var(--switch-bar-selected-color) !important;
  /* set selected bar color */ }

md-switch .md-thumb {
  color: var(--switch-thumb-not-selected-color) !important;
  /* not selected switch color */ }

md-switch.md-checked .md-thumb {
  background-color: var(--switch-thumb-selected-color) !important;
  /* selected switch color */ }

.main-menu-bar {
  min-width: 52px !important;
  max-width: 52px !important; }
  .main-menu-bar .sidemenu-desktop > .md-button.md-shodann-theme:not([disabled]).md-focused,
  .main-menu-bar .sidemenu-desktop .md-button.md-shodann-theme:not([disabled]):hover,
  .main-menu-bar .sidemenu-desktop .md-button.md-default-theme:not([disabled]).md-focused,
  .main-menu-bar .sidemenu-desktop .md-button.md-default-theme:not([disabled]):hover,
  .main-menu-bar .sidemenu-desktop .md-button:not([disabled]).md-focused,
  .main-menu-bar .sidemenu-desktop .md-button:not([disabled]):hover {
    background-color: var(--primaryColorRgba07); }
  .main-menu-bar .left-side-menu-item.md-button {
    border-radius: 0;
    padding: 0;
    margin: 0;
    max-width: 53px; }
    .main-menu-bar .left-side-menu-item.md-button .md-button:not([disabled]).md-focused,
    .main-menu-bar .left-side-menu-item.md-button .md-button:not([disabled]):hover {
      background-color: transparent; }
    .main-menu-bar .left-side-menu-item.md-button:hover .menu-icon {
      color: #fff; }
  .main-menu-bar .sidemenu-desktop {
    padding: 0;
    z-index: 64;
    position: fixed;
    bottom: 0;
    top: 64px;
    min-width: 52px;
    max-width: 52px !important; }
  .main-menu-bar .md-sidenav-left {
    top: 64px;
    left: 52px; }
  .main-menu-bar .menu-icon {
    color: var(--primaryColor); }

.md-toolbar-tools i {
  color: var(--primaryColor); }

.md-toolbar-tools .md-toolbar-menu-item {
  color: var(--primaryColor);
  cursor: pointer;
  padding-left: calc(16px / 2);
  padding-right: calc(16px / 2);
  display: flex;
  align-items: center; }
  .md-toolbar-tools .md-toolbar-menu-item-text {
    font-size: 10px;
    max-width: 48px;
    text-align: right;
    margin-right: 6px;
    line-height: 1;
    padding-top: 1px;
    border-right: 1px solid var(--divider-color);
    padding-right: 6px; }

md-menu-content {
  background-color: var(--md-menu-content-background-color) !important; }
  md-menu-content md-menu-item {
    color: var(--md-menu-content-text-color) !important; }
    md-menu-content md-menu-item md-icon {
      color: var(--md-menu-content-text-color) !important; }
    md-menu-content md-menu-item button span i {
      color: var(--text-color-rgba-06); }
    md-menu-content md-menu-item button span span {
      color: var(--text-color-rgba-06); }
    md-menu-content md-menu-item a span i {
      color: var(--text-color-rgba-06); }
    md-menu-content md-menu-item a span span {
      color: var(--text-color-rgba-06); }
  md-menu-content .md-menu-item-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: calc(16px / 2) 16px; }

.md-caption.second-value {
  opacity: 0.6; }

.md-caption.second-value-table {
  color: var(--disabled-color); }

.header-icon-menu {
  background-color: var(--left-menu-background-color);
  border-right: 1px solid var(--left-menu-divider-color); }
  .header-icon-menu .md-button {
    min-width: 0; }
  .header-icon-menu .menu-icon {
    margin-left: -3px; }

.sidenav-menu {
  top: 64px !important;
  position: fixed; }

.sidenav-content {
  color: var(--text-color);
  background-color: var(--top-bar-background-color);
  height: 100%;
  padding-top: 0;
  padding-bottom: 0; }
  .sidenav-content md-list {
    background-color: var(--top-bar-background-color); }

.active-menu-item {
  background-color: var(--primaryColor); }
  .active-menu-item .menu-icon {
    color: #fff; }
  .active-menu-item .md-button {
    height: 46px !important; }

.my-tooltip-parent {
  position: relative;
  z-index: 1; }

.easing-default {
  -webkit-transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -moz-transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -o-transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  transition: height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), max-height 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465), top 200ms cubic-bezier(0.54, 0.005, 0.515, 1.465);
  /* custom */
  -webkit-transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -moz-transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  -o-transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  transition-timing-function: cubic-bezier(0.54, 0.005, 0.515, 1.465);
  /* custom */ }

.dots {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .dots.crop100_on_xs {
    white-space: normal; }
    @media only screen and (max-width: 600px) {
      .dots.crop100_on_xs {
        white-space: nowrap;
        max-width: 100px; } }

.header-menu {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 65; }

.active {
  cursor: pointer;
  color: var(--primaryColor); }

.pattern-with-new-line-elements {
  white-space: break-spaces; }

#header-menu .user-menu-sidenav {
  box-shadow: 0px 5px 14px -2px rgba(0, 0, 0, 0.75);
  z-index: 999;
  position: relative;
  font-size: 14px; }

#header-menu md-toolbar a.logo-button {
  line-height: 0; }
  @media only screen and (max-width: var(--logo-mobile-checkpoint)) {
    #header-menu md-toolbar a.logo-button {
      width: var(--logo-mobile-width);
      overflow: hidden; } }

#header-menu md-sidenav,
#header-menu md-backdrop {
  position: fixed;
  top: 64px; }

#header-menu.toolbar-project-title {
  cursor: pointer; }

/* LAYOUT: */
/* Material Design HeaderMenu */
#shodann-sidenav .user-menu-sidenav {
  font-size: 14px; }

#shodann-sidenav .user-menu-sidenav .user-section-name {
  font-weight: 500;
  padding-bottom: 0; }

#shodann-sidenav .user-menu-sidenav .user-section-id {
  padding-top: 0;
  padding-bottom: 0; }

#shodann-sidenav .sidenav-list {
  border-bottom: solid 2px lightgrey; }

#shodann-sidenav .sidenav-list .md-subheader {
  background-color: transparent;
  font-size: 12px;
  font-weight: 400; }

#shodann-sidenav .sidenav-list .md-subheader .md-subheader-inner {
  padding-top: 3px;
  padding-bottom: 0; }

#shodann-sidenav .sidenav-list md-list-item .md-list-item-inner {
  font-weight: 500; }

#shodann-sidenav .sidenav-list md-list-item.active-sref {
  color: orange; }

#shodann-sidenav .sidenav-list md-list-item.active-sref md-icon {
  color: orange; }

.md-subheader {
  color: var(--text-color) !important;
  background-color: transparent; }

.user-section-id {
  padding-top: 0; }

.top-bar-user-icon {
  margin-left: 10px;
  position: relative; }

.top-bar-user-icon:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 2px;
  left: 0;
  background-color: #00392f;
  border-left: 1px solid #005c4d; }

.profile-avatar-image-top {
  margin-top: 2px !important; }

.profile-avatar-image {
  border-radius: 50%;
  margin: 5px 0 0 15px;
  width: 38px;
  height: 38px;
  border: 2px solid var(--primaryColorRgba03); }
  .profile-avatar-image.small-image {
    width: 20px;
    height: 20px;
    margin-top: 9px; }

.profile-avatar-image.profile-avatar-position-toolbar {
  width: 40px;
  height: 40px;
  margin-top: 8px; }

.profile-avatar-image.profile-avatar-position-toolbar {
  margin-right: 16px; }

.number-of-notifications {
  background-color: blue; }

notification-panel .md-sidenav-backdrop {
  top: 64px; }

md-sidenav#shodann-notification-sidenav {
  top: 64px; }

#shodann-notification-sidenav .notifications-container-list {
  padding-top: 0; }

#shodann-notification-sidenav .notifications-container-list .note-entity.delivered .note-icon {
  color: grey; }

#shodann-notification-sidenav .notifications-container-list .note-entity.undelivered,
#shodann-notification-sidenav .notifications-container-list .note-entity.sent {
  background-color: var(--financial-tracking-blue-rgba-07); }

#shodann-notification-sidenav .notifications-container-list .note-entity.undelivered .note-icon,
#shodann-notification-sidenav .notifications-container-list .note-entity.sent .note-icon {
  color: var(--ppm-card-background); }

#shodann-notification-sidenav .notifications-container-list .note-entity.undelivered .note-subject-text,
#shodann-notification-sidenav .notifications-container-list .note-entity.sent .note-subject-text {
  color: var(--ppm-card-background); }

#shodann-notification-sidenav .notifications-container-list .note-entity.undelivered .note-date,
#shodann-notification-sidenav .notifications-container-list .note-entity.sent .note-date {
  color: var(--ppm-card-background); }

#shodann-notification-sidenav .notifications-container-list .note-entity .note-date {
  font-weight: lighter;
  font-size: 0.75rem; }

@media (min-width: 960px) {
  notification-panel .md-sidenav-backdrop {
    top: 64px; }
  md-sidenav#shodann-notification-sidenav {
    top: 65px;
    width: 600px; } }

.section-label {
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  color: var(--text-color-rgba-06); }

.ppm-layout .label,
.ppm-layout .input-label,
.md-dialog-content .label,
.md-dialog-content .input-label {
  font-size: 12px;
  color: var(--label-text-color-rgba-06);
  margin-bottom: calc(16px / 2);
  margin-top: calc(16px / 4); }
  .ppm-layout .label.background,
  .ppm-layout .input-label.background,
  .md-dialog-content .label.background,
  .md-dialog-content .input-label.background {
    padding: 1px 5px 2px 5px;
    border-radius: 2px; }

.ppm-layout .input-label,
.md-dialog-content .input-label {
  margin-bottom: 16px; }

.ppm-layout .label.inline,
.md-dialog-content .label.inline {
  display: inline-block; }

.ppm-layout-img,
.md-dialog-content-img {
  width: 100%; }

.ppm-layout {
  padding-top: 64px; }
  .ppm-layout:before {
    content: '';
    display: block;
    min-height: calc(56px + calc(16px / 2)); }
    @media only screen and (min-width: 960px) {
      .ppm-layout:before {
        content: '';
        display: block;
        min-height: calc(72px + calc(16px / 2)); } }
  .ppm-layout-header {
    display: flex;
    box-sizing: border-box;
    height: 60px;
    padding: 0 16px;
    align-items: center;
    margin-bottom: calc(16px / 2);
    background-color: var(--header-color);
    position: fixed;
    left: 0;
    right: 0;
    top: 64px;
    z-index: 10;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24); }
    @media only screen and (min-width: 600px) {
      .ppm-layout-header {
        height: 72px;
        padding: 16px;
        box-shadow: none;
        border-bottom: 1px solid var(--divider-color); } }
    @media only screen and (min-width: 960px) {
      .ppm-layout-header {
        left: 52px; } }
    .ppm-layout-header-title {
      font-size: 24px;
      color: var(--accentColor);
      flex: 1 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .ppm-layout-header-title-project {
      display: grid;
      grid-gap: calc(16px / 8);
      flex: 1 1; }
      .ppm-layout-header-title-project .title {
        font-size: 18px;
        color: var(--accentColor);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .ppm-layout-header-title-project .number {
        font-size: 14px;
        color: var(--label-text-color-rgba-06);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .ppm-layout-header-title-project .type {
        font-size: 12px;
        font-style: italic; }
    .ppm-layout-header-action {
      display: flex;
      align-items: center; }
      .ppm-layout-header-action md-input-container.no-margin {
        margin: 0; }
      .ppm-layout-header-action.pre {
        margin-left: -16px; }
      .ppm-layout-header-action.primary {
        padding-left: 16px;
        border-left: 1px solid var(--divider-color);
        margin-left: 16px; }
      .ppm-layout-header-action .md-icon-button.labeled {
        box-sizing: border-box;
        display: flex;
        flex-flow: column;
        height: 72px;
        min-width: 56px;
        width: inherit;
        padding-left: calc(16px / 2);
        padding-right: calc(16px / 2);
        padding-top: calc(16px / 4);
        padding-bottom: calc(16px / 4);
        margin: 0;
        border-radius: 0;
        border-left: 1px solid var(--divider-color); }
        .ppm-layout-header-action .md-icon-button.labeled .material-icons {
          margin-right: 0;
          margin-left: 0;
          margin-bottom: calc(16px / 8); }
        .ppm-layout-header-action .md-icon-button.labeled .label {
          font-size: 12px;
          text-transform: capitalize;
          white-space: nowrap;
          margin-top: 0;
          margin-bottom: 0; }
        .ppm-layout-header-action .md-icon-button.labeled:not(.hide):first-of-type {
          border-left: none; }
  .ppm-layout-commonarea {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: calc(16px / 2);
    padding-bottom: calc(16px / 2);
    display: block;
    flex: 0 0 auto; }
    .ppm-layout-commonarea .value {
      font-size: 18px;
      color: var(--primaryColor); }
    .ppm-layout-commonarea md-input-container md-datepicker .md-icon-button + .md-datepicker-input-container {
      margin-left: 0; }
    .ppm-layout-commonarea md-input-container._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
      right: inherit; }
    .ppm-layout-commonarea .autocomplete-user-selection {
      min-height: 0 !important; }
    .ppm-layout-commonarea-action {
      margin-left: 32px;
      border-left: 1px solid var(--divider-color); }
  .ppm-layout-contentarea {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    padding-bottom: calc(16px / 2); }
    .ppm-layout-contentarea .empty-message {
      font-size: 18px;
      text-align: center;
      color: var(--text-color-rgba-05);
      padding-bottom: 48px;
      width: 100%; }
      .ppm-layout-contentarea .empty-message-icon {
        margin-bottom: 16px;
        margin-top: 16px; }
        .ppm-layout-contentarea .empty-message-icon i {
          font-size: 56px; }
    .ppm-layout-contentarea.fixed {
      position: fixed;
      bottom: 0;
      left: 52px;
      right: 0;
      top: 142px; }
      .ppm-layout-contentarea.fixed .unfixed {
        height: calc(100vh - 150px);
        overflow: auto; }
    @media only screen and (max-width: 600px) {
      .ppm-layout-contentarea {
        padding-bottom: 42px; } }
  .ppm-layout-bottomfixedbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--header-color);
    border-top: 1px solid var(--divider-color);
    z-index: 1; }
    .ppm-layout-bottomfixedbar.with_fab:before {
      content: '';
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      background-color: var(--header-color);
      border-radius: 50%;
      top: -38px;
      left: 50%;
      z-index: 2;
      margin-left: -36px;
      border-top: 2px solid var(--divider-color);
      border-right: 2px solid var(--divider-color);
      box-sizing: border-box;
      transform: rotate(-45deg); }
  .ppm-layout-message-panel {
    padding: 16px;
    background-color: var(--comment-box-color);
    margin-bottom: 16px;
    border-radius: 4px; }
  .ppm-layout .ppm-layout-header.user-tc-confirm {
    left: 0px; }
  .ppm-layout.fixed {
    position: fixed;
    top: 0;
    left: 52px;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 959px) {
      .ppm-layout.fixed {
        left: 0; } }
    .ppm-layout.fixed:before {
      content: none; }
    .ppm-layout.fixed .ppm-layout-header {
      flex: 0 0;
      position: static;
      min-height: 72px;
      margin-bottom: 0; }
    .ppm-layout.fixed .ppm-layout-commonarea:not(.ng-hide) {
      flex: 0 0; }
    .ppm-layout.fixed .ppm-layout-contentarea {
      flex: 1 1 auto;
      overflow: hidden;
      display: flex;
      padding-top: 0;
      padding-bottom: 0; }
      .ppm-layout.fixed .ppm-layout-contentarea ppm-card {
        margin-right: 0;
        margin-left: 0; }
        .ppm-layout.fixed .ppm-layout-contentarea ppm-card.max-height {
          max-height: 100%;
          display: flex;
          flex-direction: column; }
          .ppm-layout.fixed .ppm-layout-contentarea ppm-card.max-height ppm-card-content {
            overflow-y: auto; }
      .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize {
        flex: 1 1 auto;
        overflow: hidden;
        margin-bottom: 16px;
        display: flex;
        flex-direction: column; }
        @media only screen and (max-width: 959px) {
          .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize {
            margin-bottom: 0; } }
        .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-header {
          flex: 0 0;
          min-height: 48px; }
        .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content {
          flex: 1 1;
          position: relative; }
          .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content md-table-container {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 57px;
            display: flex; }
            .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content md-table-container.no-pagination {
              bottom: 0; }
          .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content md-table-pagination {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0; }
          .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content.scrollable {
            overflow: hidden;
            display: flex;
            flex-direction: column; }
            .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content.scrollable .content-container {
              flex: 0 0 auto; }
            .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content.scrollable .scrollable-container {
              flex: 1 1 auto;
              overflow: auto; }
              .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content.scrollable .scrollable-container._y {
                overflow-x: hidden; }
              .ppm-layout.fixed .ppm-layout-contentarea ppm-card.fullsize ppm-card-content.scrollable .scrollable-container.x {
                overflow-y: hidden; }
      .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container {
        flex-direction: row;
        padding-left: 0;
        padding-right: 0; }
        .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column {
          flex: 1 1 auto;
          padding-top: 16px;
          padding-right: 16px;
          overflow: auto;
          display: flex; }
          @media only screen and (max-width: 959px) {
            .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column {
              padding-top: 0;
              padding-bottom: 0;
              padding-right: 0;
              padding-left: 0 !important; }
              .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column.bottom-control {
                padding-bottom: 32px; } }
          .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column:first-child {
            padding-left: 16px; }
          .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column .fullsize-card {
            align-self: stretch;
            width: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column; }
            @media only screen and (min-width: 960px) {
              .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column .fullsize-card {
                height: calc(100% - 16px); } }
            .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column .fullsize-card-container {
              overflow: auto; }
          .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column task-details {
            display: flex;
            flex-direction: row;
            align-items: stretch;
            width: 100%;
            flex: 1 1 auto; }
            .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .fixed-layout-column task-details ppm-card {
              width: 100%; }
        .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .resizer {
          cursor: pointer;
          width: 16px;
          margin-left: -16px;
          position: relative;
          z-index: 2;
          transform: scale(0.7); }
          .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .resizer:after {
            content: none;
            display: block;
            position: absolute;
            width: 128px;
            height: 128px;
            z-index: 3;
            left: -56px;
            margin-top: auto;
            margin-bottom: auto;
            top: 0;
            bottom: 0; }
          .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .resizer:before {
            background-color: var(--accentColor);
            content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'><path fill='rgb(255, 255, 255)' d='M8.7,15.9L4.8,12l3.9-3.9c0.39-0.39,0.39-1.01,0-1.4l0,0c-0.39-0.39-1.01-0.39-1.4,0l-4.59,4.59   c-0.39,0.39-0.39,1.02,0,1.41L7.3,17.3c0.39,0.39,1.01,0.39,1.4,0l0,0C9.09,16.91,9.09,16.29,8.7,15.9z M15.3,15.9l3.9-3.9   l-3.9-3.9c-0.39-0.39-0.39-1.01,0-1.4l0,0c0.39-0.39,1.01-0.39,1.4,0l4.59,4.59c0.39,0.39,0.39,1.02,0,1.41L16.7,17.3   c-0.39,0.39-1.01,0.39-1.4,0l0,0C14.91,16.91,14.91,16.29,15.3,15.9z'/></svg>");
            display: block;
            box-sizing: border-box;
            position: absolute;
            width: 32px;
            height: 32px;
            padding-top: 4px;
            padding-left: 4px;
            z-index: 2;
            border-radius: 4px;
            left: -8px;
            margin-top: auto;
            margin-bottom: auto;
            top: 0;
            bottom: 0; }
          .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .resizer.active {
            transform: scale(1); }
            .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .resizer.active:before {
              box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
              background-color: var(--accentColorDark5); }
            .ppm-layout.fixed .ppm-layout-contentarea.fixed-layout-container .resizer.active:after {
              content: ''; }

md-dialog-actions .md-button.md-primary {
  color: var(--primary500) !important; }

md-dialog-content {
  color: var(--text-color); }

.md-button.md-default-theme.md-fab,
.md-button.md-fab {
  background-color: var(--primaryColor);
  color: rgba(255, 255, 255, 0.87); }

.md-button.md-default-theme.md-fab:not([disabled]).md-focused,
.md-button.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-fab:not([disabled]):hover,
.md-button.md-fab:not([disabled]):hover {
  background-color: var(--primary200); }

md-card {
  background-color: var(--ppm-card-background) !important; }

ppm-card {
  position: relative;
  background-color: var(--ppm-card-background);
  display: block;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  margin: 0 0 16px 0; }
  @media only screen and (max-width: 600px) {
    ppm-card {
      margin-right: -16px;
      margin-left: -16px;
      margin-bottom: calc(16px / 2) !important;
      margin-top: 0; }
      ppm-card:last-child {
        margin-bottom: 0; } }
  ppm-card.with-tabs {
    box-shadow: none;
    background-color: transparent; }
    ppm-card.with-tabs ppm-card-content {
      box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
      background-color: var(--ppm-card-background); }
    @media only screen and (max-width: 600px) {
      ppm-card.with-tabs {
        border-top: none; } }
  ppm-card.with-tabs-content {
    box-shadow: none;
    background-color: transparent; }
    ppm-card.with-tabs-content ppm-card-content {
      background-color: none; }
      ppm-card.with-tabs-content ppm-card-content md-tabs md-tab-content .content-container {
        padding-top: 16px; }
      ppm-card.with-tabs-content ppm-card-content .md-tab.md-active,
      ppm-card.with-tabs-content ppm-card-content md-tabs-content-wrapper {
        background-color: var(--ppm-card-background);
        box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
      ppm-card.with-tabs-content ppm-card-content md-tabs-wrapper {
        position: relative;
        z-index: 1; }
  ppm-card-header {
    display: flex;
    align-items: center;
    padding: 16px;
    height: 48px;
    box-sizing: border-box; }
    ppm-card-header-title {
      flex: 1 1;
      font-size: 16px;
      display: block;
      text-transform: uppercase;
      color: var(--ppm-header-color);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 600px) {
        ppm-card-header-title {
          font-size: 15px; } }
      ppm-card-header-title .description {
        text-transform: none; }
        @media only screen and (max-width: 600px) {
          ppm-card-header-title .description {
            display: block;
            font-size: 13px; } }
      ppm-card-header-title .card-secondary-title {
        text-transform: none; }
    ppm-card-header-actions {
      margin-right: -16px;
      display: flex;
      align-items: center; }
      ppm-card-header-actions actions-divider {
        display: block;
        background-color: var(--divider-color);
        width: 1px;
        height: 24px; }
      ppm-card-header-actions .md-button.md-icon-button {
        margin: 0;
        width: 48px;
        height: 48px;
        box-sizing: border-box; }
      ppm-card-header-actions md-input-container {
        width: inherit !important; }
  ppm-card-subheader {
    display: block;
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    color: var(--label-text-color-rgba-06); }
  ppm-card-content {
    display: block; }
    ppm-card-content .full_height {
      max-height: calc(100vh - 176px); }
    ppm-card-content .content-container {
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px;
      overflow-y: auto;
      overflow-x: hidden; }
      ppm-card-content .content-container.scrolled {
        overflow: auto; }
      ppm-card-content .content-container > md-input-container {
        margin-bottom: 0; }
    ppm-card-content md-divider + .content-container {
      padding-top: 16px; }
    ppm-card-content table.md-table:not(.md-row-select) td.md-cell:first-child,
    ppm-card-content table.md-table:not(.md-row-select) th.md-column:first-child {
      padding: 0 16px; }
    ppm-card-content md-card {
      box-shadow: none;
      border: 1px solid var(--divider-color); }
    ppm-card-content.card-with-table {
      padding-bottom: 16px;
      overflow-x: auto; }
    ppm-card-content .info-message {
      margin-left: 23px;
      text-indent: -7px;
      font-size: 12px; }
      ppm-card-content .info-message-icon {
        font-size: 14px; }
    ppm-card-content .md-table-pagination {
      flex-wrap: nowrap; }
      ppm-card-content .md-table-pagination .buttons .label {
        white-space: nowrap; }
  ppm-card-bottom {
    position: sticky;
    bottom: 0;
    background-color: var(--ppm-card-background);
    display: block; }
  ppm-card md-tabs.md-shodann-theme.md-primary
> md-tabs-wrapper
> md-tabs-canvas
> md-pagination-wrapper
> md-tab-item:not([disabled]).md-active,
  ppm-card md-tabs.md-default-theme.md-primary
> md-tabs-wrapper
> md-tabs-canvas
> md-pagination-wrapper
> md-tab-item:not([disabled]).md-active,
  ppm-card md-tabs.md-primary
> md-tabs-wrapper
> md-tabs-canvas
> md-pagination-wrapper
> md-tab-item:not([disabled]).md-active {
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    background-color: var(--ppm-card-background);
    color: var(--text-color); }
    ppm-card md-tabs.md-shodann-theme.md-primary
> md-tabs-wrapper
> md-tabs-canvas
> md-pagination-wrapper
> md-tab-item:not([disabled]).md-active *,
    ppm-card md-tabs.md-default-theme.md-primary
> md-tabs-wrapper
> md-tabs-canvas
> md-pagination-wrapper
> md-tab-item:not([disabled]).md-active *,
    ppm-card md-tabs.md-primary
> md-tabs-wrapper
> md-tabs-canvas
> md-pagination-wrapper
> md-tab-item:not([disabled]).md-active * {
      color: var(--primaryColor) !important; }
  ppm-card md-tabs.md-shodann-theme *,
  ppm-card md-tabs.md-default-theme *,
  ppm-card md-tabs * {
    outline: none !important; }
  ppm-card md-tabs.md-shodann-theme md-ink-bar,
  ppm-card md-tabs.md-default-theme md-ink-bar,
  ppm-card md-tabs md-ink-bar {
    color: transparent;
    background: transparent; }
  ppm-card md-tabs.md-shodann-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item *,
  ppm-card md-tabs.md-default-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item *,
  ppm-card md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item * {
    color: var(--text-color-rgba-07) !important; }
  ppm-card md-list {
    padding-bottom: 0; }
    ppm-card md-list .content-list-title {
      font-size: 13px; }

.flex-row {
  display: flex;
  margin-left: calc(-1 * 16px / 2);
  margin-right: calc(-1 * 16px / 2);
  flex-wrap: wrap; }
  .flex-row.data-row {
    font-size: 13px;
    padding-top: calc(16px / 2);
    padding-bottom: calc(16px / 2); }
    .flex-row.data-row .flex-col {
      display: flex; }
  .flex-row.section {
    margin-bottom: 32px;
    padding: 0;
    border-top: none; }
  .flex-row.subsection {
    margin-bottom: 16px;
    padding: 0;
    border-top: none; }
  .flex-row.wrap {
    flex-wrap: wrap;
    margin-bottom: 0px; }
    .flex-row.wrap .flex-col,
    .flex-row.wrap .col {
      margin-bottom: 20px; }
  .flex-row.stretch {
    align-items: stretch; }
    .flex-row.stretch .flex-col > .card,
    .flex-row.stretch .col > .card {
      height: 100%; }
  .flex-row.reverse {
    flex-direction: row-reverse; }
  .flex-row.divider-top {
    border-top: 1px solid var(--divider-color);
    margin-bottom: 16px; }
  .flex-row .flex-col {
    padding: 0 calc(16px / 2);
    flex: 1 1 auto;
    width: auto;
    flex-basis: auto;
    box-sizing: border-box; }
    .flex-row .flex-col.xs1 {
      width: calc(100% / calc(12 / 1));
      flex-basis: calc(100% / calc(12 / 1));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs2 {
      width: calc(100% / calc(12 / 2));
      flex-basis: calc(100% / calc(12 / 2));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs3 {
      width: calc(100% / calc(12 / 3));
      flex-basis: calc(100% / calc(12 / 3));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs4 {
      width: calc(100% / calc(12 / 4));
      flex-basis: calc(100% / calc(12 / 4));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs5 {
      width: calc(100% / calc(12 / 5));
      flex-basis: calc(100% / calc(12 / 5));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs6 {
      width: calc(100% / calc(12 / 6));
      flex-basis: calc(100% / calc(12 / 6));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs7 {
      width: calc(100% / calc(12 / 7));
      flex-basis: calc(100% / calc(12 / 7));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs8 {
      width: calc(100% / calc(12 / 8));
      flex-basis: calc(100% / calc(12 / 8));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs9 {
      width: calc(100% / calc(12 / 9));
      flex-basis: calc(100% / calc(12 / 9));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs10 {
      width: calc(100% / calc(12 / 10));
      flex-basis: calc(100% / calc(12 / 10));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs11 {
      width: calc(100% / calc(12 / 11));
      flex-basis: calc(100% / calc(12 / 11));
      flex: 0 0 auto; }
    .flex-row .flex-col.xs12 {
      width: calc(100% / calc(12 / 12));
      flex-basis: calc(100% / calc(12 / 12));
      flex: 0 0 auto; }
    @media only screen and (min-width: 600px) {
      .flex-row .flex-col.s1 {
        width: calc(100% / calc(12 / 1));
        flex-basis: calc(100% / calc(12 / 1));
        flex: 0 0 auto; }
      .flex-row .flex-col.s2 {
        width: calc(100% / calc(12 / 2));
        flex-basis: calc(100% / calc(12 / 2));
        flex: 0 0 auto; }
      .flex-row .flex-col.s3 {
        width: calc(100% / calc(12 / 3));
        flex-basis: calc(100% / calc(12 / 3));
        flex: 0 0 auto; }
      .flex-row .flex-col.s4 {
        width: calc(100% / calc(12 / 4));
        flex-basis: calc(100% / calc(12 / 4));
        flex: 0 0 auto; }
      .flex-row .flex-col.s5 {
        width: calc(100% / calc(12 / 5));
        flex-basis: calc(100% / calc(12 / 5));
        flex: 0 0 auto; }
      .flex-row .flex-col.s6 {
        width: calc(100% / calc(12 / 6));
        flex-basis: calc(100% / calc(12 / 6));
        flex: 0 0 auto; }
      .flex-row .flex-col.s7 {
        width: calc(100% / calc(12 / 7));
        flex-basis: calc(100% / calc(12 / 7));
        flex: 0 0 auto; }
      .flex-row .flex-col.s8 {
        width: calc(100% / calc(12 / 8));
        flex-basis: calc(100% / calc(12 / 8));
        flex: 0 0 auto; }
      .flex-row .flex-col.s9 {
        width: calc(100% / calc(12 / 9));
        flex-basis: calc(100% / calc(12 / 9));
        flex: 0 0 auto; }
      .flex-row .flex-col.s10 {
        width: calc(100% / calc(12 / 10));
        flex-basis: calc(100% / calc(12 / 10));
        flex: 0 0 auto; }
      .flex-row .flex-col.s11 {
        width: calc(100% / calc(12 / 11));
        flex-basis: calc(100% / calc(12 / 11));
        flex: 0 0 auto; }
      .flex-row .flex-col.s12 {
        width: calc(100% / calc(12 / 12));
        flex-basis: calc(100% / calc(12 / 12));
        flex: 0 0 auto; } }
    @media only screen and (min-width: 960px) {
      .flex-row .flex-col.m1 {
        width: calc(100% / calc(12 / 1));
        flex-basis: calc(100% / calc(12 / 1));
        flex: 0 0 auto; }
      .flex-row .flex-col.m2 {
        width: calc(100% / calc(12 / 2));
        flex-basis: calc(100% / calc(12 / 2));
        flex: 0 0 auto; }
      .flex-row .flex-col.m3 {
        width: calc(100% / calc(12 / 3));
        flex-basis: calc(100% / calc(12 / 3));
        flex: 0 0 auto; }
      .flex-row .flex-col.m4 {
        width: calc(100% / calc(12 / 4));
        flex-basis: calc(100% / calc(12 / 4));
        flex: 0 0 auto; }
      .flex-row .flex-col.m5 {
        width: calc(100% / calc(12 / 5));
        flex-basis: calc(100% / calc(12 / 5));
        flex: 0 0 auto; }
      .flex-row .flex-col.m6 {
        width: calc(100% / calc(12 / 6));
        flex-basis: calc(100% / calc(12 / 6));
        flex: 0 0 auto; }
      .flex-row .flex-col.m7 {
        width: calc(100% / calc(12 / 7));
        flex-basis: calc(100% / calc(12 / 7));
        flex: 0 0 auto; }
      .flex-row .flex-col.m8 {
        width: calc(100% / calc(12 / 8));
        flex-basis: calc(100% / calc(12 / 8));
        flex: 0 0 auto; }
      .flex-row .flex-col.m9 {
        width: calc(100% / calc(12 / 9));
        flex-basis: calc(100% / calc(12 / 9));
        flex: 0 0 auto; }
      .flex-row .flex-col.m10 {
        width: calc(100% / calc(12 / 10));
        flex-basis: calc(100% / calc(12 / 10));
        flex: 0 0 auto; }
      .flex-row .flex-col.m11 {
        width: calc(100% / calc(12 / 11));
        flex-basis: calc(100% / calc(12 / 11));
        flex: 0 0 auto; }
      .flex-row .flex-col.m12 {
        width: calc(100% / calc(12 / 12));
        flex-basis: calc(100% / calc(12 / 12));
        flex: 0 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .flex-row .flex-col.l1 {
        width: calc(100% / calc(12 / 1));
        flex-basis: calc(100% / calc(12 / 1));
        flex: 0 0 auto; }
      .flex-row .flex-col.l2 {
        width: calc(100% / calc(12 / 2));
        flex-basis: calc(100% / calc(12 / 2));
        flex: 0 0 auto; }
      .flex-row .flex-col.l3 {
        width: calc(100% / calc(12 / 3));
        flex-basis: calc(100% / calc(12 / 3));
        flex: 0 0 auto; }
      .flex-row .flex-col.l4 {
        width: calc(100% / calc(12 / 4));
        flex-basis: calc(100% / calc(12 / 4));
        flex: 0 0 auto; }
      .flex-row .flex-col.l5 {
        width: calc(100% / calc(12 / 5));
        flex-basis: calc(100% / calc(12 / 5));
        flex: 0 0 auto; }
      .flex-row .flex-col.l6 {
        width: calc(100% / calc(12 / 6));
        flex-basis: calc(100% / calc(12 / 6));
        flex: 0 0 auto; }
      .flex-row .flex-col.l7 {
        width: calc(100% / calc(12 / 7));
        flex-basis: calc(100% / calc(12 / 7));
        flex: 0 0 auto; }
      .flex-row .flex-col.l8 {
        width: calc(100% / calc(12 / 8));
        flex-basis: calc(100% / calc(12 / 8));
        flex: 0 0 auto; }
      .flex-row .flex-col.l9 {
        width: calc(100% / calc(12 / 9));
        flex-basis: calc(100% / calc(12 / 9));
        flex: 0 0 auto; }
      .flex-row .flex-col.l10 {
        width: calc(100% / calc(12 / 10));
        flex-basis: calc(100% / calc(12 / 10));
        flex: 0 0 auto; }
      .flex-row .flex-col.l11 {
        width: calc(100% / calc(12 / 11));
        flex-basis: calc(100% / calc(12 / 11));
        flex: 0 0 auto; }
      .flex-row .flex-col.l12 {
        width: calc(100% / calc(12 / 12));
        flex-basis: calc(100% / calc(12 / 12));
        flex: 0 0 auto; } }
    .flex-row .flex-col.full-wide {
      flex-grow: 1; }
    .flex-row .flex-col.button-container {
      display: flex;
      align-items: start;
      justify-content: flex-end;
      flex-grow: 1; }
      .flex-row .flex-col.button-container button,
      .flex-row .flex-col.button-container .md-button {
        margin-top: 14px; }
    .flex-row .flex-col > md-input-container {
      width: 100%; }
    .flex-row .flex-col > md-autocomplete {
      min-width: 100px; }

.cell-texticon {
  display: flex;
  align-items: center; }
  .cell-texticon-icon {
    text-transform: uppercase;
    display: flex;
    min-width: 28px;
    width: 28px;
    height: 28px;
    background-color: #ddd;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 16px;
    border: 2px solid var(--ppm-card-background); }
    .cell-texticon-icon-text {
      font-size: 12px;
      font-weight: 600;
      color: var(--ppm-card-background); }

table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover {
  background-color: var(--hover-background-color) !important; }

table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
  background-color: var(--hover-background-color) !important; }

table.md-table tr.md-row.selected {
  background-color: var(--accentColorRgba04); }

table.md-table tr.md-row .secondary {
  opacity: 0.5;
  font-size: 11px; }

table.md-table td.md-cell {
  color: var(--text-color) !important;
  border-top: 1px var(--divider-color) solid; }

table.md-table th.md-column {
  color: var(--text-color) !important; }
  table.md-table th.md-column md-icon {
    min-width: 16px;
    min-height: 16px;
    max-height: 16px;
    max-width: 16px; }

.material-icons.md-8 {
  font-size: 8px; }

.material-icons.md-9 {
  font-size: 9px; }

.material-icons.md-10 {
  font-size: 10px; }

.material-icons.md-11 {
  font-size: 11px; }

.material-icons.md-12 {
  font-size: 12px; }

.material-icons.md-13 {
  font-size: 13px; }

.material-icons.md-14 {
  font-size: 14px; }

.material-icons.md-15 {
  font-size: 15px; }

.material-icons.md-16 {
  font-size: 16px; }

.material-icons.md-17 {
  font-size: 17px; }

.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-19 {
  font-size: 19px; }

.material-icons.md-20 {
  font-size: 20px; }

.material-icons.md-21 {
  font-size: 21px; }

.material-icons.md-22 {
  font-size: 22px; }

.material-icons.md-23 {
  font-size: 23px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-25 {
  font-size: 25px; }

.material-icons.md-26 {
  font-size: 26px; }

.material-icons.md-27 {
  font-size: 27px; }

.material-icons.md-28 {
  font-size: 28px; }

.material-icons.md-29 {
  font-size: 29px; }

.material-icons.md-30 {
  font-size: 30px; }

.material-icons.md-31 {
  font-size: 31px; }

.material-icons.md-32 {
  font-size: 32px; }

.material-icons.md-33 {
  font-size: 33px; }

.material-icons.md-34 {
  font-size: 34px; }

.material-icons.md-35 {
  font-size: 35px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-37 {
  font-size: 37px; }

.material-icons.md-38 {
  font-size: 38px; }

.material-icons.md-39 {
  font-size: 39px; }

.material-icons.md-40 {
  font-size: 40px; }

.material-icons.md-41 {
  font-size: 41px; }

.material-icons.md-42 {
  font-size: 42px; }

.material-icons.md-43 {
  font-size: 43px; }

.material-icons.md-44 {
  font-size: 44px; }

.material-icons.md-45 {
  font-size: 45px; }

.material-icons.md-46 {
  font-size: 46px; }

.material-icons.md-47 {
  font-size: 47px; }

.material-icons.md-48 {
  font-size: 48px; }

.cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-auto-flow: column;
  grid-column-gap: 16px; }
  .cards-grid-card.last-card {
    grid-column: 2;
    grid-row: 1 / 100; }

.background-error {
  background-color: var(--error) !important;
  color: #fff !important; }

.background-warning {
  background-color: var(--attention-color) !important;
  color: #fff !important; }

.background-success {
  background-color: var(--success-color) !important;
  color: #fff !important; }

.background-loading {
  background-color: var(--defaultBgColor) !important; }

.error {
  color: var(--error); }

.warning {
  color: var(--attention-color); }

.success {
  color: var(--success-color); }

.process {
  color: var(--complete-color); }

.sub {
  font-size: 0.7em;
  transform: translateY(-6px);
  display: inline-block; }

@media print {
  /* All your print styles go here */
  .main-menu-bar,
  .header-menu,
  .ppm-layout-header,
  .ppm-layout-commonarea,
  ppm-card-header {
    display: none !important; }
  ppm-card {
    box-shadow: none; }
  .ppm-layout {
    padding: 0; } }

.indicator-hook {
  overflow: visible !important;
  position: relative !important; }
  .indicator-hook .rotate-icon {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    position: relative;
    font-size: 22px; }
  .indicator-hook .indicator {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
    line-height: 13px;
    color: var(--lightTextColor);
    width: 13px;
    height: 13px;
    border-radius: 7px;
    background-color: var(--informative);
    text-align: center; }
    .indicator-hook .indicator.number-of-notifications {
      background-color: var(--shodann-green);
      font-weight: bold; }
    .indicator-hook .indicator.warning {
      top: 5px;
      right: 5px;
      background-color: var(--error);
      color: var(--lightTextColor);
      font-weight: bold; }
    .indicator-hook .indicator.small-button {
      top: -5px;
      right: -5px; }

.md-dialog-container md-dialog {
  max-width: 670px;
  width: 90%;
  background-color: var(--dialog-background); }
  .md-dialog-container md-dialog md-toolbar {
    background-color: transparent !important;
    flex: 0 0;
    color: var(--text-color); }
    .md-dialog-container md-dialog md-toolbar .md-toolbar-tools .md-button md-icon {
      color: var(--text-color); }
    .md-dialog-container md-dialog md-toolbar .md-toolbar-tools + .section {
      margin-top: -32px; }
  .md-dialog-container md-dialog md-dialog-content {
    overflow-y: auto;
    overflow-x: hidden; }
    .md-dialog-container md-dialog md-dialog-content .md-dialog-content.with-additional-action {
      padding-bottom: 50px;
      min-height: 100px; }
  .md-dialog-container md-dialog .md-dialog-additional-action.bottom-fixed {
    position: absolute;
    bottom: 42px;
    background: var(--ppm-card-background);
    left: 0;
    right: 0;
    padding-left: 16px;
    padding-right: 16px;
    z-index: 0;
    box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.1), 0px -2px 1px rgba(0, 0, 0, 0.1); }
  .md-dialog-container md-dialog tree-view ul {
    padding: 0px;
    list-style: none; }
  .md-dialog-container md-dialog .audit-trail-changed {
    background-color: var(--audit-trail-changed-background); }
    .md-dialog-container md-dialog .audit-trail-changed td {
      color: var(--audit-trail-changed-color) !important; }

.md-dialog-container .subheader-help {
  padding: 16px;
  font-size: 12px; }

.md-dialog-container .subheader {
  padding: 16px; }

.md-dialog-container .register-device .register-input {
  padding: 16px; }

.md-dialog-container .register-device .register-input-button {
  max-height: 36px; }

.md-dialog-container .dialog-info {
  color: var(--accentColor); }

.md-dialog-container .content-table-header {
  color: var(--text-color);
  padding: 16px 1em 16px 0;
  display: flex;
  font-size: 12px;
  color: var(--defaultTextColor); }
  .md-dialog-container .content-table-header-item {
    padding-left: 0; }
    .md-dialog-container .content-table-header-item:first-child {
      padding-left: 24px; }

.md-list-item-text {
  text-overflow: ellipsis;
  overflow: hidden; }
  .md-list-item-text p {
    text-overflow: ellipsis;
    overflow: hidden; }

.device-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.minimized-content {
  max-height: 0;
  padding: 0 !important;
  overflow: hidden; }

.md-button.md-shodann-theme.md-fab,
.md-button.md-default-theme.md-fab,
.md-button.md-fab {
  background-color: var(--primaryColor); }
  .md-button.md-shodann-theme.md-fab md-icon,
  .md-button.md-default-theme.md-fab md-icon,
  .md-button.md-fab md-icon {
    color: var(--ppm-card-background); }

text-angular.text-area-content,
text-angular.ta-root,
.ta-root {
  display: block;
  padding: 0;
  margin-top: 16px;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--divider-color); }
  text-angular.text-area-content .ta-toolbar,
  text-angular.ta-root .ta-toolbar,
  .ta-root .ta-toolbar {
    display: none; }
  text-angular.text-area-content:hover,
  text-angular.ta-root:hover,
  .ta-root:hover {
    border-bottom: 1px solid var(--primaryColor); }
  text-angular.text-area-content.focussed,
  text-angular.ta-root.focussed,
  .ta-root.focussed {
    border: 1px solid var(--divider-color);
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
    text-angular.text-area-content.focussed .ta-toolbar,
    text-angular.ta-root.focussed .ta-toolbar,
    .ta-root.focussed .ta-toolbar {
      display: block; }
      text-angular.text-area-content.focussed .ta-toolbar .btn-group,
      text-angular.ta-root.focussed .ta-toolbar .btn-group,
      .ta-root.focussed .ta-toolbar .btn-group {
        border-bottom: 1px solid var(--divider-color);
        display: flex; }
        text-angular.text-area-content.focussed .ta-toolbar .btn-group button.btn,
        text-angular.ta-root.focussed .ta-toolbar .btn-group button.btn,
        .ta-root.focussed .ta-toolbar .btn-group button.btn {
          flex: 1;
          background-color: transparent;
          border: none;
          border-right: 1px solid var(--divider-color); }
          text-angular.text-area-content.focussed .ta-toolbar .btn-group button.btn:last-of-type,
          text-angular.ta-root.focussed .ta-toolbar .btn-group button.btn:last-of-type,
          .ta-root.focussed .ta-toolbar .btn-group button.btn:last-of-type {
            border-right: none; }
          text-angular.text-area-content.focussed .ta-toolbar .btn-group button.btn:not(.active),
          text-angular.ta-root.focussed .ta-toolbar .btn-group button.btn:not(.active),
          .ta-root.focussed .ta-toolbar .btn-group button.btn:not(.active) {
            color: var(--btn-input-color); }
    text-angular.text-area-content.focussed > .ta-scroll-window,
    text-angular.ta-root.focussed > .ta-scroll-window,
    .ta-root.focussed > .ta-scroll-window {
      overflow: auto; }
      text-angular.text-area-content.focussed > .ta-scroll-window.form-control,
      text-angular.ta-root.focussed > .ta-scroll-window.form-control,
      .ta-root.focussed > .ta-scroll-window.form-control {
        border: none;
        box-shadow: none; }
      text-angular.text-area-content.focussed > .ta-scroll-window > .ta-bind,
      text-angular.ta-root.focussed > .ta-scroll-window > .ta-bind,
      .ta-root.focussed > .ta-scroll-window > .ta-bind {
        padding: calc(16px / 2) 16px; }
  text-angular.text-area-content .ta-scroll-window,
  text-angular.ta-root .ta-scroll-window,
  .ta-root .ta-scroll-window {
    overflow: hidden; }
    text-angular.text-area-content .ta-scroll-window > .ta-bind, text-angular.text-area-content .ta-scroll-window.form-control,
    text-angular.ta-root .ta-scroll-window > .ta-bind,
    text-angular.ta-root .ta-scroll-window.form-control,
    .ta-root .ta-scroll-window > .ta-bind,
    .ta-root .ta-scroll-window.form-control {
      min-height: 64px; }
    text-angular.text-area-content .ta-scroll-window > .ta-bind,
    text-angular.ta-root .ta-scroll-window > .ta-bind,
    .ta-root .ta-scroll-window > .ta-bind {
      padding: 4px; }
      text-angular.text-area-content .ta-scroll-window > .ta-bind.placeholder-text,
      text-angular.ta-root .ta-scroll-window > .ta-bind.placeholder-text,
      .ta-root .ta-scroll-window > .ta-bind.placeholder-text {
        background-color: rgba(0, 56, 56, 0.15);
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff; }

md-dialog-content .angular-ui-tree {
  margin-left: -24px;
  margin-right: -24px; }
  md-dialog-content .angular-ui-tree .angular-ui-tree-nodes > .angular-ui-tree-node .organization-structure-node {
    cursor: pointer; }
    md-dialog-content .angular-ui-tree .angular-ui-tree-nodes > .angular-ui-tree-node .organization-structure-node:hover {
      background-color: var(--list-item-over-color); }

.data-grid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-row-gap: 16px;
  font-size: 13px;
  padding-bottom: 16px;
  max-width: 100%;
  overflow: hidden; }
  .data-grid-row {
    padding-left: 16px;
    padding-right: 16px;
    display: grid;
    grid-column-gap: calc(16px / 2);
    align-items: center; }
    .data-grid-row.header {
      font-size: 12px;
      color: var(--text-color-light);
      padding-bottom: 16px;
      padding-top: 16px;
      border-bottom: 1px solid var(--divider-color); }
    .data-grid-row.dc1 {
      grid-template-columns: repeat(1, 1fr); }
      .data-grid-row.dc1 .data-grid-column.full-wide {
        grid-column: 1/span 1;
        justify-self: start; }
    .data-grid-row.dc2 {
      grid-template-columns: repeat(2, 1fr); }
      .data-grid-row.dc2 .data-grid-column.full-wide {
        grid-column: 1/span 2;
        justify-self: start; }
    .data-grid-row.dc3 {
      grid-template-columns: repeat(3, 1fr); }
      .data-grid-row.dc3 .data-grid-column.full-wide {
        grid-column: 1/span 3;
        justify-self: start; }
    .data-grid-row.dc4 {
      grid-template-columns: repeat(4, 1fr); }
      .data-grid-row.dc4 .data-grid-column.full-wide {
        grid-column: 1/span 4;
        justify-self: start; }
    .data-grid-row.dc5 {
      grid-template-columns: repeat(5, 1fr); }
      .data-grid-row.dc5 .data-grid-column.full-wide {
        grid-column: 1/span 5;
        justify-self: start; }
    .data-grid-row.dc6 {
      grid-template-columns: repeat(6, 1fr); }
      .data-grid-row.dc6 .data-grid-column.full-wide {
        grid-column: 1/span 6;
        justify-self: start; }
    .data-grid-row.dc7 {
      grid-template-columns: repeat(7, 1fr); }
      .data-grid-row.dc7 .data-grid-column.full-wide {
        grid-column: 1/span 7;
        justify-self: start; }
    .data-grid-row.dc8 {
      grid-template-columns: repeat(8, 1fr); }
      .data-grid-row.dc8 .data-grid-column.full-wide {
        grid-column: 1/span 8;
        justify-self: start; }
    .data-grid-row.dc9 {
      grid-template-columns: repeat(9, 1fr); }
      .data-grid-row.dc9 .data-grid-column.full-wide {
        grid-column: 1/span 9;
        justify-self: start; }
    .data-grid-row.dc10 {
      grid-template-columns: repeat(10, 1fr); }
      .data-grid-row.dc10 .data-grid-column.full-wide {
        grid-column: 1/span 10;
        justify-self: start; }
    .data-grid-row.dc11 {
      grid-template-columns: repeat(11, 1fr); }
      .data-grid-row.dc11 .data-grid-column.full-wide {
        grid-column: 1/span 11;
        justify-self: start; }
    .data-grid-row.dc12 {
      grid-template-columns: repeat(12, 1fr); }
      .data-grid-row.dc12 .data-grid-column.full-wide {
        grid-column: 1/span 12;
        justify-self: start; }
    .data-grid-row.dc13 {
      grid-template-columns: repeat(13, 1fr); }
      .data-grid-row.dc13 .data-grid-column.full-wide {
        grid-column: 1/span 13;
        justify-self: start; }
    .data-grid-row.dc14 {
      grid-template-columns: repeat(14, 1fr); }
      .data-grid-row.dc14 .data-grid-column.full-wide {
        grid-column: 1/span 14;
        justify-self: start; }
    .data-grid-row.dc15 {
      grid-template-columns: repeat(15, 1fr); }
      .data-grid-row.dc15 .data-grid-column.full-wide {
        grid-column: 1/span 15;
        justify-self: start; }
    .data-grid-row.dc16 {
      grid-template-columns: repeat(16, 1fr); }
      .data-grid-row.dc16 .data-grid-column.full-wide {
        grid-column: 1/span 16;
        justify-self: start; }
    .data-grid-row.dc17 {
      grid-template-columns: repeat(17, 1fr); }
      .data-grid-row.dc17 .data-grid-column.full-wide {
        grid-column: 1/span 17;
        justify-self: start; }
    .data-grid-row.dc18 {
      grid-template-columns: repeat(18, 1fr); }
      .data-grid-row.dc18 .data-grid-column.full-wide {
        grid-column: 1/span 18;
        justify-self: start; }
    .data-grid-row.dc19 {
      grid-template-columns: repeat(19, 1fr); }
      .data-grid-row.dc19 .data-grid-column.full-wide {
        grid-column: 1/span 19;
        justify-self: start; }
    .data-grid-row.dc20 {
      grid-template-columns: repeat(20, 1fr); }
      .data-grid-row.dc20 .data-grid-column.full-wide {
        grid-column: 1/span 20;
        justify-self: start; }
    .data-grid-row > * {
      justify-self: end; }
    .data-grid-row > *:nth-child(1) {
      justify-self: start; }
    .data-grid-row .merge2 {
      grid-column: 1 / 3; }

.avatar-icon-2-line {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-auto-flow: row;
  grid-column-gap: 16px; }
  .avatar-icon-2-line-avatar {
    flex: 0 0 auto;
    grid-column: 1;
    grid-row: 1 / 3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--ppm-card-background);
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #7a797a; }
    .avatar-icon-2-line-avatar img {
      width: 100%;
      height: auto; }
    .avatar-icon-2-line-avatar.small {
      width: 30px;
      height: 30px;
      border: none; }
  .avatar-icon-2-line-text-line .additional-text {
    color: var(--label-text-color-rgba-06);
    font-weight: 100;
    font-size: 12px; }
  .avatar-icon-2-line-text-line-second {
    font-size: 14px; }
  .avatar-icon-2-line.empty-status {
    padding: 0; }
    .avatar-icon-2-line.empty-status .avatar-icon-2-line-avatar {
      border: none; }
    .avatar-icon-2-line.empty-status .empty-line svg {
      height: 14px;
      width: 100px; }
      .avatar-icon-2-line.empty-status .empty-line svg .bar {
        fill: var(--divider-color);
        width: 100px;
        height: 14px; }
    .avatar-icon-2-line.empty-status .empty-line.short svg .bar {
      width: 70px; }
  .avatar-icon-2-line .avatar-icon-1-line-text {
    margin-top: 10px; }

.data-grid-row.actual {
  position: relative; }
  .data-grid-row.actual:before {
    content: '';
    width: 14px;
    height: 16px;
    display: block;
    background: url("/digitalization-ui/app/assets/img/arrow-prev-action.svg") bottom center;
    position: absolute;
    top: -16px;
    left: 28px; }
  .data-grid-row.actual:after {
    content: '';
    width: 14px;
    height: 16px;
    display: block;
    background: url("/digitalization-ui/app/assets/img/arrow-next-action.svg") bottom center;
    position: absolute;
    bottom: -16px;
    left: 28px; }
  .data-grid-row.actual.last:after {
    display: none; }

.data-grid-column.description {
  font-size: 12px;
  background-color: var(--comment-box-color);
  font-style: italic;
  padding: calc(16px / 4) calc(16px / 2);
  border-radius: 2px;
  margin: 8px 8px 4px 4px; }

.tree-wraper .tree-nodes {
  padding-left: 0; }

.tree-wraper .tree-node-element {
  padding: calc(16px / 2) 11px calc(16px / 2) 16px; }

.tree-wraper .tree-nodes .tree-nodes div {
  padding-left: calc(2 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(3 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(4 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(5 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(6 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(7 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(8 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(9 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes .tree-nodes div {
  padding-left: calc(10 * 16px / 2);
  font-weight: 500; }

.tree-wraper .tree-nodes div {
  font-weight: 600; }

.digitalization-button {
  background-color: var(--primaryColor) !important; }

.table-row-menu {
  cursor: pointer; }
  .table-row-menu td {
    position: relative; }
  .table-row-menu-wrapper {
    position: absolute;
    right: 0;
    top: 4px;
    height: 48px;
    display: none; }
  .table-row-menu:hover .table-row-menu-wrapper {
    display: block; }

.table-row-menu-item {
  display: flex;
  justify-content: flex-end; }

table.md-table.md-row-select td.md-cell:nth-child(n + 3):nth-last-child(n + 2),
table.md-table.md-row-select th.md-column:nth-child(n + 3):nth-last-child(n + 2),
table.md-table:not(.md-row-select) td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 24px 0 0; }

table.md-table .active-link td {
  cursor: pointer; }

@media only screen and (max-width: 599px) {
  table.md-table.no-table-on-mobile {
    display: block;
    width: 100%; }
    table.md-table.no-table-on-mobile thead,
    table.md-table.no-table-on-mobile th,
    table.md-table.no-table-on-mobile tbody {
      display: block; }
      table.md-table.no-table-on-mobile thead tr.no-table-row,
      table.md-table.no-table-on-mobile th tr.no-table-row,
      table.md-table.no-table-on-mobile tbody tr.no-table-row {
        display: block;
        height: auto; }
        table.md-table.no-table-on-mobile thead tr.no-table-row:nth-child(odd),
        table.md-table.no-table-on-mobile th tr.no-table-row:nth-child(odd),
        table.md-table.no-table-on-mobile tbody tr.no-table-row:nth-child(odd) {
          background-color: var(--accentColorRgba02); }
        table.md-table.no-table-on-mobile thead tr.no-table-row td.md-cell.no-table-cell,
        table.md-table.no-table-on-mobile th tr.no-table-row td.md-cell.no-table-cell,
        table.md-table.no-table-on-mobile tbody tr.no-table-row td.md-cell.no-table-cell {
          display: block;
          position: relative;
          padding-left: 50%;
          padding-top: calc(16px / 2);
          padding-bottom: calc(16px / 2);
          padding-right: calc(16px / 2);
          white-space: normal;
          text-align: right; }
          table.md-table.no-table-on-mobile thead tr.no-table-row td.md-cell.no-table-cell:before,
          table.md-table.no-table-on-mobile th tr.no-table-row td.md-cell.no-table-cell:before,
          table.md-table.no-table-on-mobile tbody tr.no-table-row td.md-cell.no-table-cell:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            content: attr(data-title);
            padding-left: calc(16px / 2); }
          table.md-table.no-table-on-mobile thead tr.no-table-row td.md-cell.no-table-cell.hide-xs:not(.show-xs):not(.show), table.md-table.no-table-on-mobile thead tr.no-table-row td.md-cell.no-table-cell.hide:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile th tr.no-table-row td.md-cell.no-table-cell.hide-xs:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile th tr.no-table-row td.md-cell.no-table-cell.hide:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile tbody tr.no-table-row td.md-cell.no-table-cell.hide-xs:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile tbody tr.no-table-row td.md-cell.no-table-cell.hide:not(.show-xs):not(.show) {
            display: none; }
      table.md-table.no-table-on-mobile thead tr.flex-table-row,
      table.md-table.no-table-on-mobile th tr.flex-table-row,
      table.md-table.no-table-on-mobile tbody tr.flex-table-row {
        width: 100%;
        display: flex;
        align-items: stretch; }
        table.md-table.no-table-on-mobile thead tr.flex-table-row td.md-cell,
        table.md-table.no-table-on-mobile th tr.flex-table-row td.md-cell,
        table.md-table.no-table-on-mobile tbody tr.flex-table-row td.md-cell {
          display: flex;
          align-items: center;
          flex: 1 1 auto;
          text-align: right;
          justify-content: flex-end;
          min-width: 25%;
          max-width: 25%;
          box-sizing: border-box;
          padding-right: 16px; }
          table.md-table.no-table-on-mobile thead tr.flex-table-row td.md-cell:first-child,
          table.md-table.no-table-on-mobile th tr.flex-table-row td.md-cell:first-child,
          table.md-table.no-table-on-mobile tbody tr.flex-table-row td.md-cell:first-child {
            text-align: left; }
          table.md-table.no-table-on-mobile thead tr.flex-table-row td.md-cell:last-child,
          table.md-table.no-table-on-mobile th tr.flex-table-row td.md-cell:last-child,
          table.md-table.no-table-on-mobile tbody tr.flex-table-row td.md-cell:last-child {
            padding-right: 16px; }
          table.md-table.no-table-on-mobile thead tr.flex-table-row td.md-cell.hide-xs:not(.show-xs):not(.show), table.md-table.no-table-on-mobile thead tr.flex-table-row td.md-cell.hide:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile th tr.flex-table-row td.md-cell.hide-xs:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile th tr.flex-table-row td.md-cell.hide:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile tbody tr.flex-table-row td.md-cell.hide-xs:not(.show-xs):not(.show),
          table.md-table.no-table-on-mobile tbody tr.flex-table-row td.md-cell.hide:not(.show-xs):not(.show) {
            display: none; }
    table.md-table.no-table-on-mobile thead tr,
    table.md-table.no-table-on-mobile td.md-checkbox-cell {
      position: absolute;
      top: -9999px;
      left: -9999px; } }

table.md-table.sum-table td {
  text-align: right; }

.md-cell-subline {
  display: inline-block;
  font-size: 10px;
  padding: 1px 3px 1px 0;
  border-radius: 2px; }
  .md-cell-subline._warning {
    background-color: var(--attention-color);
    color: #fff;
    padding: 1px 3px; }
  .md-cell-subline._error {
    background-color: var(--error);
    color: #fff;
    padding: 1px 3px; }

table.fixed-header {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto; }
  table.fixed-header thead {
    display: block;
    flex: 0 0;
    border-bottom: 1px solid var(--divider-color);
    position: relative;
    z-index: 1;
    background-color: var(--table-head-color);
    padding-right: 1em; }
    table.fixed-header thead tr {
      display: flex; }
      table.fixed-header thead tr th {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
        align-items: center;
        width: 5%; }
        table.fixed-header thead tr th:nth-child(2) {
          justify-content: flex-start; }
        table.fixed-header thead tr th:first-child {
          width: 20px;
          justify-content: flex-start;
          flex: 0 0; }
  table.fixed-header tbody {
    display: block;
    flex: 1 1 auto;
    overflow-y: scroll;
    margin-top: -2px; }
    table.fixed-header tbody tr {
      display: flex;
      height: inherit; }
      table.fixed-header tbody tr td {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
        align-items: center;
        width: 5%;
        text-align: right;
        padding-top: calc(16px / 2);
        padding-bottom: calc(16px / 2); }
        table.fixed-header tbody tr td:nth-child(2) {
          justify-content: flex-start;
          text-align: left; }
        table.fixed-header tbody tr td:first-child {
          width: 20px;
          flex: 0 0; }

.ppm-table table thead th {
  background-color: var(--table-head-color); }

process-definition-item-settings {
  display: block;
  flex-grow: 1; }

.ppm-layout.workflow-layout .flex-row {
  width: 100%; }
  .ppm-layout.workflow-layout .flex-row .flex-col {
    display: flex;
    flex-direction: column; }
    .ppm-layout.workflow-layout .flex-row .flex-col workflow-editor {
      display: flex;
      flex: 1; }

workflow-diagram {
  display: block;
  overflow: auto !important; }
  workflow-diagram g.workflow-flow path.workflow-flow-path,
  workflow-diagram g.workflow-flow path.workflow-flow-arrow {
    stroke: var(--text-color); }
  workflow-diagram g.workflow-flow path.workflow-flow-arrow,
  workflow-diagram g.workflow-flow text {
    fill: var(--text-color); }
  workflow-diagram g.workflow-flow text {
    font-size: 14px;
    paint-order: stroke;
    stroke: var(--ppm-card-background);
    stroke-width: 5px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    font-weight: 400; }
  workflow-diagram g.workflow-flow.workflow-flow-selected path.workflow-flow-path,
  workflow-diagram g.workflow-flow.workflow-flow-selected path.workflow-flow-arrow {
    stroke: var(--accentColor); }
  workflow-diagram g.workflow-flow.workflow-flow-selected path.workflow-flow-arrow,
  workflow-diagram g.workflow-flow.workflow-flow-selected text {
    fill: var(--accentColor); }
  workflow-diagram g.workflow-flow.workflow-flow-selected text {
    font-size: 16px;
    font-weight: 800; }
  workflow-diagram g.workflow-activity rect,
  workflow-diagram g.workflow-activity polygon,
  workflow-diagram g.workflow-activity ellipse {
    fill: #9b9b9b;
    stroke: rgba(0, 0, 0, 0.7); }
    workflow-diagram g.workflow-activity rect + ellipse,
    workflow-diagram g.workflow-activity polygon + ellipse,
    workflow-diagram g.workflow-activity ellipse + ellipse {
      fill: rgba(0, 0, 0, 0.3); }
  workflow-diagram g.workflow-activity foreignObject p {
    color: #fff;
    font-size: 15px;
    padding: 8px; }
  workflow-diagram g.workflow-activity foreignObject md-icon {
    color: var(--ppm-card-background); }
  workflow-diagram g.workflow-activity.workflow-activity-selected rect,
  workflow-diagram g.workflow-activity.workflow-activity-selected polygon,
  workflow-diagram g.workflow-activity.workflow-activity-selected ellipse {
    fill: var(--aside-color);
    stroke: var(--primaryColor); }
    workflow-diagram g.workflow-activity.workflow-activity-selected rect + ellipse,
    workflow-diagram g.workflow-activity.workflow-activity-selected polygon + ellipse,
    workflow-diagram g.workflow-activity.workflow-activity-selected ellipse + ellipse {
      fill: var(--primaryColorRgba08); }
  workflow-diagram g.workflow-activity.workflow-activity-selected foreignObject p {
    color: var(--primaryColor);
    font-weight: 600;
    font-size: 16px; }
  workflow-diagram g.workflow-activity.workflow-activity-selected foreignObject md-icon {
    color: var(--primaryColorRgba08) !important; }

.disableUI {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: var(--ui-disable);
  z-index: 9; }

.activeUI {
  position: relative;
  z-index: 10; }

.ppm-fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column; }
  .ppm-fixed:before {
    min-height: 56px; }
  @media only screen and (min-width: 600px) {
    .ppm-fixed {
      top: 16px; }
      .ppm-fixed:before {
        min-height: 64px; } }
  @media only screen and (min-width: 960px) {
    .ppm-fixed {
      left: 52px;
      top: 0; } }
  .ppm-fixed .ppm-fixed-container {
    flex: 1 1 auto;
    position: static;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding-bottom: 0; }
    .ppm-fixed .ppm-fixed-container.clear-fix {
      height: 0; }
      .ppm-fixed .ppm-fixed-container.clear-fix .ppm-fixed-panel ppm-card-content md-table-container {
        overflow: visible; }
        .ppm-fixed .ppm-fixed-container.clear-fix .ppm-fixed-panel ppm-card-content md-table-container table {
          overflow: auto; }
          .ppm-fixed .ppm-fixed-container.clear-fix .ppm-fixed-panel ppm-card-content md-table-container table thead th {
            position: sticky;
            top: 0;
            z-index: 1; }
          .ppm-fixed .ppm-fixed-container.clear-fix .ppm-fixed-panel ppm-card-content md-table-container table thead th:first-child {
            z-index: 2; }
    .ppm-fixed .ppm-fixed-container .details-alone {
      margin-top: -60px; }
      @media only screen and (min-width: 600px) {
        .ppm-fixed .ppm-fixed-container .details-alone {
          margin-top: -64px; } }
    .ppm-fixed .ppm-fixed-container > * {
      display: flex;
      flex: 1 1 auto;
      min-width: calc(50% - 8px);
      margin-right: 16px; }
      .ppm-fixed .ppm-fixed-container > *:last-child {
        margin-right: 0; }
    .ppm-fixed .ppm-fixed-container .ppm-fixed-panel {
      flex: 1 1 auto;
      overflow: hidden;
      display: flex;
      flex-direction: column; }
      .ppm-fixed .ppm-fixed-container .ppm-fixed-panel ppm-card-header {
        flex: 0 0 auto; }
      .ppm-fixed .ppm-fixed-container .ppm-fixed-panel ppm-card-content {
        overflow-y: auto;
        flex: 1 1 auto; }
        .ppm-fixed .ppm-fixed-container .ppm-fixed-panel ppm-card-content md-table-container {
          overflow-x: hidden; }
          @media only screen and (min-width: 600px) {
            .ppm-fixed .ppm-fixed-container .ppm-fixed-panel ppm-card-content md-table-container {
              overflow-x: auto; } }
      .ppm-fixed .ppm-fixed-container .ppm-fixed-panel ppm-card-bottom {
        flex: 0 0 auto; }

.thumbnail-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }
  .thumbnail-grid-item {
    width: 200px;
    padding: 8px 8px 0px 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 13px;
    margin-top: 3px;
    position: relative;
    box-shadow: 0 0 0 1px var(--primaryColorRgba04); }
    .thumbnail-grid-item.small {
      width: 100px;
      padding: 4px 4px 0px 4px; }
      .thumbnail-grid-item.small .thumbnail-grid-item-img {
        height: 50px; }
      .thumbnail-grid-item.small .thumbnail-grid-item-title {
        width: 100px; }
    .thumbnail-grid-item-img {
      width: 100%;
      height: 100px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center; }
    .thumbnail-grid-item-title {
      width: 200px;
      font-size: 10px;
      text-align: center;
      padding: calc(16px / 2);
      box-sizing: border-box; }
      .thumbnail-grid-item-title-name {
        font-size: 11px;
        margin-bottom: 8px; }
      .thumbnail-grid-item-title-data {
        display: flex;
        justify-content: space-between; }
        .thumbnail-grid-item-title-data-item {
          text-align: left;
          opacity: 0.8;
          flex: 1 1 auto;
          margin-right: 8px; }
          .thumbnail-grid-item-title-data-item:last-child {
            margin-right: 0;
            text-align: right; }
    .thumbnail-grid-item-button {
      position: absolute;
      top: 0px;
      right: 0px;
      margin: 0 !important;
      border-radius: 0 !important;
      background-color: rgba(255, 255, 255, 0.7); }

#circle-indicator .label {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.06153847;
  fill: var(--primaryColor); }
  #circle-indicator .label.in-progress {
    fill: #fff;
    text-anchor: middle;
    font-size: 9px; }

#circle-indicator .value {
  font-size: 20;
  font-weight: 400;
  letter-spacing: -0.123076938; }
  #circle-indicator .value.finished {
    fill: var(--shodann-green); }
  #circle-indicator .value.overdue {
    fill: var(--error); }
  #circle-indicator .value.in-progress {
    fill: #fff;
    text-anchor: middle; }

#circle-indicator .indicator-inner {
  fill: var(--primaryColor);
  stroke: none; }

#circle-indicator .based-layer {
  stroke: var(--shodann-green);
  stroke-width: 12; }

#circle-indicator .over-layer {
  stroke: var(--error);
  stroke-width: 12; }

.loading-progress .linear-progress {
  background: #cfdde4;
  height: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  animation: start 0.3s ease-in; }
  .loading-progress .linear-progress .bar {
    background: var(--primary500);
    transition: transform 0.2s linear;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%; }
  .loading-progress .linear-progress .bar1 {
    animation: progressLinearMovement 2.5s infinite; }
  .loading-progress .linear-progress .bar2 {
    left: -100%;
    animation: progressLinearMovement 2.5s infinite;
    animation-delay: 0.7s; }

@keyframes start {
  from {
    max-height: 0;
    opacity: 0; }
  to {
    max-height: 20px;
    opacity: 1; } }

@keyframes progressLinearMovement {
  0% {
    left: -100%; }
  50% {
    left: 100%; }
  100% {
    left: 100%; } }

.project-help {
  position: sticky;
  top: 145px;
  height: calc(100vh - 168px); }

.user-search-element {
  display: flex;
  align-items: center;
  padding: calc(16px / 4) 0;
  line-height: 1;
  margin-left: -10px; }
  .user-search-element .content {
    margin-left: calc(16px / 2); }
    .user-search-element .content.second-line {
      opacity: 0.7; }

.user-avatar {
  padding-left: 10px;
  padding-right: 10px; }

.total {
  font-size: 16px; }
  .total-label {
    opacity: 0.5;
    margin-right: 16px; }
  .total-value {
    color: var(--accentColor); }
    .total-value-second {
      opacity: 0.5; }

.bold {
  font-weight: bold; }

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

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

.full-width {
  width: 100%; }

.full-height {
  height: 100% !important; }

.md-calendar {
  background: var(--calendar-background-body) !important;
  color: var(--calendar-background-color) !important; }

.md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: var(--calendar-triangle-color) !important; }

md-input-container .md-input {
  border-color: var(--calendar-underline-color); }

md-input-container:not(.md-input-invalid).md-input-focused md-icon {
  color: var(--primaryColor) !important; }

.md-datepicker-input-container {
  background-color: transparent !important; }

.md-datepicker-input-mask-opaque {
  box-shadow: none !important; }

md-calendar .md-calendar-day-header {
  background: var(--calendar-background-header) !important;
  color: var(--calendar-background-color) !important; }

md-calendar .md-calendar-date-selection-indicator:hover {
  background: var(--calendar-background-header) !important; }

md-calendar .md-calendar-date.md-focus .md-calendar-date-selection-indicator {
  background: var(--primaryColor) !important;
  color: var(--calendar-background-color-selected) !important; }

md-calendar md-icon {
  color: var(--text-color); }

md-calendar .md-calendar-date-disabled {
  color: var(--calendar-background-body-color) !important; }

md-calendar .md-calendar-month-label-disabled {
  color: var(--calendar-background-body-color) !important; }

label.md-required:after {
  color: var(--md-required-field-after) !important; }

md-input-container .md-input {
  color: var(--text-color) !important; }

md-input-container label {
  color: var(--text-color) !important; }

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: var(--primaryColor) !important; }

.md-datepicker-calendar {
  background: var(--calendar-background-header) !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .md-datepicker-calendar-pane {
    border-color: transparent !important;
    box-shadow: none !important; }

md-dialog.fullsize {
  width: 90vw !important;
  min-width: 90vw !important;
  max-width: 90vw !important;
  height: 90vh !important;
  min-height: 90vh !important;
  max-height: 90vh !important; }

md-dialog.full-width {
  width: 90vw !important;
  min-width: 90vw !important;
  max-width: 90vw !important; }

.md-input[disabled] {
  color: var(--disabled-input-text) !important; }

md-dialog-actions.modal-buttons {
  color: var(--primaryColor); }

.md-autocomplete-suggestions-container {
  background-color: var(--ppm-card-background) !important; }

span.md-select-icon {
  color: var(--text-color) !important; }

md-select:not([disabled]):focus .md-select-value {
  border-bottom-color: var(--primaryColor) !important;
  color: var(--text-color) !important; }

md-select:not([disabled]) .md-select-value {
  color: var(--text-color) !important; }

.test-button-cancel.md-button.ng-binding.md-ink-ripple {
  color: var(--primaryColor); }

.test-button-save.md-button.ng-binding.md-ink-ripple {
  color: var(--primaryColor); }

.md-button.md-icon-button md-icon {
  color: var(--primaryColor); }

.date-picker-full-width._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 34px;
  right: 0; }

.date-picker-full-width md-datepicker {
  display: inline-block;
  padding: 0;
  width: 100%;
  padding-left: 2px;
  padding-right: 2px; }
  .date-picker-full-width md-datepicker .md-datepicker-button {
    margin-left: -12px; }
  .date-picker-full-width md-datepicker .md-datepicker-input-container {
    display: flex; }
    .date-picker-full-width md-datepicker .md-datepicker-input-container .md-datepicker-input {
      max-width: 100%;
      min-width: 100%; }
    .date-picker-full-width md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button {
      right: 8px; }

.date-picker-full-width .md-input-messages-animation .md-input-message-animation {
  margin-left: 34px; }

.label {
  font-size: 12px;
  color: var(--label-text-color-rgba-06);
  margin-bottom: calc(16px / 2);
  margin-top: calc(16px / 4); }
  .label.dense {
    margin-bottom: calc(16px / 8); }
  .label.padded-top {
    padding-top: 16px; }

md-dialog-content .dialog-content-container {
  padding: 16px; }
  md-dialog-content .dialog-content-container .dialog-card-content {
    padding: 0 16px; }

.table-buttons-row .table-buttons-cell {
  position: relative; }
  .table-buttons-row .table-buttons-cell .table-buttons {
    position: absolute;
    right: 0;
    top: 4px;
    display: flex;
    opacity: 0;
    transition: opacity 100ms ease-in; }
    .table-buttons-row .table-buttons-cell .table-buttons-no-hover {
      opacity: 1; }

.table-buttons-row:hover .table-buttons {
  opacity: 1;
  transition: opacity 100ms ease-in; }

.inactive-table-row {
  background-color: rgba(0, 0, 0, 0.05); }

.empty-table-blurred {
  filter: blur(2px);
  cursor: default !important;
  animation: fadein 0.5s; }

.empty-table-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%); }
  .empty-table-container-modal {
    height: auto; }
  .empty-table-container .empty-table-content {
    display: flex;
    justify-content: center; }
    .empty-table-container .empty-table-content .empty-table-icon i {
      font-size: 6vh;
      color: var(--primaryColor); }
    .empty-table-container .empty-table-content .empty-table-main-text {
      font-size: 4vh; }
    .empty-table-container .empty-table-content .empty-table-secondary-text {
      font-size: 2vh; }

.empty-content-new {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 20px; }
  .empty-content-new i {
    font-size: 56px;
    color: var(--primaryColor); }

.header-search-input {
  display: flex; }
  .header-search-input .grayed-out {
    color: var(--text-color-rgba-05) !important; }

.empty-content {
  font-size: 20px;
  text-align: center;
  padding-bottom: 16px; }

.ppm-section-header {
  font-size: 12px;
  color: var(--text-color-rgba-06); }

.cell-error {
  color: var(--error) !important; }

.edit-table-cell {
  font-style: italic; }

.notification-menu {
  margin-right: -10px; }

.table-loading {
  height: 300px; }

.active-icon {
  color: var(--shodann-green); }

.inactive-icon {
  color: var(--divider-color); }

.success-color {
  color: var(--shodann-green) !important; }

.warning-color {
  color: var(--attention-color) !important; }

.error-color {
  color: var(--error) !important; }

.neutral-color {
  color: var(--neutral-color) !important; }

.green-check {
  color: var(--success-color) !important; }

.gray-check {
  color: var(--neutral-color) !important; }

.md-outlined {
  border: 2px solid var(--primaryColor);
  color: var(--primaryColor) !important; }

md-toast {
  position: fixed;
  min-width: 400px !important;
  z-index: 1000; }
  md-toast.toast-success .md-toast-content {
    background-color: var(--primaryColor) !important; }
  md-toast.toast-error .md-toast-content {
    background-color: var(--error) !important; }

md-tooltip {
  background-color: var(--tooltip-background) !important;
  color: var(--tooltip-color) !important; }

md-select-menu .text {
  top: 14px;
  position: absolute;
  padding-left: calc(16px / 4); }

md-select-value .text {
  top: 4px;
  position: absolute;
  padding-left: calc(16px / 4); }

md-select-menu md-content {
  background: var(--md-select-menu-option-background-color) !important; }
  md-select-menu md-content label {
    color: var(--md-select-menu-option-color) !important;
    background-color: var(--md-select-menu-option-background-color) !important; }
  md-select-menu md-content md-option {
    color: var(--md-select-menu-option-color) !important;
    background-color: var(--md-select-menu-option-background-color) !important; }
  md-select-menu md-content md-option:hover {
    background-color: var(--option-hover-background) !important; }

md-select-menu md-select-header.select-header {
  display: flex; }
  md-select-menu md-select-header.select-header * {
    flex: 1; }

.md-virtual-repeat-offsetter {
  background-color: var(--md-select-menu-option-background-color) !important; }

.md-autocomplete-suggestions-container li {
  color: var(--md-select-menu-option-color) !important; }

.md-autocomplete-suggestions-container li:hover {
  background: var(--option-hover-background) !important; }

.md-icon-button.md-20 {
  width: 36px !important;
  height: 36px !important; }
  .md-icon-button.md-20 md-icon {
    font-size: 20px;
    min-width: 20px;
    width: 20px;
    min-height: 20px;
    height: 20px; }

.table-input {
  margin-top: 0;
  margin-bottom: -18px; }
  .table-input.numeric-input input[type='number']::-webkit-outer-spin-button,
  .table-input.numeric-input input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .table-input.numeric-input input {
    text-align: right; }

.numeric-input input[type='number']::-webkit-outer-spin-button,
.numeric-input input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.ppm-modal.fullscreen {
  max-width: calc(100vw - 115px);
  max-height: calc(100vh - 135px);
  width: auto; }
  .ppm-modal.fullscreen .md-dialog-content-img {
    max-height: calc(100vh - 301px); }

.ppm-modal .md-dialog-content-img {
  display: block;
  margin: auto;
  max-width: 100%; }

.md-tab.md-active {
  background-color: var(--ppm-card-background) !important; }

.modal-tabs md-ink-bar {
  background-color: var(--primaryColor) !important; }

.modal-tabs .md-tab {
  background-color: var(--ppm-card-background); }
  .modal-tabs .md-tab.md-active {
    box-shadow: none;
    background-color: var(--ppm-card-background); }

.modal-tab-content {
  padding-top: 16px; }
  .modal-tab-content .modal-tab-content-value {
    padding-bottom: 16px; }

.modal-tab-mobile-content {
  padding: 16px; }

md-dialog .right-section {
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  md-dialog .right-section .modal-right-section-buttons {
    display: flex;
    justify-content: space-between;
    flex-direction: row; }

.modal-header md-toolbar .toolbar {
  background-color: var(--dialog-header-background) !important;
  color: var(--ppm-card-background); }

md-dialog-actions.modal-buttons {
  justify-content: space-between !important;
  padding-left: 0 !important; }

.clickable-table-row {
  cursor: pointer;
  transition: background-color 100ms ease-in; }
  .clickable-table-row:hover {
    background-color: var(--table-row-hovered-color);
    transition: background-color 100ms ease-in; }

.table-column-width-sm {
  max-width: 100px; }

.table-column-width-md {
  max-width: 150px; }

.md-table-pagination {
  color: var(--pagination-text-color);
  border-top: 1px var(--text-color-rgba-012) solid; }
  .md-table-pagination md-select:not([disabled]):focus .md-select-value {
    color: var(--primaryColor); }
  .md-table-pagination .md-select-icon {
    color: var(--pagination-text-color) !important; }
  .md-table-pagination md-icon {
    color: var(--pagination-text-color) !important; }

.flex-container {
  display: flex !important; }
  .flex-container .flex-grow {
    flex-grow: 1; }
  .flex-container.flex-center {
    justify-content: center; }
  .flex-container.flex-end {
    justify-content: flex-end !important; }
  .flex-container.flex-between {
    justify-content: space-between; }
  .flex-container.flex-direction-column {
    flex-direction: column; }

.grid-container {
  display: grid; }

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

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

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

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

.margin-top-md {
  margin-top: calc(16px / 2); }

.margin-top-sm {
  margin-top: calc(16px / 4); }

.padded-all {
  padding: 16px !important; }

.padded-all-md {
  padding: calc(16px / 2) !important; }

.padded-all-sm {
  padding: calc(16px / 4) !important; }

.padded-top {
  padding-top: 16px !important; }

.padded-top-md {
  padding-top: calc(16px / 2) !important; }

.padded-top-sm {
  padding-top: calc(16px / 4) !important; }

.padded-left {
  padding-left: 16px !important; }

.padded-left-md {
  padding-left: calc(16px / 2) !important; }

.padded-left-sm {
  padding-left: calc(16px / 4) !important; }

.padded-right {
  padding-right: 16px !important; }

.padded-right-md {
  padding-right: calc(16px / 2) !important; }

.padded-right-sm {
  padding-right: calc(16px / 4) !important; }

.padded-bottom-md {
  padding-bottom: calc(16px / 2) !important; }

.padded-bottom-none {
  padding-bottom: none !important; }

.italic {
  font-style: italic; }

.strikethrough {
  text-decoration: line-through; }

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

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

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

.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.font-md {
  font-size: 14px; }

.font-sm {
  font-size: 12px; }

.disabled {
  color: var(--button-disabled-color) !important; }

.cursor-pointer {
  cursor: pointer; }

.dense {
  margin: 0 !important; }

.sub-header {
  font-size: 14px; }

ppm-subheader-search-control md-icon,
ppm-subheader-filter-control md-icon {
  color: var(--subheader-search-control-color) !important; }

.md-numeric {
  white-space: nowrap; }

.icon-label-select-option {
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 16px;
  align-items: center; }

.checkbox-list-wrap {
  max-height: 196px;
  overflow-y: auto; }

.attachment-control-buttons {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  z-index: 2; }
  .attachment-control-buttons .md-icon-button {
    margin: 0; }
  .attachment-control-buttons md-icon {
    color: var(--ppm-card-background); }
  @media only screen and (max-width: 600px) {
    .attachment-control-buttons {
      position: fixed;
      bottom: 20px; } }
  .attachment-control-buttons .divider {
    border-right-color: rgba(255, 255, 255, 0.2) !important; }

.modal-fixed {
  position: fixed !important; }

.mobile-add-button {
  bottom: calc(16px / 2) !important; }

.centered-container {
  display: grid;
  justify-content: center;
  align-content: center; }

.user-table-cell {
  display: grid;
  grid-template-columns: 28px auto;
  grid-gap: calc(16px / 2);
  align-items: center; }

.value-with-icon {
  display: inline-flex;
  align-items: center; }
  .value-with-icon md-icon {
    cursor: default; }

.task-type-icon-with-name-container {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  overflow: hidden; }
  .task-type-icon-with-name-container .task-type-container {
    margin-bottom: calc(16px / 4);
    padding-right: calc(16px / 4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .task-type-icon-with-name-container .task-type-container .task-type-icon {
      margin-top: 0 !important;
      padding: calc(16px / 8);
      border-radius: 5px;
      width: auto;
      height: auto; }
      .task-type-icon-with-name-container .task-type-container .task-type-icon md-icon {
        padding-left: calc(16px / 8);
        padding-right: calc(16px / 8);
        margin-right: 0 !important; }
      .task-type-icon-with-name-container .task-type-container .task-type-icon span {
        color: var(--ppm-card-background);
        font-size: 12px;
        padding-right: calc(16px / 4); }

.task-type-icon {
  border-radius: 50%;
  display: flex; }
  .task-type-icon.task-type-icon-xs {
    padding-left: 1px;
    width: 15px;
    height: 15px; }
    .task-type-icon.task-type-icon-xs md-icon {
      font-size: 10px;
      min-height: 10px;
      min-width: 10px;
      height: 10px;
      width: 10px; }
  .task-type-icon.task-type-icon-sm {
    width: 20px;
    height: 20px; }
    .task-type-icon.task-type-icon-sm md-icon {
      font-size: 12px;
      min-height: 12px;
      min-width: 12px;
      height: 12px;
      width: 12px; }
  .task-type-icon.task-type-icon-md {
    width: 36px;
    height: 36px; }
    .task-type-icon.task-type-icon-md md-icon {
      font-size: 20px;
      min-height: 20px;
      min-width: 20px;
      height: 20px;
      width: 20px; }
  .task-type-icon.task-type-icon-square {
    border-radius: 5px; }
  .task-type-icon md-icon {
    color: var(--ppm-card-background) !important; }

.task-autocomplete-template li {
  height: auto;
  line-height: normal; }
  .task-autocomplete-template li .task-item-template-without-type {
    display: grid;
    grid-template-rows: repeat(2, 24px);
    height: 48px !important; }
    .task-autocomplete-template li .task-item-template-without-type.not-found {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .task-autocomplete-template li .task-item-template-with-type {
    display: grid;
    grid-template-rows: repeat(3, 24px);
    height: 72px !important; }
    .task-autocomplete-template li .task-item-template-with-type.not-found {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .task-autocomplete-template li .line {
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .task-autocomplete-template li .second-line {
    color: var(--text-color-rgba-05);
    font-size: 12px; }
  .task-autocomplete-template li .third-line {
    display: flex;
    align-items: center;
    color: var(--text-color-rgba-05);
    font-size: 12px; }

.user-column {
  display: grid;
  grid-template-columns: 32px auto;
  gap: calc(16px / 2);
  align-items: center; }

.project-category-container {
  color: var(--ppm-card-background);
  background-color: var(--financial-tracking-blue);
  font-size: 12px;
  padding: 0 5px 0 8px;
  border-radius: 8px 2px 2px 8px;
  width: fit-content; }

.md-button.md-raised:not([disabled]).switcher-button {
  box-shadow: none !important;
  min-height: 26px;
  max-height: 26px;
  line-height: 10px;
  margin: 0; }
  .md-button.md-raised:not([disabled]).switcher-button:not(.md-primary) {
    background-color: transparent; }

ppm-text-input md-input-container div.hint {
  /* Position the hint */
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 7px;
  /* Copy styles from ng-messages */
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  /* Set our own color */
  color: rgba(0, 0, 0, 0.54); }
  ppm-text-input md-input-container div.hint.ng-hide, ppm-text-input md-input-container div.hint.ng-enter, ppm-text-input md-input-container div.hint.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0; }
  ppm-text-input md-input-container div.hint.ng-leave, ppm-text-input md-input-container div.hint.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1; }

user-search-multiple .users-container {
  display: flex;
  flex-wrap: wrap; }

user-chip .user-chip {
  display: grid;
  grid-template-columns: 32px auto 18px;
  grid-gap: calc(16px / 2);
  padding-right: calc(16px / 2);
  margin-right: calc(16px / 2);
  margin-bottom: calc(16px / 2);
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  cursor: pointer;
  background-color: var(--chip-background-color-rgba-012);
  transition: background-color 100ms ease-in; }
  user-chip .user-chip.read-only {
    grid-template-columns: 32px auto;
    cursor: auto; }
    user-chip .user-chip.read-only:hover {
      background-color: var(--chip-background-color-rgba-012); }
  user-chip .user-chip:hover {
    background-color: var(--chip-background-color-rgba-02);
    transition: background-color 100ms ease-in; }
  user-chip .user-chip .user-chip-avatar {
    height: 32px; }
  user-chip .user-chip .user-chip-text {
    display: grid;
    grid-template-rows: repeat(2, 14px);
    align-content: center;
    padding: 0 2px;
    white-space: nowrap; }
    user-chip .user-chip .user-chip-text .user-chip-name {
      display: flex;
      align-items: center;
      font-size: 12px;
      color: var(--primaryColor); }
    user-chip .user-chip .user-chip-text .user-chip-position {
      display: flex;
      align-items: center;
      font-size: 10px;
      color: var(--chip-color); }
  user-chip .user-chip md-icon {
    height: 18px;
    width: 18px;
    min-height: 18px;
    min-width: 18px;
    font-size: 18px !important; }

.announcement {
  color: #00911b;
  font-size: 18px;
  text-align: center; }

md-autocomplete.autocomplete-dense md-autocomplete-wrap {
  box-shadow: none; }
  md-autocomplete.autocomplete-dense md-autocomplete-wrap input {
    padding: 0;
    font-size: 13px; }

::placeholder {
  color: var(--button-disabled-color); }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fix-ios {
  z-index: unset; }
  .fix-ios md-dialog {
    z-index: 80; }

.zero-height {
  height: 0; }

text-angular .ta-toolbar:not(.focussed) {
  display: block;
  opacity: 0;
  height: 22px; }

md-autocomplete.no-float > md-autocomplete-wrap > md-input-container {
  margin: 0; }
  md-autocomplete.no-float > md-autocomplete-wrap > md-input-container > label {
    -webkit-transform: translate3d(1px, 28px, 0) scale(1) !important;
    transform: translate3d(1px, 28px, 0) scale(1) !important;
    color: rvar(--button-disabled-color); }
  md-autocomplete.no-float > md-autocomplete-wrap > md-input-container.md-input-has-value > label {
    display: none !important; }

md-autocomplete.no-float > md-autocomplete-wrap > md-progress-linear {
  margin-bottom: -18px !important; }

@media only screen and (max-width: 960px) {
  label,
  span,
  ppm-card-header-title,
  thead,
  tbody,
  tr,
  td,
  md-cell,
  md-table-container,
  md-list,
  button,
  .value,
  .label,
  ppm-card,
  ppm-card-content,
  .ppm-layout-message-panel,
  .ppm-layour-header-action,
  .ppm-layout-header-title,
  .ppm-layout-contentarea,
  .md-body-1,
  .md-char-counterm,
  .md-caption,
  .md-button,
  img,
  .md-title,
  .md-toolbar-menu-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    user-select: none; } }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  user-select: none; }

::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2px; }

::-webkit-scrollbar-thumb:hover {
  background: #555; }

.indicator.export-warning {
  background-color: var(--attention-color) !important; }

.indicator.export-error {
  background-color: var(--error) !important; }

.user-menu-content {
  max-height: 90vh; }

.ppm-pa-none {
  padding: 0 !important; }

.ppm-pa-xs {
  padding: calc(16px / 4) !important; }

.ppm-pa-sm {
  padding: calc(16px / 2) !important; }

.ppm-pa-md {
  padding: 16px !important; }

.ppm-pa-lg {
  padding: 24px !important; }

.ppm-pa-xl {
  padding: 32px !important; }

.ppm-px-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.ppm-px-xs {
  padding-left: calc(16px / 4) !important;
  padding-right: calc(16px / 4) !important; }

.ppm-px-sm {
  padding-left: calc(16px / 2) !important;
  padding-right: calc(16px / 2) !important; }

.ppm-px-md {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.ppm-px-lg {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.ppm-px-xl {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.ppm-py-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.ppm-py-xs {
  padding-top: calc(16px / 4) !important;
  padding-bottom: calc(16px / 4) !important; }

.ppm-py-sm {
  padding-top: calc(16px / 2) !important;
  padding-bottom: calc(16px / 2) !important; }

.ppm-py-md {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.ppm-py-lg {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.ppm-py-xl {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.ppm-pt-none {
  padding-top: 0 !important; }

.ppm-pt-xs {
  padding-top: calc(16px / 4) !important; }

.ppm-pt-sm {
  padding-top: calc(16px / 2) !important; }

.ppm-pt-md {
  padding-top: 16px !important; }

.ppm-pt-lg {
  padding-top: 24px !important; }

.ppm-pt-xl {
  padding-top: 32px !important; }

.ppm-pb-none {
  padding-bottom: 0 !important; }

.ppm-pb-xs {
  padding-bottom: calc(16px / 4) !important; }

.ppm-pb-sm {
  padding-bottom: calc(16px / 2) !important; }

.ppm-pb-md {
  padding-bottom: 16px !important; }

.ppm-pb-lg {
  padding-bottom: 24px !important; }

.ppm-pb-xl {
  padding-bottom: 32px !important; }

.ppm-pl-none {
  padding-left: 0 !important; }

.ppm-pl-xs {
  padding-left: calc(16px / 4) !important; }

.ppm-pl-sm {
  padding-left: calc(16px / 2) !important; }

.ppm-pl-md {
  padding-left: 16px !important; }

.ppm-pl-lg {
  padding-left: 24px !important; }

.ppm-pl-xl {
  padding-left: 32px !important; }

.ppm-pr-none {
  padding-right: 0 !important; }

.ppm-pr-xs {
  padding-right: calc(16px / 4) !important; }

.ppm-pr-sm {
  padding-right: calc(16px / 2) !important; }

.ppm-pr-md {
  padding-right: 16px !important; }

.ppm-pr-lg {
  padding-right: 24px !important; }

.ppm-pr-xl {
  padding-right: 32px !important; }

.ppm-ma-none {
  margin: 0 !important; }

.ppm-ma-auto {
  margin: auto !important; }

.ppm-ma-xs {
  margin: calc(16px / 4) !important; }

.ppm-ma-sm {
  margin: calc(16px / 2) !important; }

.ppm-ma-md {
  margin: 16px !important; }

.ppm-ma-lg {
  margin: 24px !important; }

.ppm-ma-xl {
  margin: 32px !important; }

.ppm-mx-none {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.ppm-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.ppm-mx-xs {
  margin-left: calc(16px / 4) !important;
  margin-right: calc(16px / 4) !important; }

.ppm-mx-sm {
  margin-left: calc(16px / 2) !important;
  margin-right: calc(16px / 2) !important; }

.ppm-mx-md {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.ppm-mx-lg {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.ppm-mx-xl {
  margin-left: 32px !important;
  margin-right: 32px !important; }

.ppm-my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.ppm-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.ppm-my-xs {
  margin-top: calc(16px / 4) !important;
  margin-bottom: calc(16px / 4) !important; }

.ppm-my-sm {
  margin-top: calc(16px / 2) !important;
  margin-bottom: calc(16px / 2) !important; }

.ppm-my-md {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.ppm-my-lg {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.ppm-my-xl {
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.ppm-mt-none {
  margin-top: 0 !important; }

.ppm-mt-auto {
  margin-top: auto !important; }

.ppm-mt-xs {
  margin-top: calc(16px / 4) !important; }

.ppm-mt-sm {
  margin-top: calc(16px / 2) !important; }

.ppm-mt-md {
  margin-top: 16px !important; }

.ppm-mt-lg {
  margin-top: 24px !important; }

.ppm-mt-xl {
  margin-top: 32px !important; }

.ppm-mb-none {
  margin-bottom: 0 !important; }

.ppm-mb-auto {
  margin-bottom: auto !important; }

.ppm-mb-xs {
  margin-bottom: calc(16px / 4) !important; }

.ppm-mb-sm {
  margin-bottom: calc(16px / 2) !important; }

.ppm-mb-md {
  margin-bottom: 16px !important; }

.ppm-mb-lg {
  margin-bottom: 24px !important; }

.ppm-mb-xl {
  margin-bottom: 32px !important; }

.ppm-ml-none {
  margin-left: 0 !important; }

.ppm-ml-auto {
  margin-left: auto !important; }

.ppm-ml-xs {
  margin-left: calc(16px / 4) !important; }

.ppm-ml-sm {
  margin-left: calc(16px / 2) !important; }

.ppm-ml-md {
  margin-left: 16px !important; }

.ppm-ml-lg {
  margin-left: 24px !important; }

.ppm-ml-xl {
  margin-left: 32px !important; }

.ppm-mr-none {
  margin-right: 0 !important; }

.ppm-mr-auto {
  margin-right: auto !important; }

.ppm-mr-xs {
  margin-right: calc(16px / 4) !important; }

.ppm-mr-sm {
  margin-right: calc(16px / 2) !important; }

.ppm-mr-md {
  margin-right: 16px !important; }

.ppm-mr-lg {
  margin-right: 24px !important; }

.ppm-mr-xl {
  margin-right: 32px !important; }

.ppm-w-100 {
  width: 100% !important; }

.ppm-h-100 {
  height: 100% !important; }

.ppm-o-hidden {
  overflow: hidden !important; }

.ppm-o-auto {
  overflow: auto !important; }

.ppm-ta-e {
  text-align: end !important; }

.ppm-d-g {
  display: grid !important; }

.ppm-d-f {
  display: flex !important; }

.ppm-p-r {
  position: relative !important; }

.ppm-fs-10 {
  font-size: 10px; }

.ppm-fs-12 {
  font-size: 12px; }

.ppm-fs-14 {
  font-size: 14px; }

.ppm-fs-16 {
  font-size: 16px; }

.ppm-c-p {
  cursor: pointer; }

.upload-file-drag-over {
  border: dotted 3px lightgray; }
  .upload-file-drag-over label-drag-over {
    display: block; }
  .upload-file-drag-over .upload-file-drag-drop-info {
    text-align: center;
    margin: 25px;
    color: lightgray;
    font-size: 30px;
    display: block; }

.upload-file-drag-drop-info {
  display: none; }

table.md-table th.md-column.md-active md-icon.md-sort-icon,
table.md-table th.md-column:hover md-icon.md-sort-icon {
  color: var(--text-color); }

md-select[disabled] .md-select-value {
  color: var(--text-color-rgba-04) !important;
  background-image: linear-gradient(90deg, var(--text-color-rgba-04), 0, var(--text-color-rgba-04), 33%, transparent 0); }

md-select:not([disabled]) .md-select-value {
  border-bottom-color: var(--text-color-rgba-03); }

md-input-container:not(.md-input-focused):not(.md-input-invalid)
md-select[disabled]
.md-select-value
span:first-child:after {
  color: var(--text-color-rgba-04) !important; }

md-input-container:not(.md-input-focused):not(.md-input-invalid) md-select .md-select-value span:first-child:after {
  color: var(--text-color) !important; }

.maintenance-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffc107;
  color: black;
  height: 15px;
  z-index: 20;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #ffa000;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.28s ease, opacity 0.28s ease; }
  .maintenance-banner.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto; }
  .maintenance-banner .maintenance-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%); }
  .maintenance-banner .maintenance-track {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%); }
  .maintenance-banner .maintenance-track-inner {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    padding-left: 100%;
    animation: marquee-one 15s linear infinite; }
  .maintenance-banner .maintenance-chunk {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap; }
  .maintenance-banner .maintenance-icon {
    margin: 0 6px;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle; }

@keyframes marquee-one {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

.content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  min-height: 500px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--ppm-card-background) inset !important; }

input:-webkit-autofill {
  -webkit-text-fill-color: var(--text-color) !important; }

.container-login {
  width: 320px;
  z-index: 10;
  background: url("logo_on_login.svg") no-repeat center top;
  background-size: 260px auto;
  padding-top: 105px; }
  .container-login md-card-content {
    color: var(--primaryColor); }
    .container-login md-card-content md-input-container {
      margin-bottom: 0; }
      .container-login md-card-content md-input-container span {
        font-size: 12px;
        color: var(--primaryColor); }
    .container-login md-card-content form md-input-container .md-input {
      border-color: var(--calendar-underline-color);
      color: var(--text-color) !important; }
    .container-login md-card-content form md-input-container:not(.md-input-invalid).md-input-focused md-icon {
      color: var(--primaryColor) !important; }
    .container-login md-card-content form md-input-container label {
      color: var(--error) !important; }
      .container-login md-card-content form md-input-container label::after {
        color: var(--error) !important; }
    .container-login md-card-content form md-input-container:not(.md-input-invalid) label {
      color: var(--primaryColor) !important; }
      .container-login md-card-content form md-input-container:not(.md-input-invalid) label::after {
        color: var(--primaryColor) !important; }
    .container-login md-card-content form md-input-container:not(.md-input-invalid).md-input-focused .md-input {
      border-color: var(--primaryColor) !important; }
    .container-login md-card-content form md-input-container .md-input::placeholder {
      color: var(--text-color-rgba-04) !important; }
  .container-login md-card-content div p {
    color: var(--text-color); }
  .container-login .md-button:not([disabled]) {
    color: var(--login-button-color); }
  .container-login .goto-shodann {
    display: block;
    text-align: center;
    color: #76CA3C;
    text-decoration: none;
    font-size: 0.8rem;
    margin-top: 24px; }
  .container-login .login-link {
    color: var(--primaryColor);
    font-size: 13px;
    text-decoration: none; }
  .container-login md-card-title-text {
    position: relative;
    color: var(--text-color); }
  .container-login.my-account {
    margin-top: 80px; }
    .container-login.my-account span {
      color: inherit; }

.loginpage {
  position: inherit;
  height: inherit;
  background: linear-gradient(to bottom, #0c2448 0%, #0c5579 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

@keyframes start-login-z1 {
  0% {
    transform: matrix3d(0.71, -0.71, 0, 0, 0.71, 0.71, 0, 0, 0, 0, 1, 0, -2500, -2500, 0, 1);
    opacity: 0; }
  100% {
    transform: matrix3d(0.71, -0.71, 0, 0, 0.71, 0.71, 0, 0, 0, 0, 1, 0, -1400, -1400, 0, 1);
    opacity: 1; } }

@keyframes start-login-z2 {
  0% {
    transform: matrix3d(0.71, -0.71, 0, 0, 0.71, 0.71, 0, 0, 0, 0, 1, 0, -2500, -2500, 0, 1);
    opacity: 0; }
  100% {
    transform: matrix3d(0.71, -0.71, 0, 0, 0.71, 0.71, 0, 0, 0, 0, 1, 0, -1500, -1500, 0, 1);
    opacity: 1; } }

@keyframes login-appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.system-version-info {
  position: fixed;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
  color: #757575; }

.my-account {
  margin-top: 50px; }