/* Primary EY Color Palette */
/* Secondary EY Color Palette */
/* maroon */
/* red */
/* orange */
/* green */
/* teal */
/* blue */
/* purple */
/* States EY Color Palette */
/* Colors from GTP UI Guide */
/* Primary Colors */
/* Primary Grays */
/* Secondary Colors */
/* Homepage Background color */
/* Tertiary Color */
/* Disabled Color */
/* Shadow Color */
/* Border Color */
/* Fonts */
/* Font Size */
/* Breakpoints */
/* Spacing for padding and margin */
.backgroundjoblist {
  max-width: 860px;
  margin: 0 auto 2rem auto; }

.backgroundjoblist--wide {
  max-width: 1300px; }

.backgroundjoblist--margin-top {
  margin-top: 1rem; }

.backgroundjoblist__job {
  border: 1px solid #ddd;
  margin-bottom: .25rem;
  display: flex;
  align-items: stretch;
  padding: .25rem 0;
  font-size: 0.75rem; }

/*.backgroundjoblist__job:nth-child(even) {
    background-color: #f9f9f9;
}*/
.backgroundjoblist__job:hover {
  background-color: #f5f5f5; }

.backgroundjoblist__job > span {
  display: flex;
  align-items: center; }

.backgroundjoblist__job-date {
  width: 80px;
  flex: 0 0 auto;
  font-size: 0.625rem; }

.backgroundjoblist__job-description {
  flex: 1 1 auto; }

.backgroundjoblist__job-icon {
  flex: 0 0 auto;
  justify-content: center;
  width: 44px; }

.backgroundjoblist__job-retention {
  flex: 0 0 auto;
  width: 70px;
  font-size: 0.625rem;
  padding-right: .5rem; }

.tp-checkbox-selection {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .tp-checkbox-selection .checkbox-selection__checkall-row {
    width: 100%;
    flex: 0 0 auto; }
  .tp-checkbox-selection .checkbox-selection__options {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%; }
    .tp-checkbox-selection .checkbox-selection__options .checkbox-container-section {
      width: 100%;
      margin-right: 0; }
    .tp-checkbox-selection .checkbox-selection__options.c-2 .checkbox-container-section {
      width: 49%; }
    .tp-checkbox-selection .checkbox-selection__options.c-3 .checkbox-container-section {
      width: 32%; }
  .tp-checkbox-selection .checkbox-selection__summary {
    flex: 0 0 auto; }

.color-interaction-overlays {
  color: #1a1a24 !important; }

.color-confident-grey {
  color: #2e2e38 !important; }

.color-grey-1 {
  color: #747480 !important; }

.color-grey-2 {
  color: #c4c4cd !important; }

.color-grey-2a {
  color: #c4c4cd !important; }

.color-grey-3 {
  color: rgba(196, 196, 205, 0.35) !important; }

.color-grey-4 {
  color: #f6f6fa !important; }

.color-grey-5 {
  color: rgba(246, 246, 250, 0.5) !important; }

.color-white {
  color: #ffffff !important; }

.color-yellow {
  color: #ffe600 !important; }

.color-valid {
  color: #168736 !important; }

.color-invalid {
  color: #e0362c !important; }

.color-bg-interaction-overlays {
  background-color: #1a1a24 !important; }

.color-bg-confident-grey {
  background-color: #2e2e38 !important; }

.color-bg-grey-1 {
  background-color: #747480 !important; }

.color-bg-grey-2 {
  background-color: #c4c4cd !important; }

.color-bg-grey-2a {
  background-color: rgba(196, 196, 205, 0.5) !important; }

.color-bg-grey-3 {
  background-color: rgba(196, 196, 205, 0.35) !important; }

.color-bg-grey-4 {
  background-color: #f6f6fa !important; }

.color-bg-grey-5 {
  background-color: rgba(246, 246, 250, 0.5) !important; }

.color-bg-white {
  background-color: #ffffff !important; }

.color-bg-yellow {
  background-color: #ffe600 !important; }

.color-bg-valid {
  background-color: #168736 !important; }

.color-bg-invalid {
  background-color: #e0362c !important; }

.color-bg-emphasize {
  background-color: #188ce5 !important; }

.color-bg-external-tiles {
  background-color: #2672ec !important; }

.tp-datepicker__calendar {
  position: relative;
  top: .625rem;
  right: 2.375rem;
  cursor: pointer; }

.datepicker-dropdown {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  font-family: EYInterstate-Regular,"Noto Sans",Arial,sans-serif;
  font-size: 0.875rem;
  padding: 0;
  border: 0.04rem solid #2e2e38;
  border-radius: 0; }

.datepicker-dropdown__head {
  display: flex;
  align-items: center; }

.datepicker-dropdown__head > div {
  flex: 0 0 auto; }

.datepicker-dropdown__head-fill {
  flex: 1 1 auto !important; }

.datepicker-dropdown .material-icons {
  font-size: 1.25rem;
  margin: 0 5px;
  cursor: pointer; }

.datepicker-dropdown thead {
  background-color: #2e2e38;
  color: #c4c4cd; }

.datepicker-dropdown th,
.datepicker-dropdown td {
  width: 40px;
  height: 32px;
  text-align: center; }

.datepicker-dropdown .datepicker-switch {
  line-height: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0;
  padding: .5rem 0 1.5rem 0;
  width: 145px;
  text-align: center;
  cursor: pointer; }

.datepicker-dropdown .prev,
.datepicker-dropdown .next {
  padding: .5rem 0 1.5rem 0;
  font-weight: 700;
  cursor: pointer; }

.datepicker-dropdown .prev {
  margin-left: 20px; }

.datepicker-dropdown .dow {
  font-size: 0.85em;
  font-weight: 400; }

.datepicker-dropdown .cw {
  color: #c4c4cd;
  font-size: 0.6rem;
  padding: 0.25rem;
  background-color: #2e2e38;
  color: #c4c4cd;
  width: 20px; }

.datepicker-dropdown .day {
  color: #1a1a24;
  font-size: 0.75rem;
  padding: 0.25rem;
  text-align: center; }

.datepicker-dropdown .day:hover,
.datepicker-dropdown .day.active,
.datepicker-dropdown .day.active:hover,
.datepicker-dropdown .day.today:hover,
.datepicker-dropdown .month:hover,
.datepicker-dropdown .month.active,
.datepicker-dropdown .month.active:hover,
.datepicker-dropdown .year:hover,
.datepicker-dropdown .year.active,
.datepicker-dropdown .year.active:hover,
.datepicker-dropdown .decade:hover,
.datepicker-dropdown .decade.active,
.datepicker-dropdown .decade.active:hover,
.datepicker-dropdown .century:hover,
.datepicker-dropdown .century.active,
.datepicker-dropdown .century.active:hover {
  background: #2e2e38;
  color: #ffffff;
  cursor: pointer; }

.datepicker-dropdown .day.today,
.datepicker-dropdown .focused {
  background: #c4c4cd; }

.datepicker-dropdown .old,
.datepicker-dropdown .new {
  color: #c4c4cd; }

.datepicker th.today,
.datepicker th.clear {
  color: #c4c4cd;
  background: #2e2e38;
  border-radius: 0;
  font-weight: 400;
  display: none !important; }

.datepicker-dropdown th.today:hover,
.datepicker-dropdown .clear:hover {
  background-color: #2e2e38; }

.datepicker-dropdown .month,
.datepicker-dropdown .year,
.datepicker-dropdown .decade,
.datepicker-dropdown .century {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.detailview__header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem; }

.tp-js-detailview-close {
  color: #007bff !important; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url("ny/_fonts/materialicons-v50.ttf") format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  line-height: 1;
  /* was !important for some reason */ }
  .material-icons.small-1 {
    font-size: 18px; }
  .material-icons.tp-ui-disabled {
    opacity: 0.3;
    cursor: no-drop; }

.material-icons--rotate {
  animation: do360 5s infinite; }

.material-icons--blue {
  color: #35a4e8; }

.global-page-layout {
  display: flex;
  flex-direction: column;
  height: 100vH;
  margin: 0;
  padding: 0; }

.global-page-layout > div {
  flex: 0; }

.global-page-layout .page__body {
  flex: 1 1 auto; }

.layout__logo-module-nav {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  padding: 1.5rem; }

.module-nav__wrapper {
  margin-left: 1rem;
  padding: 0 1rem;
  border-left: 1px solid #fff; }

.module-nav__toggle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #fff;
  line-height: 1.3;
  font-size: 1rem; }

#tp-ui-directmessage-icon {
  margin-right: .75rem;
  position: relative;
  color: #000; }
  #tp-ui-directmessage-icon .dm__signal {
    position: absolute;
    top: 18px;
    left: 21px;
    width: 1px;
    height: 1px;
    background-color: red;
    display: none; }
  #tp-ui-directmessage-icon .dm__dot {
    width: 9px;
    height: 9px;
    background-color: red;
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 50%; }
  #tp-ui-directmessage-icon .dm__ring {
    width: 9px;
    height: 9px;
    border: 3px solid red;
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 50%; }
  #tp-ui-directmessage-icon.dm__new .dm__signal {
    display: block; }
  #tp-ui-directmessage-icon.dm__new.blink .dm__ring {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.5; }
  100% {
    -webkit-transform: scale(2, 2);
    opacity: 0.0; } }

#tp-ui-usermenu-icon {
  margin-right: .5rem; }

.user-menu {
  min-width: 400px;
  max-width: 50%; }

.user-menu__header {
  display: flex;
  align-items: center;
  padding: 1rem; }

.user-menu__user {
  flex: 1 1 auto;
  line-height: 1.5; }

.user-menu__user-name {
  font-size: 1.125rem; }

.user-menu__user-login {
  font-size: 0.875rem; }

.user-menu__out {
  flex: 0;
  color: #007bff; }
  .user-menu__out:hover {
    color: #ff4136; }

.user-menu__items {
  padding: 1rem;
  border-top: 1px solid #dee2e6; }

.user-menu__item {
  display: inline-flex;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
  padding: 0.5rem;
  margin-right: 1rem;
  border: 1px solid transparent;
  border-radius: 0px;
  color: #000;
  line-height: 1.5; }
  .user-menu__item:hover {
    border-color: #dee2e6;
    text-decoration: none;
    color: #000; }

.directmessage {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: .5rem 0; }
  .directmessage:last-child {
    border-bottom: 0; }
  .directmessage a {
    color: #212529; }

.directmessage__text {
  flex: 1 1 auto;
  padding: 0 .5rem; }

.directmessage__date {
  white-space: nowrap;
  width: 5.5rem; }

.directmessage__time {
  white-space: nowrap;
  text-align: right;
  width: 4.5rem; }

.directmessage--new .directmessage__icon-old {
  display: none; }

.directmessage--new .directmessage__text {
  font-weight: bold; }

.directmessage--old .directmessage__icon-new {
  display: none; }

.pill {
  color: #ffffff;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.125rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: inline-block;
  border-radius: 0.625rem;
  height: 1.25rem;
  min-width: 3.125rem;
  margin: 0; }

.pill.pill--approved {
  background: #168736; }

.pill.pill--failed {
  background: #b9251c; }

.pill.pill--hold {
  background: #ff9831;
  color: #2e2e38; }

.pill.pill--open {
  background: #2e2e38; }

.pill.pill--closed {
  background: #ffffff;
  color: #2e2e38;
  border: solid 0.0625rem #2e2e38; }

.pill__close .material-icons {
  font-size: .75rem;
  vertical-align: text-bottom;
  cursor: pointer; }

/*
.pill.pill--green {
    background: #2db757;
}

.pill.pill--teal {
    background: #27acaa;
}

.pill.pill--blue {
    background: #188ce5;
}

.pill.pill--purple {
    background: #3d108a;
}

.pill.pill--maroon {
    background: #750e5c;
}

.pill.pill--red {
    background: #ff4136;
}

.pill.pill--orange {
    background: #ff6d00;
}

.pill.pill--group-by {
    color: #747480;
    background: #ffffff;
}
*/
.progressbar {
  width: 100%; }

.fixedtable {
  display: flex;
  flex-direction: column; }
  .fixedtable .fixedtable__head {
    display: flex;
    flex-wrap: nowrap; }
  .fixedtable .fixedtable__body {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap; }
  .fixedtable .fixedtable__bottom {
    padding: 1rem; }
  .fixedtable .fixedtable__fixed {
    overflow: hidden;
    flex-shrink: 0; }
  .fixedtable .fixedtable__scrollcontainer {
    height: 100%;
    width: 100%;
    overflow: auto; }
  .fixedtable thead th {
    background-color: #fff;
    /* importand for fixed columns */ }
  .fixedtable.fixedtable--dark th {
    background-color: #2e2e38;
    color: #fff;
    border: 1px solid #ccc; }
  .fixedtable.fixedtable--hover-rows .fixedtable__body tr:hover th,
  .fixedtable.fixedtable--hover-rows .fixedtable__body tr:hover td {
    background-color: #c4c4cd !important; }
  .fixedtable.fixedtable--scroll-to-top .fixedtable__body {
    position: relative; }
  .fixedtable.fixedtable--scroll-to-top .fixedtable__scroll-to-top {
    position: absolute;
    right: 1.5rem;
    bottom: 2rem;
    background-color: #2e2e38;
    color: #ffffff;
    opacity: .5;
    padding: .5rem;
    display: none;
    cursor: pointer;
    border: 1px solid transparent; }
    .fixedtable.fixedtable--scroll-to-top .fixedtable__scroll-to-top.active {
      display: flex; }
    .fixedtable.fixedtable--scroll-to-top .fixedtable__scroll-to-top:hover {
      opacity: .8;
      border-color: #000; }
  .fixedtable .fixedtable__col--fixed {
    position: sticky;
    z-index: 2;
    /* .textinput-group is positioned relative and has z-index=0 and would scroll OVER the fixed column */ }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 2.188rem;
  height: 0.875rem; }

.switch.focus {
  outline: 0.0625rem solid #aaaab1;
  outline-offset: 0.275rem; }

/* The slider */
.switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(192, 192, 192, 0);
  border: 0.0625rem solid #c4c4cd;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /* Rounded sliders */ }

.switch__slider:before {
  position: absolute;
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  left: -0.125rem;
  bottom: -0.25rem;
  background-color: #c4c4cd;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.switch--round .switch__slider {
  border-radius: 2.125rem; }

.switch--round .switch__slider:before {
  border-radius: 50%; }

.switch__input {
  opacity: 0;
  width: 0;
  height: 0;
  /*-- toggle is ON --*/
  /*--END OF: toggle is is on --*/
  /*-- toggle is DISABLED --*/
  /*--END OF: toggle is DISABLED --*/ }

.switch__input:checked + .switch__slider {
  background-color: rgba(192, 192, 192, 0);
  border: 0.0625rem solid #2db757; }

.switch__input:checked + .switch__slider:before {
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
  background-color: #2db757; }

.switch__input:checked:disabled + .switch__slider {
  background-color: rgba(192, 192, 192, 0);
  border: 0.125rem solid #c4c4cd; }

.switch__input:checked:disabled + .switch__slider:before {
  background-color: #ffffff;
  border: 0.125rem solid #2db757; }

.switch__input:disabled + .switch__slider {
  background-color: rgba(192, 192, 192, 0);
  border: 0.0625rem solid #c4c4cd;
  cursor: not-allowed; }

.switch__input:disabled + .switch__slider:before {
  background-color: #ffffff;
  border: 0.125rem solid #c4c4cd; }

.switch-label {
  color: #2e2e38;
  font-family: "EYInterstate-Light", "Noto Sans", Arial, sans-serif;
  font-size: 0.75rem;
  display: inline;
  position: relative;
  left: .25rem; }

.switch-label.switch-label--disabled {
  color: #c4c4cd; }

.tp-ui-tooltipcontainer {
  display: none;
  z-index: 2000; }
  .tp-ui-tooltipcontainer.show {
    display: block;
    position: absolute;
    overflow: visible; }
  .tp-ui-tooltipcontainer .tp-ui-tooltip {
    max-width: 15rem; }

.tp-ui-tooltip {
  background-color: #2e2e38;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 0.5rem 1.5rem; }

html, body, * {
  box-sizing: border-box; }

body {
  line-height: 14px;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  overflow: hidden;
  background-color: #2e2e38;
  background-repeat: repeat-x; }

.btn {
  font-size: 0.875rem !important;
  font-family: "EYInterstate-Bold", "Noto Sans", Arial, sans-serif !important;
  line-height: 1.375rem !important;
  color: #2e2e38;
  transition: all 0.3s ease;
  border-radius: 0;
  border: 0.0625rem solid transparent;
  min-height: 35.6px;
  vertical-align: middle;
  padding-top: 0.0625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 0;
  margin: 0.3125rem 2.188rem;
  /*   buttons should not be smaller then 6.875rem */
  min-width: 6.875rem;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* fighting bootstrp in IE11  */
  /* disabled buttons start ------------------------------*/
  /* all buttons that hosts icons need more margin */ }

.btn:hover, .btn.hover, .btn:focus, .btn.focus, .btn:active, .btn.active {
  color: #ffffff;
  background-color: #2e2e38;
  border: 0.0625rem solid transparent;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn.disabled, .btn.disabled:hover, .btn.disabled.hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled.hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active {
  color: #747480;
  background-color: #eaeaf2;
  border: 0.0625rem solid transparent;
  /* all buttons need to have a transparent border to prevent bouncing and support in IE11*/
  opacity: 1;
  cursor: not-allowed; }

.btn i {
  margin: 0 0.5rem 0 0; }

.btn .material-icons {
  font-size: 16px;
  vertical-align: bottom;
  line-height: inherit; }

.btn--icon-only {
  height: auto;
  width: auto;
  min-width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent; }

/* button primary start --------------------------------------- */
.btn--primary {
  color: #2e2e38;
  background-color: #ffe600; }

.btn--primary:hover:not(:disabled):not(.disabled),
.btn--primary:active:not(:disabled):not(.disabled),
.btn--primary:focus:not(:disabled):not(.disabled) {
  color: #fff;
  background-color: #2e2e38;
  border: 1px solid #d3d3d3; }

/* button primary (dark option) start ------------------------- */
.btn--primary-dark,
.btn--secondary-dark {
  color: #ffffff;
  background-color: #2e2e38;
  border: 1px solid #d3d3d3; }

.btn--primary-dark:hover:not(:disabled):not(.disabled),
.btn--primary-dark.hover:not(:disabled):not(.disabled),
.btn--primary-dark:focus:not(:disabled):not(.disabled),
.btn--primary-dark.focus:not(:disabled):not(.disabled),
.btn--primary-dark:active:not(:disabled):not(.disabled),
.btn--primary-dark.active:not(:disabled):not(.disabled) {
  color: #2e2e38;
  background-color: #ffe600; }

.btn--secondary-dark:hover:not(:disabled):not(.disabled),
.btn--secondary-dark.hover:not(:disabled):not(.disabled),
.btn--secondary-dark:focus:not(:disabled):not(.disabled),
.btn--secondary-dark.focus:not(:disabled):not(.disabled),
.btn--secondary-dark:active:not(:disabled):not(.disabled),
.btn--secondary-dark.active:not(:disabled):not(.disabled) {
  border-color: #d3d3d3; }

/* Bugfix for a known jQuery-UI-issue: With overwriting the position style, modal dialogs will not create scrollbars anymore */
/* Todo: check if this is still necessary for version 1.9.2 */
.ui-widget-overlay {
  position: fixed !important;
  background-color: #000;
  opacity: 0.5; }

div.ui-progressbar .ui-progressbar-value {
  margin-top: auto;
  margin-bottom: auto; }

/*#page { width: 1260px; border: 1px solid red;}*/
h1, .h1 {
  font-size: 32px;
  line-height: 32px; }

h2, .h2, #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-title, #todolist .todolist__title {
  font-size: 30px;
  line-height: 30px; }

h3, .tp-ui-content div.use-fixedtable .ft-subheading, .h3 {
  font-size: 24px;
  line-height: 24px; }

h4, .ui-dialog div.use-fixedtable .ft-subheading, .h4, #todolist .todolist__user-header {
  font-size: 20px;
  line-height: 20px; }

h5, .h5 {
  font-size: 16px;
  line-height: 16px; }

fieldset {
  border: 1px solid #ddd;
  padding: 20px 10px 5px 10px;
  margin: 10px 0; }
  fieldset.compact {
    padding-top: 10px; }
  fieldset legend {
    font-size: 1.2em;
    font-weight: bold; }

.ui-dialog-title {
  line-height: 18px;
  font-family: "Noto Sans",Arial,sans-serif;
  color: #2e2e38;
  font-size: 1.35rem;
  margin: 0;
  font-weight: 500;
  margin-top: 10px !important;
  height: 30px; }

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

[data-action], [data-action-download] {
  cursor: pointer; }

p {
  line-height: 1.35; }

ul {
  list-style-type: disc;
  list-style-position: inside; }
  ul li {
    margin: 5px 0 0 15px; }

.tp-ui-vertical-center {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.tp-ui-bg-white {
  background-color: #fff; }

.tp-ui-bg-c0c0c0 {
  background-color: #c0c0c0; }

.tp-ui-bg-f0f0f0 {
  background-color: #f0f0f0; }

.tp-ui-bg-f5f5f5 {
  background-color: #f5f5f5; }

.tp-ui-bg-orange {
  background-color: #ffb46a; }

/* EY Color Pallete: Orange 01 */
.tp-ui-bg-green {
  background-color: #5cb85c; }

.tp-ui-bg-red {
  background-color: #d9534f; }

.tp-ui-bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.3); }

.tp-ui-float-left {
  float: left; }

.tp-ui-float-right {
  float: right; }

.tp-ui-clear-both {
  clear: both; }

.tp-ui-vertical-middle * {
  vertical-align: middle; }

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

.tp-ui-text-white {
  color: #fff; }

.tp-ui-text-gray {
  color: #c0c0c0; }

.tp-ui-text-c4c4c4 {
  color: #c4c4c4; }

.tp-ui-text-888 {
  color: #888; }

/* nice color for disabled elements with gray background */
.tp-ui-text-red {
  color: red; }

.tp-ui-text-darkred {
  color: #cc0000; }

/* faint red for invalid balance structure positions */
.tp-ui-text-italic {
  font-style: italic; }

.tp-ui-text-underline {
  text-decoration: underline; }

.tp-ui-text-line-through {
  text-decoration: line-through; }

.tp-ui-text-small {
  font-size: 11px; }

.tp-ui-text-fade-bottom {
  position: relative; }
  .tp-ui-text-fade-bottom:after {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, white 20%, rgba(255, 255, 255, 0) 80%);
    pointer-events: none; }

.tp-ui-cursor-pointer, #tp-ui-admin-nav .tp-ui-nav-top-level, #tp-ui-admin-nav .tp-ui-nav-node, #tp-ui-app-nav .tp-ui-app-nav-groups .header, table thead .tp-ui-order-by, #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile, #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-icon {
  cursor: pointer; }

.tp-ui-border-radius {
  border-radius: 4px; }

.tp-ui-align-left {
  text-align: left !important; }

.tp-ui-align-center, .textAlignCenter {
    text-align: center !important;
    margin-top: 20px;
}

.tp-ui-align-right, .textAlignRight {
  text-align: right !important; }

.tp-ui-valign-top {
  vertical-align: top; }

.tp-ui-valign-middle {
  vertical-align: middle; }

.tp-ui-nowrap {
  white-space: nowrap; }

.tp-ui-wrap {
  white-space: normal !important; }

.tp-ui-pre {
  white-space: pre; }

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

.tp-ui-display-table {
  display: table; }

.tp-ui-display-table-row {
  display: table-row; }

.tp-ui-display-table-cell {
  display: table-cell; }

.tp-ui-display-inline-block {
  display: inline-block; }

.tp-ui-position-relative {
  position: relative; }

.tp-ui-position-absolute {
  position: absolute; }

.tp-ui-disabled {
  color: #c0c0c0;
  pointer-events: none;
  cursor: default; }

.tp-ui-highlight, .tp-ui-highlight-hover:hover:not(.disabled), .tp-ui-highlight-hover.active, #tp-ui-admin-content tr.tp-ui-highlight.tp-ui-highlight:hover, .tp-ui-admin-table tr.tp-ui-highlight.tp-ui-highlight:hover, .ui-dialog-content tr.tp-ui-highlight.tp-ui-highlight:hover {
  background-color: #fff27f !important; }

.tp-ui-opacity-6 {
  opacity: 0.6; }

.tp-js-resize-height {
  overflow: auto; }

.tp-js-resize-relative-height {
  margin-bottom: 14px; }

/* line-height */
.tp-ui-excel-export-only {
  display: none; }

.tp-ui-label-for, .tp-js-checkbox .tp-js-checkbox-off, #tp-ui-admin-content .tp-ui-admin-table-filter label,
.tp-ui-admin-table .tp-ui-admin-table-filter label,
.ui-dialog-content .tp-ui-admin-table-filter label {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 0px;
  margin-right: -5px;
  color: #2e2e38;
  display: table-cell;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  vertical-align: middle; }
  .tp-ui-label-for .tp-ui-hover-highlight:hover, .tp-js-checkbox .tp-js-checkbox-off .tp-ui-hover-highlight:hover, #tp-ui-admin-content .tp-ui-admin-table-filter label .tp-ui-hover-highlight:hover, .tp-ui-admin-table .tp-ui-admin-table-filter label .tp-ui-hover-highlight:hover, .ui-dialog-content .tp-ui-admin-table-filter label .tp-ui-hover-highlight:hover {
    background-color: #ffe600; }

img[data-collapsible-rowgroup] {
  cursor: pointer; }

.tp-ui-badge {
  background-color: #ffe600;
  color: #2e2e38;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 1px 4px;
  position: relative;
  left: -15px;
  top: -9px;
  font-size: 11px;
  margin-right: -15px; }

/* Use multiple classes to increase specificity of this selector. see #6302 and tp.validation.js */
.input-validation-error.incr.css.specificity {
  border: 1px solid #ff0000 !important;
  background-color: #ffeeee !important; }

/* Number formatting */
span.numeric, input.numeric {
  display: inline-block;
  width: 100%;
  line-height: 18px;
  text-align: right; }

input.numeric {
  border: 1px solid #ddd;
  background-color: #eee; }

.listViewTemplate, .tp-js-listViewTemplate {
  display: none; }

.ui-dialog {
  padding: 0 !important;
  box-shadow: 0 0 0.6875rem 0.5rem rgba(0, 0, 0, 0.38); }
  .ui-dialog .ui-dialog-titlebar {
    border: 0;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 1px solid #ddd;
    padding: 12px;
    background-color: white;
    height: 60px; }
    .ui-dialog .ui-dialog-titlebar button.ui-button.ui-dialog-titlebar-close {
      background-color: transparent;
      border: 0;
      margin-right: 14px; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
      border: 0; }

input.greenFlag,
span.greenFlag {
  background-image: url("../images/comments/greenFlag.png");
  background-repeat: no-repeat;
  background-position: top left; }

.tp-ui-darker-bg {
  background-color: #f9f9f9; }

.tp-ui-word-wrap-break-word {
  word-wrap: break-word; }

.tp-ui-word-break-break-all {
  word-break: break-all; }

.tp-ui-spacer {
  margin-bottom: 10px; }

.tp-ui-flex-container {
  display: flex; }

.tp-ui-flex-expand {
  flex-grow: 1; }

.tp-ui-flex-expand-less {
  flex-grow: 0.5; }

.tp-ui-align-items-center {
  display: flex;
  flex-direction: column;
  align-items: center; }

.tp-ui-align-items-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.tp-ui-align-items-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.tp-ui-align-items-middle {
  display: flex;
  align-items: center; }

.tp-ui-align-items-top {
  display: flex;
  align-items: flex-start; }

.tp-ui-align-items-bottom {
  display: flex;
  align-items: flex-end; }

.tp-ui-align-items-both {
  display: flex;
  align-items: center;
  justify-content: center; }

.tp-ui-justify {
  display: flex;
  justify-content: space-between; }

.tp-ui-justify-around {
  display: flex;
  justify-content: space-around; }

.tp-ui-justify-left {
  display: flex;
  justify-content: flex-start; }

.tp-ui-justify-center {
  display: flex;
  justify-content: center; }

.tp-ui-justify-right {
  display: flex;
  justify-content: flex-end; }

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("_fonts/noto-sans-regular.eot") format("embedded-opentype"), url("_fonts/noto-sans-regular.ttf") format("truetype"), url("_fonts/noto-sans-regular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("_fonts/noto-sans-bold.eot") format("embedded-opentype"), url("_fonts/noto-sans-bold.ttf") format("truetype"), url("_fonts/noto-sans-bold.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("_fonts/noto-sans-italic.eot") format("embedded-opentype"), url("_fonts/noto-sans-italic.ttf") format("truetype"), url("_fonts/noto-sans-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("_fonts/noto-sans-bold-italic.eot") format("embedded-opentype"), url("_fonts/noto-sans-bold-italic.ttf") format("truetype"), url("_fonts/noto-sans-bold-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.ui-corner-all {
  border-radius: 0px !important; }

.ui-corner-top {
  border-radius: 0px !important; }

.border-top-left-radius {
  border-radius: 0px !important; }

select, input {
  border-radius: 0px; }

#tp-ui-admin-content #instancetable th {
  text-align: left !important; }

ul.ui-tabs-nav li {
  background-color: transparent !important;
  border-width: 0 !important;
  min-height: 37px;
  margin: 1px 0px 1px 0px !important; }
  ul.ui-tabs-nav li a {
    font-family: "Noto Sans",Arial,sans-serif;
    color: #2e2e38 !important;
    outline: none; }
  ul.ui-tabs-nav li.ui-tabs-active, ul.ui-tabs-nav li:hover {
    border-width: 0 0 3px 0 !important;
    border-color: #2e2e38; }
  ul.ui-tabs-nav li.ui-tabs-active a {
    font-weight: 700; }

.ui-button:not(.ui-dialog-titlebar-close):not(.has-footnote) {
  background: #ffe600;
  font-size: .875rem; }

.ui-button:not(.ui-dialog-titlebar-close):not(.has-footnote):hover,
.ui-button:not(.ui-dialog-titlebar-close):not(.has-footnote):active {
  font-size: .875rem;
  background: #2e2e38;
  color: #ffffff; }

button.ui-button:hover .ui-icon-triangle-1-s, .tp-ui-icon-button:hover .ui-icon-triangle-1-s, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover .ui-icon-triangle-1-s {
  -webkit-filter: invert(1);
  filter: invert(1); }

button.ui-button, input, select, .ui-autocomplete-input, a.ui-tabs-anchor {
  border-width: 1px;
  /* fix flickering on hover */ }
  button.ui-button:hover, button.ui-button:focus, input:hover, input:focus, select:hover, select:focus, .ui-autocomplete-input:hover, .ui-autocomplete-input:focus, a.ui-tabs-anchor:hover, a.ui-tabs-anchor:focus {
    border: 1px solid #d3d3d3;
    border-radius: 0;
    outline: none; }

#tp-login-logo {
  margin: 40px 0 95px 60px;
  background-image: url("_config/images/ey-logo-with-tagline.svg");
  background-repeat: no-repeat;
  height: 200px;
  width: auto;
  background-position: center;
  background-size: contain; }

#tp-login-taxportal {
  color: #fff;
  font-size: 70px;
  font-weight: bold;
  height: 45px; }

#tp-login-version {
  color: #ffe600;
  font-size: 36px;
  position: relative; }

#tp-login-version #tp-login-version-long {
  color: #000;
  background-color: #ccc;
  font-size: 11px;
  display: none;
  position: absolute;
  padding: 5px 20px;
  top: -6px;
  width: fit-content;
  right: -185px;
  border: 1px solid #fff; }

#tp-login-version:hover #tp-login-version-long {
  display: inline-block; }

#tp-login-h2 {
    color: #ffe600;
    font-size: 17px;
    padding: 5px 0;
    line-height: 1.3em;
}

#tp-login-h1 {
  color: #fff;
  font-size: 28px;
  padding: 5px 0;
  line-height: 1.3em; }

#tp-ui-login-form input, #tp-ui-login-form select {
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 0px;
  padding: 8px;
  color: #2e2e38; }

#tp-ui-login-form button {
  width: 100%;
  margin: 10px 0; }

#tp-ui-login-form .tp-ui-btn-dark {
  background-color: #2e2e38 !important;
  background-image: none !important;
  color: #ccc; 
}

#tp-ui-style .tp-ui-display-inline-block tp-ui-align-left {
    width: 430px;
    height: 500px;
}

#tp-ui-head {
    display: flex;
    align-items: center;
}
  #tp-ui-head .layout__logo-module-nav {
    padding: .5rem 1.5rem .25rem .25rem; }
    #tp-ui-head .layout__logo-module-nav img {
      height: 25px; }
  #tp-ui-head .tp-ui-header__head {
    flex: 1 1 auto; }
  #tp-ui-head .tp-ui-icon-button, #tp-ui-head .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-head .tp-ui-custom-button {
    font-size: 18px;
    padding: 8px 3px; }
    #tp-ui-head .tp-ui-icon-button:hover, #tp-ui-head .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-head .tp-ui-custom-button:hover {
      color: #ffe600; }
  #tp-ui-head #tp-ui-head-logo {
    display: flex;
    align-items: baseline;
    margin: 0 .5rem; }
    #tp-ui-head #tp-ui-head-logo img {
      height: 25px;
      width: 30px; }
    #tp-ui-head #tp-ui-head-logo:hover .header-group__labels {
      color: #ffe600; }
  #tp-ui-head .header-group__labels {
    font-size: .9375rem !important;
    line-height: .6875rem !important;
    font-weight: 400;
    color: #fff;
    padding: 18px 10px 0px 10px;
    height: 42px;
    min-width: 106px; }
  #tp-ui-head .header-group__divider {
    width: 0;
    height: 2rem;
    margin: .2rem 0 0 .5rem;
    border-left: .0625rem solid #747480; }
  #tp-ui-head .header-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative;
    background: #2e2e38;
    width: 100%;
    display: flex;
    grid-area: head;
    align-items: center;
    width: Auto; }

#tp-ui-directmessage-icon {
  color: #fff; }
  #tp-ui-directmessage-icon:hover {
    color: #ffe600; }

#tp-ui-top-header span {
  padding: 0 10px;
  border-left: 2px solid; }

#tp-ui-top-header span:first-child {
  border-left: 0 !important; }

#tp-ui-body {
  /* height: 800px; /* must be adjusted to browser size by JS */
  overflow: hidden;
  /*overflow-y: auto;*/ }

.tp-ui-content {
  overflow: auto; }

#tp-ui-bg-white {
  background-color: #fff; }

#tp-ui-sidebar-left {
  position: absolute;
  background-color: #f5f5f5;
  display: inline-block;
  border-right: 1px solid #eee;
  overflow: auto; }

input.tp-js-placeholder-hack {
  color: #ddd !important;
  font-style: italic; }

.tp-ui-no-cursor {
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.ui-tooltip {
  padding: .5rem;
  background: #2e2e38;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.15));
  font-family: "Noto Sans",Arial,sans-serif;
  line-height: 1.375rem;
  font-size: .75rem !important;
  color: #fff;
  border: none !important;
  font-style: normal;
  min-width: 10.75rem;
  text-align: center;
  transform: translate(-50%, calc(100% + .5rem));
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  z-index: 999999; }

.tp-ui-alert, .validation-message-container {
  display: inline-table;
  width: 100%;
  padding: 10px 10px 10px 0;
  margin: auto;
  color: #2e2e38;
  background: #fff;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  border: none;
  padding: unset; }
  .tp-ui-alert .icon, .validation-message-container .icon {
    display: table-cell;
    width: 46px;
    text-align: center;
    vertical-align: middle;
    height: 46px;
    color: #fff;
    font-size: 21px; }
  .tp-ui-alert .text, .validation-message-container .text {
    margin: 2px 5px 0 10px;
    text-align: justify;
    line-height: 20px;
    padding: 3px 6px 3px 10px;
    display: table-cell;
    vertical-align: middle; }
  .tp-ui-alert.tp-ui-alert-info .icon, .tp-ui-alert-info.validation-message-container .icon {
    background-color: #747480; }
  .tp-ui-alert.tp-ui-alert-hint, .tp-ui-alert-hint.validation-message-container {
    border-color: #ffb46a;
    background-color: #ffb46a;
    color: #bc2f00; }
  .tp-ui-alert.tp-ui-alert-warning .icon, .tp-ui-alert-warning.validation-message-container .icon {
    background-color: #ff9831; }
  .tp-ui-alert.tp-ui-alert-success .icon, .tp-ui-alert-success.validation-message-container .icon {
    background-color: #168736; }

.validation-message-container {
  width: 100%;
  padding-left: 20px;
  margin: 0 0 20px 0; }

.tp-ui-popup {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0px;
  color: #2e2e38;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh; }

#tp-ui-usermenu-icon {
  color: #ccc;
  font-size: 24px; }
  #tp-ui-usermenu-icon:hover {
    color: #ffe600; }
  #tp-ui-usermenu-icon.disabled {
    cursor: default; }
    #tp-ui-usermenu-icon.disabled:hover {
      color: #ccc; }

#tp-ui-patchstatus-warning {
  color: #ffe600;
  background-color: #000;
  padding: 4px; }

#tp-ui-usermenu,
.tp-ui-usermenu {
  display: none;
  min-width: 400px;
  max-width: 50%; }
  #tp-ui-usermenu.loaded,
  .tp-ui-usermenu.loaded {
    display: inline-block; }
  #tp-ui-usermenu .tp-ui-user,
  .tp-ui-usermenu .tp-ui-user {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch; }
    #tp-ui-usermenu .tp-ui-user .username,
    .tp-ui-usermenu .tp-ui-user .username {
      flex-grow: 1; }
    #tp-ui-usermenu .tp-ui-user .logoutbutton,
    .tp-ui-usermenu .tp-ui-user .logoutbutton {
      width: 50px; }
    #tp-ui-usermenu .tp-ui-user .tp-ui-icon-button:hover, #tp-ui-usermenu .tp-ui-user .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-usermenu .tp-ui-user .tp-ui-custom-button:hover,
    .tp-ui-usermenu .tp-ui-user .tp-ui-icon-button:hover,
    .tp-ui-usermenu .tp-ui-user .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-usermenu .tp-ui-user .tp-ui-custom-button:hover {
      background-color: #c00;
      color: #fff; }
  #tp-ui-usermenu .tp-ui-items,
  .tp-ui-usermenu .tp-ui-items {
    padding: 15px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start; }
    #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item,
    .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item {
      display: inline-block;
      width: 90px;
      height: 90px;
      margin: 6px;
      cursor: pointer;
      text-align: center;
      vertical-align: middle;
      border: 1px solid #fff;
      border-radius: 0px; }
      #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-icon, #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-icon-button, #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl span.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-custom-button, #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item #tp-ui-admin-content .tp-ui-admin-table-filter span.tp-ui-datepicker, #tp-ui-admin-content .tp-ui-admin-table-filter #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-datepicker,
      #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item .tp-ui-admin-table .tp-ui-admin-table-filter span.tp-ui-datepicker, .tp-ui-admin-table .tp-ui-admin-table-filter #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-datepicker,
      #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item .ui-dialog-content .tp-ui-admin-table-filter span.tp-ui-datepicker, .ui-dialog-content .tp-ui-admin-table-filter #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-datepicker,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-icon,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-icon-button,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl span.tp-ui-custom-button,
      .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-custom-button,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item #tp-ui-admin-content .tp-ui-admin-table-filter span.tp-ui-datepicker,
      #tp-ui-admin-content .tp-ui-admin-table-filter .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-datepicker,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item .tp-ui-admin-table .tp-ui-admin-table-filter span.tp-ui-datepicker,
      .tp-ui-admin-table .tp-ui-admin-table-filter .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-datepicker,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item .ui-dialog-content .tp-ui-admin-table-filter span.tp-ui-datepicker,
      .ui-dialog-content .tp-ui-admin-table-filter .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item span.tp-ui-datepicker {
        display: block;
        font-size: 16px; }
      #tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item:hover,
      .tp-ui-usermenu .tp-ui-items .tp-ui-usermenu-item:hover {
        border-color: #ccc;
        background-color: #eee;
        color: #000; }

span.tp-ui-logo-image {
  display: block;
  font-size: 16px;
  background-image: url("_config/images/logo-menu.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: 5px;
  height: 26px;
  text-align: center; }

.tp-ui-has-hover-menu {
  position: relative; }
  .tp-ui-has-hover-menu .tp-ui-hover-menu {
    position: absolute;
    right: 3px;
    display: none; }
  .tp-ui-has-hover-menu:hover .tp-ui-hover-menu {
    display: inline-block; }

.tp-ta-wait-dialog {
  min-height: initial !important; }
  .tp-ta-wait-dialog .message {
    padding: 10px 0; }

.ctx-container {
  position: absolute;
  background-color: #f0f0f0;
  border: 1px solid black;
  background-image: url(images/contextmenu/menu_bg.gif);
  background-repeat: repeat-y;
  z-index: 999999999;
  cursor: pointer;
  top: 0;
  left: 0; }
  .ctx-container .ctx-item {
    padding: 4px 4px;
    cursor: normal;
    line-height: 100%;
    border: 1px solid #f0f0f0; }
  .ctx-container .ctx-icon {
    display: inline-block;
    width: 22px; }
  .ctx-container .ctx-focus {
    border: 1px solid lightblue;
    background-color: #e8eef4; }
  .ctx-container .ctx-disabled {
    color: #ccc; }
  .ctx-container .ctx-invisible {
    display: none; }
  .ctx-container .ctx-item.ctx-arrow {
    background-image: url(images/contextmenu/m_arrow.gif);
    background-position: right;
    background-repeat: no-repeat; }
  .ctx-container .ctx-seperator {
    height: 1px;
    background-color: #ccc; }

@font-face {
  font-family: 'Glyphicons Halflings';
  font-display: block;
  src: url("_fonts/glyphicons-halflings-regular.eot"), url("_fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("_fonts/glyphicons-halflings-regular.woff") format("woff"), url("_fonts/glyphicons-halflings-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Metro';
  font-display: block;
  src: url("_fonts/metro.eot"), url("_fonts/metro.eot?#iefix") format("embedded-opentype"), url("_fonts/metro.woff") format("woff"), url("_fonts/metro.ttf") format("truetype"); }

/* adjusting jQuery button style */
.ui-button-icon-only {
  padding: 4px; }

.tp-ui-icon-glyph, .tp-ui-icon-details, .tp-ui-icon-update, .tp-ui-icon-delete, .tp-ui-icon-cancel-delete, .tp-ui-icon-copy, .tp-ui-icon-accountbalances, .tp-ui-icon-import, .tp-ui-icon-settings, .tp-ui-icon-download, .tp-ui-icon-upload, .tp-ui-icon-arrow-left, .tp-ui-icon-arrow-right, .tp-ui-icon-bracket-up, .tp-ui-icon-bracket-down, .tp-ui-icon-datepicker, .tp-ui-icon-search, .tp-ui-icon-filter, .tp-ui-icon-add, .tp-ui-icon-close, .tp-ui-icon-unchecked, .tp-ui-icon-checked, .tp-ui-icon-logout, .tp-ui-icon-culture, .tp-ui-icon-book, .tp-ui-icon-toc, .tp-ui-icon-attachment, .tp-ui-icon-questionmark, .tp-ui-icon-info, .tp-ui-icon-hint, .tp-ui-icon-warning, .tp-ui-icon-usermenu, .tp-ui-icon-print, .tp-ui-icon-export, .tp-ui-icon-refresh, .tp-ui-icon-save, .tp-ui-icon-reset, .tp-ui-icon-config, .tp-ui-icon-confirm-action, .tp-ui-icon-cancel-action, .tp-ui-icon-nav-base, .tp-ui-icon-nav-groups-short, .tp-ui-icon-nav-groups-long, .tp-ui-icon-validation-ok, .tp-ui-icon-validation-warning, .tp-ui-icon-back, .tp-ui-icon-sort-az, .tp-ui-icon-contextmenu, .tp-ui-icon-wrench, .tp-ui-icon-exclamation, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-calcval-control, .tp-ui-icon-eye, .tp-ui-icon-eye-crossed-out, .tp-ui-icon-continue, .tp-ui-icon-skip, .tp-ui-icon-blank, .tp-ui-icon-toggle, .tp-ui-icon-chart, .dropdown-check-list .anchor::before, .dropdown-check-list .anchor.up::before {
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Glyphicons Halflings'; }

.tp-ui-icon-metro, .tp-ui-icon-info-light, .tp-ui-icon-validation-error, .tp-ui-icon-next, .tp-ui-icon-readonly, .tp-ui-icon-users, .tp-ui-icon-duplicate, .tp-ui-icon-bubble, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-comment-control, .tp-ui-icon-help, .tp-ui-icon-row, .tp-ui-icon-maintenance, .tp-ui-icon-review, .tp-ui-icon-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-layers, .tp-ui-icon-menu, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-empty {
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Metro'; }

.tp-ui-icon, .tp-ui-icon-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, #tp-ui-admin-content .tp-ui-admin-table-filter .tp-ui-datepicker,
.tp-ui-admin-table .tp-ui-admin-table-filter .tp-ui-datepicker,
.ui-dialog-content .tp-ui-admin-table-filter .tp-ui-datepicker {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  cursor: default;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .tp-ui-icon.large, .large.tp-ui-icon-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .large.tp-ui-custom-button, #tp-ui-admin-content .tp-ui-admin-table-filter .large.tp-ui-datepicker,
  .tp-ui-admin-table .tp-ui-admin-table-filter .large.tp-ui-datepicker,
  .ui-dialog-content .tp-ui-admin-table-filter .large.tp-ui-datepicker {
    font-size: 22px; }
  .tp-ui-icon span.tp-ui-fine-print, .tp-ui-icon-button span.tp-ui-fine-print, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button span.tp-ui-fine-print, #tp-ui-admin-content .tp-ui-admin-table-filter .tp-ui-datepicker span.tp-ui-fine-print, .tp-ui-admin-table .tp-ui-admin-table-filter .tp-ui-datepicker span.tp-ui-fine-print, .ui-dialog-content .tp-ui-admin-table-filter .tp-ui-datepicker span.tp-ui-fine-print {
    font-size: 6px;
    position: relative;
    top: -10px;
    left: 2px; }
    .tp-ui-icon span.tp-ui-fine-print::before, .tp-ui-icon-button span.tp-ui-fine-print::before, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button span.tp-ui-fine-print::before, #tp-ui-admin-content .tp-ui-admin-table-filter .tp-ui-datepicker span.tp-ui-fine-print::before, .tp-ui-admin-table .tp-ui-admin-table-filter .tp-ui-datepicker span.tp-ui-fine-print::before, .ui-dialog-content .tp-ui-admin-table-filter .tp-ui-datepicker span.tp-ui-fine-print::before {
      content: "*"; }

.tp-ui-icon-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button {
  cursor: pointer !important;
  background-color: #ffe600;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 0px; }
  .tp-ui-icon-button.transparent, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-icon-button.transparent:hover, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover {
    background-color: transparent; }
  .tp-ui-icon-button.no-border, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button {
    border: 0; }
  .tp-ui-icon-button.no-padding, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .no-padding.tp-ui-custom-button {
    padding: 0; }
  .tp-ui-icon-button.no-margin, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .no-margin.tp-ui-custom-button {
    margin: 0; }
  .tp-ui-icon-button:hover:not(.tp-ui-icon-datepicker), .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover:not(.tp-ui-icon-datepicker) {
    background-color: #2e2e38;
    color: #ffffff; }
  .tp-ui-icon-button.small, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button {
    padding: 3px; }
  .tp-ui-icon-button.tp-ui-disabled, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-disabled.tp-ui-custom-button {
    cursor: default !important; }

.tp-ui-usermenu-item .tp-ui-icon-button.transparent, .tp-ui-usermenu-item .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-usermenu-item .tp-ui-custom-button, .tp-ui-usermenu-item .tp-ui-icon-button.transparent:hover, .tp-ui-usermenu-item .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-usermenu-item .tp-ui-custom-button:hover {
  background-color: transparent;
  color: black; }

.tp-ui-icon-details > span::before {
  content: "\e056"; }

.tp-ui-icon-update > span::before {
  content: "\270f"; }

.tp-ui-icon-delete > span::before {
  content: "\e020"; }

.tp-ui-icon-cancel-delete > span::before {
  content: "\e020\e095"; }

.tp-ui-icon-copy > span::before {
  content: "\e022"; }

.tp-ui-icon-accountbalances > span::before {
  content: "\e164"; }

.tp-ui-icon-import > span::before {
  content: "\e169"; }

.tp-ui-icon-settings > span::before {
  content: "\e019"; }

.tp-ui-icon-download > span::before {
  content: "\e166"; }

.tp-ui-icon-upload > span::before {
  content: "\e167"; }

.tp-ui-icon-arrow-left > span::before {
  content: "\e079"; }

.tp-ui-icon-arrow-right > span::before {
  content: "\e080"; }

.tp-ui-icon-bracket-up > span::before {
  content: "\e113"; }

.tp-ui-icon-bracket-down > span::before {
  content: "\e114"; }

.tp-ui-icon-datepicker > span::before {
  content: "\e109"; }

.tp-ui-icon-search > span::before {
  content: "\e003"; }

.tp-ui-icon-filter > span::before {
  content: "\e138"; }

.tp-ui-icon-add > span::before {
  content: "\002B"; }

.tp-ui-icon-close > span::before, .tp-ui-icon-unchecked > span::before {
  content: "\e014"; }

.tp-ui-icon-checked > span::before {
  content: "\e013"; }

.tp-ui-icon-logout > span::before {
  content: "\e163"; }

.tp-ui-icon-culture > span::before {
  content: "\e135"; }

.tp-ui-icon-book > span::before {
  content: "\e043"; }

.tp-ui-icon-toc > span::before {
  content: "\e032"; }

.tp-ui-icon-attachment > span::before {
  content: "\e142"; }

.tp-ui-icon-questionmark > span::before {
  content: "\e085"; }

.tp-ui-icon-info > span::before {
  content: "\e086"; }

.tp-ui-icon-info-light > span::before {
  content: "\EA0C"; }

.tp-ui-icon-hint > span::before {
  content: "\e101"; }

.tp-ui-icon-warning > span::before {
  content: "\e101"; }

.tp-ui-icon-usermenu > span::before {
  content: "\002630"; }

.tp-ui-icon-print > span::before {
  content: "\e045"; }

.tp-ui-icon-export > span::before {
  content: "\e170"; }

.tp-ui-icon-refresh > span::before {
  content: "\e031"; }

.tp-ui-icon-save > span::before {
  content: "\e172"; }

.tp-ui-icon-save.unsaved {
  color: red; }

.tp-ui-icon-reset {
  transform: scaleX(-1); }
  .tp-ui-icon-reset > span::before {
    content: "\e095"; }

.tp-ui-icon-config > span::before {
  content: "\e019"; }

.tp-ui-icon-refresh > span::before {
  content: "\e031"; }

.tp-ui-icon-confirm-action {
  color: green; }
  .tp-ui-icon-confirm-action > span::before {
    content: "\e089"; }

.tp-ui-icon-cancel-action {
  color: red; }
  .tp-ui-icon-cancel-action > span::before {
    content: "\e088"; }

.tp-ui-icon-nav-base > span::before {
  content: "\e012"; }

.tp-ui-icon-nav-groups-short > span::before {
  content: "\e010"; }

.tp-ui-icon-nav-groups-long > span::before {
  content: "\e074"; }

.tp-ui-icon-validation-ok > span::before {
  content: "\e013"; }

.tp-ui-icon-validation-warning > span::before {
  content: "\e086"; }

.tp-ui-icon-validation-error > span::before {
  content: "\ea07"; }

.tp-ui-icon-next > span::before {
  content: "\eA3C"; }

.tp-ui-icon-back {
  /*@extend .tp-ui-icon-metro;*/
  /*> span::before { content: "\ea40";}*/ }
  .tp-ui-icon-back > span::before {
    content: "\e091"; }

.tp-ui-icon-sort-az > span::before {
  content: "\e151"; }

.tp-ui-icon-readonly > span::before {
  content: "\e660"; }

.tp-ui-icon-contextmenu > span::before {
  content: "\e032"; }

.tp-ui-icon-users > span::before {
  content: "\e972"; }

.tp-ui-icon-wrench > span::before {
  content: "\e136"; }

.tp-ui-icon-duplicate > span::before {
  content: "\e925"; }

.tp-ui-icon-exclamation > span::before, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-calcval-control > span::before {
  content: "\e101"; }

.tp-ui-icon-eye > span::before {
  content: "\e105"; }

.tp-ui-icon-eye-crossed-out > span::before {
  content: "\e106"; }

.tp-ui-icon-continue > span::before {
  content: "\e072"; }

.tp-ui-icon-skip > span::before {
  content: "\e076"; }

.tp-ui-icon-blank > span::before {
  content: " "; }

.tp-ui-icon-bubble > span::before, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-comment-control > span::before {
  content: "\e96b"; }

.tp-ui-icon-toggle > span::before {
  content: "\e178"; }

.tp-ui-icon-chart > span::before {
  content: "\e018"; }

.tp-ui-icon-help > span::before {
  content: "\ea09"; }

.tp-ui-icon-row > span::before {
  content: "\e607"; }

.tp-ui-icon-maintenance > span::before {
  content: "\e632"; }

.tp-ui-icon-review > span::before {
  content: "\e975"; }

.tp-ui-icon-layers > span::before, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-layers > span::before {
  content: "\e92e"; }

.tp-ui-icon-menu > span::before, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-empty > span::before {
  content: "\e64d"; }

#tp-ui-admin-title {
  margin-left: 380px;
  padding: 25px 0px 10px 10px; }

#tp-ui-admin-seperator {
  margin-left: 380px;
  padding: 25px 0px 10px 10px;
  padding: 0;
  margin-right: 10px;
  border-bottom: 1px solid gainsboro; }

#tp-ui-admin-content {
  margin-left: 380px;
  padding: 25px 0px 10px 10px; }
  #tp-ui-admin-content .reached-valid-date-error {
    background-color: #fee;
    color: #f00; }
  #tp-ui-admin-content > div.tp-js-dropdown .ui-button {
    float: right;
    margin-right: 33px; }

#tp-ui-app-title {
  margin-left: 150px;
  padding: 25px 0px 10px 10px; }
  #tp-ui-app-title span.h3 {
    vertical-align: middle; }
  #tp-ui-app-title #tp-ui-next-to-title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px; }

#tp-ui-app-content {
  margin-left: 150px;
  padding: 25px 0px 10px 10px;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-right: 0; }
  #tp-ui-app-content .field-validation-error {
    padding: 3px 10px;
    position: absolute;
    display: inline-block;
    background-color: #fee;
    border: 1px solid #f00;
    margin-top: 7px;
    top: -60px; }
    #tp-ui-app-content .field-validation-error:before {
      top: 100%;
      left: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-top-color: #f00;
      border-width: 6px;
      margin-left: 7px; }

button.ui-button.tp-ui-button-gray {
  background-color: #f0f0f0;
  border-color: #c0c0c0; }

ul.tp-ui-table-list {
  display: table;
  width: 100%;
  list-style-type: none;
  /* table with two columns; first col: names; 2nd col: values */ }
  ul.tp-ui-table-list li {
    display: table-row; }
    ul.tp-ui-table-list li span {
      display: table-cell;
      vertical-align: middle;
      text-align: left;
      padding: 0 5px; }
  ul.tp-ui-table-list.tp-ui-leaflet li span {
    /* avoid that long texts, like long company names without  whitespaces expand the table over its boundaries. (s. #4815) */
    word-wrap: break-word;
    /* max-width is required to make the browser actually break the word.
                   note: As the 2nd col has no width, but the first has (1px) the col will still expand to the max. possible width. */
    max-width: 1px;
    /* prop only for 2nd col */
    font-weight: bold;
    /* prop only for 2nd col */ }
    ul.tp-ui-table-list.tp-ui-leaflet li span:first-child {
      width: 1px;
      /* minimize width of first column */
      max-width: none !important;
      font-weight: normal !important; }
  ul.tp-ui-table-list.cell-padding li span {
    padding: 5px; }

ul.tp-ui-inline-list {
  display: inline-block;
  margin: 10px 0;
  list-style-type: none; }
  ul.tp-ui-inline-list li {
    margin: 0;
    display: inline-block;
    padding: 3px 10px 3px 0; }
    ul.tp-ui-inline-list li::after {
      margin-left: 10px;
      content: '|'; }
    ul.tp-ui-inline-list li:last-child::after {
      margin-left: 0;
      content: ''; }

.tp-ui-list-item {
  /* Elements, that might be placed below each other in a list like fashion */ }
  .tp-ui-list-item.margin-top {
    margin-top: 10px; }
    .tp-ui-list-item.margin-top:first-child {
      margin-top: 0; }

.tp-ui-list {
  list-style: none; }
  .tp-ui-list li {
    margin: 0;
    margin-bottom: 5px;
    margin-left: 5px; }

.tp-ui-label-width {
  width: 30%; }

.tp-ui-form-element {
  display: table;
  width: 100%;
  vertical-align: middle;
  color: #2e2e38; }
  .tp-ui-form-element > div {
    display: table-row; }
    .tp-ui-form-element > div label, .tp-ui-form-element > div div.tp-ui-checkbox-left-td {
      width: 30%; }
    .tp-ui-form-element > div label {
      display: table-cell;
      border: 1px solid #ccc;
      border-radius: 0px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      padding: 6px 12px;
      vertical-align: middle;
      background-color: #eee;
      text-align: center;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0 !important; }
    .tp-ui-form-element > div div.tp-ui-form-input, .tp-ui-form-element > div div.tp-js-radiogroup, .tp-ui-form-element > div div.tp-js-checkboxgroup {
      display: table-cell;
      border: 1px solid #ccc;
      border-radius: 0px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      padding: 6px 12px;
      vertical-align: middle;
      padding-left: 3px;
      background-color: #fff;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
      .tp-ui-form-element > div div.tp-ui-form-input.has-button, .tp-ui-form-element > div div.has-button.tp-js-radiogroup, .tp-ui-form-element > div div.has-button.tp-js-checkboxgroup {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .tp-ui-form-element > div div.tp-ui-form-input input, .tp-ui-form-element > div div.tp-js-radiogroup input, .tp-ui-form-element > div div.tp-js-checkboxgroup input, .tp-ui-form-element > div div.tp-ui-form-input select, .tp-ui-form-element > div div.tp-js-radiogroup select, .tp-ui-form-element > div div.tp-js-checkboxgroup select {
        width: 100%;
        border: 0; }
      .tp-ui-form-element > div div.tp-ui-form-input textarea, .tp-ui-form-element > div div.tp-js-radiogroup textarea, .tp-ui-form-element > div div.tp-js-checkboxgroup textarea {
        width: 100%;
        border: 0;
        overflow: auto; }
        .tp-ui-form-element > div div.tp-ui-form-input textarea.tp-js-expando-textarea, .tp-ui-form-element > div div.tp-js-radiogroup textarea.tp-js-expando-textarea, .tp-ui-form-element > div div.tp-js-checkboxgroup textarea.tp-js-expando-textarea {
          height: 18px;
          overflow: hidden !important; }
      .tp-ui-form-element > div div.tp-ui-form-input span.field-validation-error, .tp-ui-form-element > div div.tp-js-radiogroup span.field-validation-error, .tp-ui-form-element > div div.tp-js-checkboxgroup span.field-validation-error {
        color: red;
        padding: 5px 10px;
        display: inline-block; }
      .tp-ui-form-element > div div.tp-ui-form-input.no-padding, .tp-ui-form-element > div div.no-padding.tp-js-radiogroup, .tp-ui-form-element > div div.no-padding.tp-js-checkboxgroup {
        padding: 0; }
      .tp-ui-form-element > div div.tp-ui-form-input.no-border, .tp-ui-form-element > div div.no-border.tp-js-radiogroup, .tp-ui-form-element > div .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl div.tp-js-radiogroup.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-form-element > div div.tp-js-radiogroup.tp-ui-custom-button, .tp-ui-form-element > div div.no-border.tp-js-checkboxgroup, .tp-ui-form-element > div .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl div.tp-js-checkboxgroup.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-form-element > div div.tp-js-checkboxgroup.tp-ui-custom-button, .tp-ui-form-element > div .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl div.tp-ui-form-input.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-form-element > div div.tp-ui-form-input.tp-ui-custom-button {
        border: 0; }
      .tp-ui-form-element > div div.tp-ui-form-input.align-right span.numeric, .tp-ui-form-element > div div.align-right.tp-js-radiogroup span.numeric, .tp-ui-form-element > div div.align-right.tp-js-checkboxgroup span.numeric, .tp-ui-form-element > div div.tp-ui-form-input.align-right input.numeric, .tp-ui-form-element > div div.align-right.tp-js-radiogroup input.numeric, .tp-ui-form-element > div div.align-right.tp-js-checkboxgroup input.numeric {
        text-align: right; }
    .tp-ui-form-element > div .tp-ui-form-button {
      display: table-cell;
      border: 1px solid #ccc;
      border-radius: 0px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      padding: 6px 12px;
      vertical-align: middle;
      width: 44px;
      padding: 0;
      background-color: #eee;
      text-align: center;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 0; }
      .tp-ui-form-element > div .tp-ui-form-button.tp-ui-form-helper {
        border: 0;
        background-color: transparent;
        box-shadow: none;
        text-align: right; }
      .tp-ui-form-element > div .tp-ui-form-button.has-button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
  .tp-ui-form-element.tp-ui-form-multiline div.tp-ui-form-input, .tp-ui-form-element.tp-ui-form-multiline div.tp-js-radiogroup, .tp-ui-form-element.tp-ui-form-multiline div.tp-js-checkboxgroup, .tp-ui-form-element.tp-ui-form-multiline .tp-ui-form-button {
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
    .tp-ui-form-element.tp-ui-form-multiline div.tp-ui-form-input.top-last, .tp-ui-form-element.tp-ui-form-multiline div.top-last.tp-js-radiogroup, .tp-ui-form-element.tp-ui-form-multiline div.top-last.tp-js-checkboxgroup, .tp-ui-form-element.tp-ui-form-multiline .tp-ui-form-button.top-last {
      border-top-right-radius: 0px; }
    .tp-ui-form-element.tp-ui-form-multiline div.tp-ui-form-input.bottom-last, .tp-ui-form-element.tp-ui-form-multiline div.bottom-last.tp-js-radiogroup, .tp-ui-form-element.tp-ui-form-multiline div.bottom-last.tp-js-checkboxgroup, .tp-ui-form-element.tp-ui-form-multiline .tp-ui-form-button.bottom-last {
      border-bottom-right-radius: 0px; }
  .tp-ui-form-element.tp-ui-form-multiline .bottom-row .tp-ui-form-input, .tp-ui-form-element.tp-ui-form-multiline .bottom-row .tp-js-radiogroup, .tp-ui-form-element.tp-ui-form-multiline .bottom-row .tp-js-checkboxgroup, .tp-ui-form-element.tp-ui-form-multiline .bottom-row .tp-ui-form-button {
    border-bottom-width: 1px; }
  .tp-ui-form-element span.numeric, .tp-ui-form-element input.numeric {
    background-color: #fff;
    text-align: left; }

.tp-ui-form-validation {
  margin-left: 30%;
  margin-bottom: 10px; }
  .tp-ui-form-validation.has-error {
    padding-top: 10px; }
  .tp-ui-form-validation span.field-validation-error {
    position: relative;
    color: red;
    border: 1px solid red;
    background-color: #fee;
    padding: 2px 10px;
    display: inline-block; }
    .tp-ui-form-validation span.field-validation-error:before {
      bottom: 100%;
      left: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-bottom-color: #f00;
      border-width: 6px;
      margin-left: 7px; }
  .tp-ui-form-validation span.field-validation-warning {
    position: relative;
    color: #212121;
    border: 1px solid #ffe600;
    background-color: #fffbd2;
    padding: 2px 10px;
    display: inline-block; }
    .tp-ui-form-validation span.field-validation-warning:before {
      bottom: 100%;
      left: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-bottom-color: #ffe600;
      border-width: 6px;
      margin-left: 7px; }
  .tp-ui-form-validation span.field-validation-valid {
    display: none; }

.NoYearDatePicker .ui-datepicker-year {
  display: none; }

.NoYearDatePicker .ui-datepicker-calendar thead {
  display: none; }

/*.tp-ui-form-element
{
    display: table-row;

    > div, > label 
    { 
        display: table-cell;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
        vertical-align: middle;    
        color: $maincolor;
    }

    label
    {
        text-align: center;
        background-color: #eee;
        padding: 6px;
        border-radius: 0px;
    }

    div.tp-ui-form-element-input
    {
        border-radius: 0px;
        position: relative;
        left: -1px;

        input, select
        {
            border: 0;
            width: 99%;
            margin-left: 3px;
        }

        &.has-button
        {
            border-radius: 0;
        }
    }

    div.tp-ui-form-element-button
    {
        width: 40px;

        text-align: center;
        background-color: #eee;
        border-radius: 0px;    

        position: relative;
        left: -2px;
    }
        
}*/
.ui-dialog-content form {
  margin-top: 20px; }

.detail-dialog {
  max-width: 100%; }

.tp-js-checkbox .tp-js-checkbox-off, .tp-js-checkbox .tp-js-checkbox-on {
  display: block;
  width: 40px;
  height: 32px;
  margin: 0 !important;
  padding: 6px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.tp-js-checkbox {
  display: inline-flex;
  align-items: center; }
  .tp-js-checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
  .tp-js-checkbox.no-label {
    padding: 6px 0;
    outline-offset: 0; }
  .tp-js-checkbox input[type="checkbox"]:focus + .tp-ui-checkbox-label, .tp-js-checkbox.no-label-focus {
    outline: dotted 1px;
    /* leaving default color in other browsers */
    outline: -webkit-focus-ring-color solid 1px;
    /* in webkit browsers only */ }
  .tp-js-checkbox .tp-js-checkbox-button {
    flex: 0 0 auto;
    /* parent */
    margin: 0 6px;
    display: flex;
    align-items: center;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  .tp-js-checkbox .tp-js-checkbox-off {
    border-right: 0; }
  .tp-js-checkbox .tp-js-checkbox-on {
    position: relative;
    left: -1px;
    border: 1px solid #ccc;
    border-radius: 0px;
    background-color: #fff; }
  .tp-js-checkbox .tp-ui-checkbox-label {
    flex: 0 1 auto;
    margin: 0;
    padding: 6px 12px;
    outline-offset: -3px; }
  .tp-js-checkbox.checked .tp-js-checkbox-off {
    background-color: #fff; }
  .tp-js-checkbox.checked .tp-js-checkbox-on {
    background-color: #ffe600; }
  .tp-js-checkbox.disabled .tp-js-checkbox-off, .tp-js-checkbox.disabled .tp-js-checkbox-on {
    background-color: #eee !important;
    cursor: default; }
  .tp-js-checkbox.disabled .tp-ui-checkbox-label {
    color: #333;
    font-style: italic; }

.tp-js-checkbox-small.no-label {
  padding: 3px 0; }

.tp-js-checkbox-small .tp-js-checkbox-button {
  margin: 0 3px; }

.tp-js-checkbox-small .tp-js-checkbox-off, .tp-js-checkbox-small .tp-js-checkbox-on {
  width: 25px;
  height: 20px;
  padding: 2px 3px;
  font-size: 0.8rem; }

.tp-js-checkbox-small .tp-ui-checkbox-label {
  padding: 3px;
  outline-offset: 0; }

td, .tp-js-checkbox-cell {
  /* IE layout fallback for tables */ }
  td .tp-js-checkbox:not(.no-label), .tp-js-checkbox-cell .tp-js-checkbox:not(.no-label) {
    display: -ms-grid;
    -ms-grid-columns: 80px auto; }
    td .tp-js-checkbox:not(.no-label).tp-js-checkbox-small, .tp-js-checkbox-cell .tp-js-checkbox:not(.no-label).tp-js-checkbox-small {
      -ms-grid-columns: 50px auto; }
    td .tp-js-checkbox:not(.no-label) .tp-js-checkbox-button, td .tp-js-checkbox:not(.no-label) .tp-ui-checkbox-label, .tp-js-checkbox-cell .tp-js-checkbox:not(.no-label) .tp-js-checkbox-button, .tp-js-checkbox-cell .tp-js-checkbox:not(.no-label) .tp-ui-checkbox-label {
      -ms-grid-row: 1; }
    td .tp-js-checkbox:not(.no-label) .tp-js-checkbox-button, .tp-js-checkbox-cell .tp-js-checkbox:not(.no-label) .tp-js-checkbox-button {
      -ms-grid-column: 1; }
    td .tp-js-checkbox:not(.no-label) .tp-ui-checkbox-label, .tp-js-checkbox-cell .tp-js-checkbox:not(.no-label) .tp-ui-checkbox-label {
      -ms-grid-column: 2;
      display: block; }

.tp-ui-form-element {
  /* FF45 fix */ }
  .tp-ui-form-element .tp-js-checkbox {
    display: table-row; }
    .tp-ui-form-element .tp-js-checkbox.no-label {
      padding: 0;
      outline-offset: 3px; }
    .tp-ui-form-element .tp-js-checkbox .tp-ui-checkbox-left-td {
      display: table-cell;
      vertical-align: middle;
      text-align: right; }
    .tp-ui-form-element .tp-js-checkbox .tp-ui-checkbox-right-td {
      display: table-cell;
      vertical-align: middle;
      width: 40px; }
    .tp-ui-form-element .tp-js-checkbox .tp-js-checkbox-off {
      display: inline-block; }
    .tp-ui-form-element .tp-js-checkbox .tp-js-checkbox-on {
      display: table-cell; }
    .tp-ui-form-element .tp-js-checkbox .tp-ui-checkbox-label {
      display: table-cell;
      margin: 0;
      padding-left: 15px;
      vertical-align: middle;
      border: 0;
      box-shadow: none !important;
      /* reset .tp-ui-form-element > div label */
      background-color: transparent;
      text-align: left;
      width: auto;
      /* end reset */ }
  .tp-ui-form-element .tp-ui-form-button .tp-js-checkbox-on {
    display: inline-block; }

.tp-checkbox-selection {
  height: 100%;
  overflow-y: hidden; }
  .tp-checkbox-selection .tp-js-checkbox {
    width: 100%;
    padding: .5rem 0;
    border-bottom: 1px solid #ddd; }
  .tp-checkbox-selection .checkbox-selection__options {
    overflow-y: auto; }
    .tp-checkbox-selection .checkbox-selection__options .tp-js-checkbox:nth-child(2n+1) {
      background-color: #f9f9f9; }
  .tp-checkbox-selection .checkbox-selection__summary {
    padding-top: 1rem; }

.tp-js-combobox {
  display: inline-flex;
  /* FF45 et al */
  display: -ms-inline-grid;
  -ms-grid-columns: 1fr auto;
  -ms-grid-rows: 1fr;
  display: inline-grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #d3d3d3; }
  div.tp-ui-form-input .tp-js-combobox, .tp-ui-form-element div.tp-js-radiogroup .tp-js-combobox, .tp-ui-form-element div.tp-js-checkboxgroup .tp-js-combobox {
    border-color: transparent; }
  .tp-js-combobox.open {
    border: 1px solid #d3d3d3 !important; }
    .tp-js-combobox.open .tp-js-combobox-toggle {
      padding-left: 2px;
      padding-right: 1px;
      /* font asymmetry */ }
  .tp-js-combobox.tp-ui-disabled {
    cursor: default; }

.tp-js-combobox-toggle {
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  padding: 1px 2px 0 1px;
  /* font asymmetry */
  margin: 1px 2px;
  border: 1px #aaa solid;
  border-radius: 0px;
  background-color: #eee;
  /*.tp-ui-form-button */
  cursor: inherit; }

.tp-js-combobox-input {
  flex: auto;
  /* FF45 et al */
  display: block;
  -ms-grid-column: 1;
  padding: 3px 0 1px .4em;
  margin: 0;
  border: 0 !important;
  width: auto;
  height: 17px;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  cursor: inherit; }

.tp-js-combobox-menu {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 240px;
  max-width: 90vw;
  padding: 1px 0;
  -webkit-overflow-scrolling: touch;
  font: inherit; }
  .tp-js-combobox-menu .ui-menu-item {
    list-style-image: none; }
  .tp-js-combobox-menu .ui-menu-item-wrapper {
    min-height: 20px;
    /* line-height + padding */
    border: 1px solid transparent; }
  .tp-js-combobox-menu .ui-state-active {
    background-color: #e1e1e6;
    border-color: #aaa;
    margin: 0; }
  .tp-js-combobox-menu .disabled {
    opacity: 0.5;
    /* menu divider overrides */ }
    .tp-js-combobox-menu .disabled.ui-menu-divider {
      margin: 0;
      height: auto;
      font-size: inherit;
      line-height: inherit;
      border-width: 0; }
    .tp-js-combobox-menu .disabled.ui-widget-content {
      background: inherit;
      color: inherit; }

.tp-js-multilang-container .tp-js-multilang-collapsed .tp-ui-multilang-culture-default {
  background: url("../images/multilang/tp_multilang_en.svg") no-repeat 18% 24%, url("../images/multilang/tp_multilang_de.svg") no-repeat 80% 81%;
  background-size: 32px;
  border-bottom-right-radius: 0px;
  cursor: pointer; }

.tp-js-multilang-container .tp-js-multilang-collapsed .top-row .tp-ui-form-input, .tp-js-multilang-container .tp-js-multilang-collapsed .top-row .tp-ui-form-element .tp-js-radiogroup, .tp-ui-form-element .tp-js-multilang-container .tp-js-multilang-collapsed .top-row .tp-js-radiogroup, .tp-js-multilang-container .tp-js-multilang-collapsed .top-row .tp-ui-form-element .tp-js-checkboxgroup, .tp-ui-form-element .tp-js-multilang-container .tp-js-multilang-collapsed .top-row .tp-js-checkboxgroup, .tp-js-multilang-container .tp-js-multilang-collapsed .top-row .tp-ui-form-button {
  border-bottom-width: 1px; }

.tp-js-multilang-container .tp-js-multilang-expanded .tp-ui-multilang-culture-default {
  background-image: url("../images/multilang/tp_multilang_en.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-size: 73%; }

.tp-js-multilang-container .tp-js-multilang-expanded .tp-ui-multilang-culture-de {
  background-image: url("../images/multilang/tp_multilang_de.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 73%; }

.tp-js-multilang-container .tp-ui-form-validation {
  margin-bottom: 0; }

.tp-js-multilang-nolabel .tp-js-multilang-container .tp-ui-multilang-culture-default {
  background-size: 20px; }

.tp-js-multilang-nolabel .tp-js-multilang-container .tp-ui-form-input, .tp-js-multilang-nolabel .tp-js-multilang-container .tp-ui-form-element .tp-js-radiogroup, .tp-ui-form-element .tp-js-multilang-nolabel .tp-js-multilang-container .tp-js-radiogroup, .tp-js-multilang-nolabel .tp-js-multilang-container .tp-ui-form-element .tp-js-checkboxgroup, .tp-ui-form-element .tp-js-multilang-nolabel .tp-js-multilang-container .tp-js-checkboxgroup {
  padding: 3px; }

.tp-js-multilang-nolabel .tp-js-multilang-container .tp-ui-form-button {
  width: 32px; }

.tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-ui-multilang-culture-default,
.tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-ui-multilang-culture-de {
  background-size: 20px; }

.tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-ui-form-input, .tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-ui-form-element .tp-js-radiogroup, .tp-ui-form-element .tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-js-radiogroup, .tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-ui-form-element .tp-js-checkboxgroup, .tp-ui-form-element .tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-js-checkboxgroup {
  padding: 3px; }

.tp-js-multilang-nolabel .tp-js-multilang-expanded .tp-ui-form-button {
  width: 32px; }

.tp-js-multilangtextarea .tp-ui-form-button {
  cursor: pointer;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
  .tp-js-multilangtextarea .tp-ui-form-button.active {
    background-color: #ffe600; }

.tp-js-multilangtextarea label {
  border-bottom-left-radius: 0; }

.tp-js-multilangtextarea .tp-ui-multilangtextarea-culture-default {
  background-image: url("../images/multilang/tp_multilang_en.svg");
  background-repeat: no-repeat;
  background-position: center; }

.tp-js-multilangtextarea .tp-ui-multilangtextarea-culture-de {
  background-image: url("../images/multilang/tp_multilang_de.svg");
  background-repeat: no-repeat;
  background-position: center; }

.tp-js-multilangtextarea textarea {
  width: 100%;
  height: 320px;
  border: 1px solid #ccc;
  padding: 5px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075); }

.tp-ui-form-element .tp-js-radiogroup, .tp-ui-form-element .tp-js-checkboxgroup {
  display: table !important;
  width: 100%;
  padding: 0 !important;
  border-collapse: collapse; }
  .tp-ui-form-element .tp-js-radiogroup .tp-js-radiobutton, .tp-ui-form-element .tp-js-checkboxgroup .tp-js-radiobutton {
    display: table-cell;
    border-right: 1px solid #ddd;
    padding: 6px 12px;
    text-align: center;
    cursor: pointer; }
    .tp-ui-form-element .tp-js-radiogroup .tp-js-radiobutton.selected, .tp-ui-form-element .tp-js-checkboxgroup .tp-js-radiobutton.selected {
      background-color: #ffe600; }
    .tp-ui-form-element .tp-js-radiogroup .tp-js-radiobutton:last-child, .tp-ui-form-element .tp-js-checkboxgroup .tp-js-radiobutton:last-child {
      border-right: 0; }
  .tp-ui-form-element .tp-js-radiogroup.vertical, .tp-ui-form-element .tp-js-checkboxgroup.vertical {
    border: 0;
    border-collapse: separate; }
    .tp-ui-form-element .tp-js-radiogroup.vertical .tp-js-radiobutton, .tp-ui-form-element .tp-js-checkboxgroup.vertical .tp-js-radiobutton {
      border: 1px solid #d3d3d3;
      border-radius: 0px; }

.textinput-group__container {
  display: flex;
  margin-bottom: 10px;
  position: relative; }

.textinput-group {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  color: #2e2e38;
  min-height: 32px; }
  .textinput-group.has-error {
    position: relative;
    margin-bottom: 32px; }
  .textinput-group .numeric {
    background-color: transparent;
    border: 1px solid #ccc;
    border-left: 0;
    width: auto;
    text-align: left; }

.textinput-group__textinput {
  flex: 1 1 auto;
  border: 1px solid #ccc;
  padding: 5px 12px;
  border-left: 0;
  height: 100%;
  padding-left: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
  .textinput-group__textinput:hover, .textinput-group__textinput:focus {
    border: 1px solid #ccc;
    border-left: 0; }

.textinput-group__label {
  width: 30%;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 6px 12px;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

.textinput-group__errmsg {
  display: none; }
  .textinput-group__errmsg.field-validation-error {
    display: inline-block;
    position: absolute;
    top: 32px;
    left: 30%;
    color: red;
    border: 1px solid red;
    background-color: #fee;
    padding: 2px 10px;
    margin-top: 10px; }
    .textinput-group__errmsg.field-validation-error:before {
      bottom: 100%;
      left: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-bottom-color: #f00;
      border-width: 6px;
      margin-left: 7px; }

.textinput-group__textinput--no-label .textinput-group__textinput {
  border-left: 1px solid #ccc; }

.textinput-group__textinput--search .textinput-group__textinput {
  padding-left: 30px; }

.textinput-group__textinput--search .textinput-group__textinput--search-icon {
  position: absolute;
  top: .3rem;
  left: .2rem; }

.tp-datepicker {
  position: relative; }

.tp-datepicker__calendar {
  position: absolute;
  right: 12px;
  top: 4px; }

.textarea-group {
  display: flex;
  margin-bottom: .6rem;
  position: relative; }
  .textarea-group.has-error {
    margin-bottom: 2.5rem; }

.textarea-group__label {
  width: 30%;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 6px 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: flex;
  align-items: center;
  justify-content: center; }

.textarea-group__textarea {
  flex: 1 1 auto;
  border: 1px solid #ccc;
  border-left: 0;
  padding: 5px;
  resize: none; }
  .textarea-group__textarea:hover, .textarea-group__textarea:focus {
    border-radius: 0;
    outline: none; }

.textarea-group__errmsg {
  display: none; }
  .textarea-group__errmsg.field-validation-error {
    display: inline-block;
    position: absolute;
    bottom: -1.85rem;
    left: 30%;
    color: red;
    border: 1px solid red;
    background-color: #fee;
    padding: 2px 10px;
    margin-top: 10px; }
    .textarea-group__errmsg.field-validation-error:before {
      bottom: 100%;
      left: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: transparent;
      border-bottom-color: #f00;
      border-width: 6px;
      margin-left: 7px; }

.textinput-group__togglepwdtext {
  position: absolute;
  right: 0;
  top: 6px; }
  .textinput-group__togglepwdtext:hover, .textinput-group__togglepwdtext:focus, .textinput-group__togglepwdtext:focus-visible {
    background-color: transparent;
    color: #2e2e38; }

.ui-white-icon {
  background-image: url(../images/ui-icons_ffffff_256x240.png);
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

#tp-ui-admin-nav {
  width: 360px;
  margin-top: 40px;
  color: #fff; }
  #tp-ui-admin-nav .tp-ui-nav-top-level {
    padding: 10px 20px;
    border-bottom: 1px solid #17171c;
    font-size: 15px; }
  #tp-ui-admin-nav .tp-ui-nav-sub-level {
    border-top: 1px solid #23232a;
    padding: 20px 5px 15px 30px;
    background-color: #23232a;
    display: none; }
    #tp-ui-admin-nav .tp-ui-nav-sub-level.open {
      display: block; }
  #tp-ui-admin-nav .tp-ui-nav-node {
    padding: 9px; }
    #tp-ui-admin-nav .tp-ui-nav-node.active {
      padding-left: 13px;
      color: #fff;
      font-weight: bold; }
    #tp-ui-admin-nav .tp-ui-nav-node .tp-ui-has-children {
      float: right;
      padding: 3px;
      content: '+'; }

#tp-ui-nav-selector {
  margin: 2px 0 10px 0;
  text-align: center; }
  #tp-ui-nav-selector > div {
    display: inline-block;
    width: 30%;
    text-align: center;
    font-size: 14px; }
    #tp-ui-nav-selector > div.active {
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
      color: #6e6e6e; }
    #tp-ui-nav-selector > div.inactive {
      color: #a1a1a1; }
      #tp-ui-nav-selector > div.inactive:hover {
        color: #6e6e6e; }

#tp-ui-app-nav {
  width: 130px; }
  #tp-ui-app-nav a {
    display: block;
    padding: 3px 10px;
    /*font-size: $font-size - 2;*/ }
  #tp-ui-app-nav .tp-ui-app-nav-base {
    /*overflow-y: auto;*/ }
    #tp-ui-app-nav .tp-ui-app-nav-base .header {
      display: none; }
      #tp-ui-app-nav .tp-ui-app-nav-base .header.single-node {
        display: block; }
    #tp-ui-app-nav .tp-ui-app-nav-base a {
      padding-left: 45px; }
    #tp-ui-app-nav .tp-ui-app-nav-base .tp-ui-navigation-group {
      margin-top: 20px; }
    #tp-ui-app-nav .tp-ui-app-nav-base .SimpleTreeNavigationNode {
      padding-left: 25px; }
    #tp-ui-app-nav .tp-ui-app-nav-base .SimpleTreeNavigationGroupNode {
      padding-left: 5px;
      font-weight: bold; }
    #tp-ui-app-nav .tp-ui-app-nav-base.no-sheetcodes a {
      padding: 10px; }
  #tp-ui-app-nav .tp-ui-app-nav-groups .headline {
    /*font-size: 16px;*/
    line-height: 16px;
    padding: 7px 13px;
    color: #fff;
    background-color: #2e2e38;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    font-weight: bold; }
  #tp-ui-app-nav .tp-ui-app-nav-groups .header {
    margin: 20px 0; }
  #tp-ui-app-nav .tp-ui-app-nav-groups .body {
    display: none; }
  #tp-ui-app-nav .tp-ui-app-nav-groups.short a {
    padding-left: 45px; }
  #tp-ui-app-nav .tp-ui-app-nav-groups.long a {
    padding-left: 30px; }

.tp-ui-app-nav-popup {
  display: inline-block !important;
  background-color: #f5f5f5; }
  .tp-ui-app-nav-popup a {
    display: block;
    padding: 3px 20px; }

#tp-ui-app-nav a:hover, .tp-ui-app-nav-popup a:hover {
  background-color: #ffe600; }

#tp-ui-app-nav a.OverviewNavigationNode:hover, .tp-ui-app-nav-popup a.OverviewNavigationNode:hover {
  background-color: #c0c0c0; }

#tp-ui-app-nav a.TaxRateNavigationNode:hover, .tp-ui-app-nav-popup a.TaxRateNavigationNode:hover {
  background-color: #ffff00; }

#tp-ui-app-nav a.SimpleTreeNavigationGroupNode:hover, .tp-ui-app-nav-popup a.SimpleTreeNavigationGroupNode:hover {
  background-color: inherit;
  cursor: default; }

#tp-ui-app-nav a.InputSheetNavigationNode:hover, #tp-ui-app-nav a.SimpleTreeNavigationNode:hover, .tp-ui-app-nav-popup a.InputSheetNavigationNode:hover, .tp-ui-app-nav-popup a.SimpleTreeNavigationNode:hover {
  background-color: #999; }

#tp-ui-app-nav a.OutputSheetNavigationNode:hover, .tp-ui-app-nav-popup a.OutputSheetNavigationNode:hover {
  background-color: #ffd200; }

table thead .tp-ui-admin-table-search {
  display: inline;
  white-space: nowrap; }
  table thead .tp-ui-admin-table-search input {
    border: 0;
    border-bottom: 1px solid #ddd; }

table thead .tp-ui-order-by {
  margin-left: 5px; }

table.tp-ui-tablelayout-fixed {
  table-layout: fixed;
  width: 100px !important;
  /* set a small width, so the table will not expand to 100% in IE7 */
  /* To long texts should be cut off instead of floating into the next cell */ }
  table.tp-ui-tablelayout-fixed th, table.tp-ui-tablelayout-fixed td {
    overflow: hidden; }

tbody .material-icons {
  line-height: 1.5; }

.tp-ui-header-cell {
  font-weight: bold;
  padding: 8px;
  vertical-align: bottom; }

.tp-ui-border-admin {
  border: 1px solid #ddd; }

#tp-ui-admin-content table,
.tp-ui-admin-table table,
.ui-dialog-content table {
  /*margin-top: 50px;*/
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%; }
  #tp-ui-admin-content table thead, #tp-ui-admin-content table tfoot, #tp-ui-admin-content table .ft-header-body,
  .tp-ui-admin-table table thead,
  .tp-ui-admin-table table tfoot,
  .tp-ui-admin-table table .ft-header-body,
  .ui-dialog-content table thead,
  .ui-dialog-content table tfoot,
  .ui-dialog-content table .ft-header-body {
    border-bottom: 2px solid #ddd; }
    #tp-ui-admin-content table thead th, #tp-ui-admin-content table tfoot th, #tp-ui-admin-content table .ft-header-body th,
    .tp-ui-admin-table table thead th,
    .tp-ui-admin-table table tfoot th,
    .tp-ui-admin-table table .ft-header-body th,
    .ui-dialog-content table thead th,
    .ui-dialog-content table tfoot th,
    .ui-dialog-content table .ft-header-body th {
      font-weight: bold;
      padding: 8px;
      vertical-align: bottom; }
    #tp-ui-admin-content table thead.no-border, #tp-ui-admin-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl thead.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-admin-content table thead.tp-ui-custom-button, #tp-ui-admin-content table tfoot.no-border, #tp-ui-admin-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tfoot.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-admin-content table tfoot.tp-ui-custom-button, #tp-ui-admin-content table .ft-header-body.no-border, #tp-ui-admin-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ft-header-body.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-admin-content table .ft-header-body.tp-ui-custom-button,
    .tp-ui-admin-table table thead.no-border,
    .tp-ui-admin-table table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl thead.tp-ui-custom-button,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-admin-table table thead.tp-ui-custom-button,
    .tp-ui-admin-table table tfoot.no-border,
    .tp-ui-admin-table table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tfoot.tp-ui-custom-button,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-admin-table table tfoot.tp-ui-custom-button,
    .tp-ui-admin-table table .ft-header-body.no-border,
    .tp-ui-admin-table table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ft-header-body.tp-ui-custom-button,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-admin-table table .ft-header-body.tp-ui-custom-button,
    .ui-dialog-content table thead.no-border,
    .ui-dialog-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl thead.tp-ui-custom-button,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ui-dialog-content table thead.tp-ui-custom-button,
    .ui-dialog-content table tfoot.no-border,
    .ui-dialog-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tfoot.tp-ui-custom-button,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ui-dialog-content table tfoot.tp-ui-custom-button,
    .ui-dialog-content table .ft-header-body.no-border,
    .ui-dialog-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ft-header-body.tp-ui-custom-button,
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ui-dialog-content table .ft-header-body.tp-ui-custom-button {
      border: 0; }
  #tp-ui-admin-content table tfoot,
  .tp-ui-admin-table table tfoot,
  .ui-dialog-content table tfoot {
    border-top: 2px solid #ddd; }
    #tp-ui-admin-content table tfoot td,
    .tp-ui-admin-table table tfoot td,
    .ui-dialog-content table tfoot td {
      padding: 8px; }
  #tp-ui-admin-content table tbody td,
  .tp-ui-admin-table table tbody td,
  .ui-dialog-content table tbody td {
    padding: 8px;
    border-top: 1px solid #ddd; }
  #tp-ui-admin-content table.slim, #tp-ui-admin-content table.slim-table,
  .tp-ui-admin-table table.slim,
  .tp-ui-admin-table table.slim-table,
  .ui-dialog-content table.slim,
  .ui-dialog-content table.slim-table {
    width: auto; }
  #tp-ui-admin-content table.no-border td, #tp-ui-admin-content .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl table.tp-ui-custom-button td, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-admin-content table.tp-ui-custom-button td,
  .tp-ui-admin-table table.no-border td,
  .tp-ui-admin-table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl table.tp-ui-custom-button td,
  .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-admin-table table.tp-ui-custom-button td,
  .ui-dialog-content table.no-border td,
  .ui-dialog-content .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl table.tp-ui-custom-button td,
  .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .ui-dialog-content table.tp-ui-custom-button td {
    border: 0 !important; }
  #tp-ui-admin-content table.no-padding td,
  .tp-ui-admin-table table.no-padding td,
  .ui-dialog-content table.no-padding td {
    padding: 0 !important; }
  #tp-ui-admin-content table:not(.no-hover) tbody:not(.ft-header-body) tr:hover,
  .tp-ui-admin-table table:not(.no-hover) tbody:not(.ft-header-body) tr:hover,
  .ui-dialog-content table:not(.no-hover) tbody:not(.ft-header-body) tr:hover {
    background-color: #f5f5f5 !important; }

#tp-ui-admin-content .tp-ui-admin-table-filter label,
.tp-ui-admin-table .tp-ui-admin-table-filter label,
.ui-dialog-content .tp-ui-admin-table-filter label {
  padding: 6px 5px 6px 25px;
  margin-right: -5px; }

#tp-ui-admin-content .tp-ui-admin-table-filter input[type=text],
.tp-ui-admin-table .tp-ui-admin-table-filter input[type=text],
.ui-dialog-content .tp-ui-admin-table-filter input[type=text] {
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 0px; }
  #tp-ui-admin-content .tp-ui-admin-table-filter input[type=text].use-datepicker,
  .tp-ui-admin-table .tp-ui-admin-table-filter input[type=text].use-datepicker,
  .ui-dialog-content .tp-ui-admin-table-filter input[type=text].use-datepicker {
    border-radius: 0 !important; }

#tp-ui-admin-content .tp-ui-admin-table-filter .tp-ui-datepicker,
.tp-ui-admin-table .tp-ui-admin-table-filter .tp-ui-datepicker,
.ui-dialog-content .tp-ui-admin-table-filter .tp-ui-datepicker {
  margin: 0 !important;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0px;
  vertical-align: bottom;
  padding: 6px;
  position: relative;
  left: -1px;
  cursor: pointer; }

#tp-ui-app-content table thead tr.first-row td, #tp-ui-app-content table .ft-header-body tr.first-row td,
.tp-ui-app-table table thead tr.first-row td,
.tp-ui-app-table table .ft-header-body tr.first-row td {
  border-top-color: transparent;
  border-bottom-color: transparent; }
  #tp-ui-app-content table thead tr.first-row td.border-bottom, #tp-ui-app-content table .ft-header-body tr.first-row td.border-bottom,
  .tp-ui-app-table table thead tr.first-row td.border-bottom,
  .tp-ui-app-table table .ft-header-body tr.first-row td.border-bottom {
    border-bottom-color: #ddd; }

#tp-ui-app-content table thead tr.transparent, #tp-ui-app-content table thead .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tr.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-app-content table thead tr.tp-ui-custom-button, #tp-ui-app-content table .ft-header-body tr.transparent, #tp-ui-app-content table .ft-header-body .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tr.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-app-content table .ft-header-body tr.tp-ui-custom-button,
.tp-ui-app-table table thead tr.transparent,
.tp-ui-app-table table thead .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tr.tp-ui-custom-button,
.tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-app-table table thead tr.tp-ui-custom-button,
.tp-ui-app-table table .ft-header-body tr.transparent,
.tp-ui-app-table table .ft-header-body .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tr.tp-ui-custom-button,
.tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-app-table table .ft-header-body tr.tp-ui-custom-button {
  background-color: transparent; }

#tp-ui-app-content table th, #tp-ui-app-content table .tp-ui-th,
.tp-ui-app-table table th,
.tp-ui-app-table table .tp-ui-th {
  background-color: #2e2e38;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-bottom-color: #2e2e38;
  padding: 5px;
  font-weight: bold; }
  #tp-ui-app-content table th:first-child, #tp-ui-app-content table .tp-ui-th:first-child,
  .tp-ui-app-table table th:first-child,
  .tp-ui-app-table table .tp-ui-th:first-child {
    border-left: 1px solid #2e2e38; }
  #tp-ui-app-content table th:last-child, #tp-ui-app-content table .tp-ui-th:last-child,
  .tp-ui-app-table table th:last-child,
  .tp-ui-app-table table .tp-ui-th:last-child {
    border-right: 1px solid #2e2e38 !important; }
    #tp-ui-app-content table th:last-child.tp-ui-not-last-child, #tp-ui-app-content table .tp-ui-th:last-child.tp-ui-not-last-child,
    .tp-ui-app-table table th:last-child.tp-ui-not-last-child,
    .tp-ui-app-table table .tp-ui-th:last-child.tp-ui-not-last-child {
      border-right-color: #fff !important; }
  #tp-ui-app-content table th.no-border, #tp-ui-app-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl th.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-app-content table th.tp-ui-custom-button, #tp-ui-app-content table .tp-ui-th.no-border, #tp-ui-app-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-th.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-app-content table .tp-ui-th.tp-ui-custom-button,
  .tp-ui-app-table table th.no-border,
  .tp-ui-app-table table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl th.tp-ui-custom-button,
  .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-app-table table th.tp-ui-custom-button,
  .tp-ui-app-table table .tp-ui-th.no-border,
  .tp-ui-app-table table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-th.tp-ui-custom-button,
  .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-app-table table .tp-ui-th.tp-ui-custom-button {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important; }
  #tp-ui-app-content table th.no-top-bottom-border, #tp-ui-app-content table .tp-ui-th.no-top-bottom-border,
  .tp-ui-app-table table th.no-top-bottom-border,
  .tp-ui-app-table table .tp-ui-th.no-top-bottom-border {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important; }
  #tp-ui-app-content table th.border-bottom, #tp-ui-app-content table .tp-ui-th.border-bottom,
  .tp-ui-app-table table th.border-bottom,
  .tp-ui-app-table table .tp-ui-th.border-bottom {
    border-bottom-color: #fff; }
  #tp-ui-app-content table th.border-left, #tp-ui-app-content table .tp-ui-th.border-left,
  .tp-ui-app-table table th.border-left,
  .tp-ui-app-table table .tp-ui-th.border-left {
    border-left-color: #2e2e38; }
  #tp-ui-app-content table th.border-right, #tp-ui-app-content table .tp-ui-th.border-right,
  .tp-ui-app-table table th.border-right,
  .tp-ui-app-table table .tp-ui-th.border-right {
    border-right-color: #2e2e38; }
  #tp-ui-app-content table th.tp-ui-bg-f0f0f0, #tp-ui-app-content table .tp-ui-th.tp-ui-bg-f0f0f0,
  .tp-ui-app-table table th.tp-ui-bg-f0f0f0,
  .tp-ui-app-table table .tp-ui-th.tp-ui-bg-f0f0f0 {
    background-color: #f0f0f0;
    color: #000; }
  #tp-ui-app-content table th input[type="text"], #tp-ui-app-content table th textarea, #tp-ui-app-content table th div.tp-js-advanced-select, #tp-ui-app-content table .tp-ui-th input[type="text"], #tp-ui-app-content table .tp-ui-th textarea, #tp-ui-app-content table .tp-ui-th div.tp-js-advanced-select,
  .tp-ui-app-table table th input[type="text"],
  .tp-ui-app-table table th textarea,
  .tp-ui-app-table table th div.tp-js-advanced-select,
  .tp-ui-app-table table .tp-ui-th input[type="text"],
  .tp-ui-app-table table .tp-ui-th textarea,
  .tp-ui-app-table table .tp-ui-th div.tp-js-advanced-select {
    width: 100%;
    border: 1px solid #ddd; }

#tp-ui-app-content table tr td,
.tp-ui-app-table table tr td {
  border: 1px solid #ddd;
  padding: 5px; }
  #tp-ui-app-content table tr td select,
  .tp-ui-app-table table tr td select {
    width: 100%; }
  #tp-ui-app-content table tr td.no-border, #tp-ui-app-content table tr .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl td.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-app-content table tr td.tp-ui-custom-button,
  .tp-ui-app-table table tr td.no-border,
  .tp-ui-app-table table tr .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl td.tp-ui-custom-button,
  .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-app-table table tr td.tp-ui-custom-button {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important; }
  #tp-ui-app-content table tr td.no-top-bottom-border,
  .tp-ui-app-table table tr td.no-top-bottom-border {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important; }
  #tp-ui-app-content table tr td input[type="text"], #tp-ui-app-content table tr td textarea, #tp-ui-app-content table tr td div.tp-js-advanced-select,
  .tp-ui-app-table table tr td input[type="text"],
  .tp-ui-app-table table tr td textarea,
  .tp-ui-app-table table tr td div.tp-js-advanced-select {
    width: 100%;
    border: 1px solid #ddd;
    padding: 2px 0 1px 0;
    overflow: hidden; }
  #tp-ui-app-content table tr td input[type="text"],
  .tp-ui-app-table table tr td input[type="text"] {
    height: 19px; }

#tp-ui-app-content table tr.first-row td,
.tp-ui-app-table table tr.first-row td {
  border-left-color: transparent;
  border-right-color: transparent;
  height: 12px; }

#tp-ui-app-content table tr.first-row.no-top-border td,
.tp-ui-app-table table tr.first-row.no-top-border td {
  border-top-color: transparent; }

#tp-ui-app-content table tr.no-border td, #tp-ui-app-content table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tr.tp-ui-custom-button td, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #tp-ui-app-content table tr.tp-ui-custom-button td,
.tp-ui-app-table table tr.no-border td,
.tp-ui-app-table table .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl tr.tp-ui-custom-button td,
.tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-app-table table tr.tp-ui-custom-button td {
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important; }

div.use-fixedtable {
  /*border: 1px solid red; overflow: hidden; */
  /*#ui-main div.fixedTableContainer td.zeroWidth,
    #ui-main div.fixedTableContainer th.zeroWidth {
        width: 0;
        padding-left: 0;
        padding-right: 0;
        border: 0;
    }*/ }
  div.use-fixedtable .ft-subheading {
    padding: 10px; }
  div.use-fixedtable table.ft-fixed {
    table-layout: fixed;
    width: 10px !important;
    /* without this, FF, Edge & Chrome will expand columns when there too long unbreakable words in them */
    /* To long texts should be cut off instead of floating into the next cell */ }
    div.use-fixedtable table.ft-fixed th, div.use-fixedtable table.ft-fixed td {
      overflow: hidden; }
  div.use-fixedtable div.ft-outer {
    overflow: hidden;
    /* this is required so that the inner div can expand freely */ }
    div.use-fixedtable div.ft-outer.ft-left {
      clear: both;
      float: left; }
      div.use-fixedtable div.ft-outer.ft-left td:last-child {
        border-right-color: transparent !important; }
        div.use-fixedtable div.ft-outer.ft-left td:last-child.border-right {
          border-right-color: #ddd !important; }
  div.use-fixedtable div.ft-relative {
    position: relative;
    left: -1px;
    /* avoid double sized borders in the middle between left and right tables */ }
  div.use-fixedtable div.ft-inner {
    width: 9000px;
    overflow: hidden; }
  div.use-fixedtable div.ft-content.ft-outer.ft-right {
    overflow: auto; }
  div.use-fixedtable div.ft-content.ft-left > table span.text {
    line-height: 19px;
    /* !! 1px padding + 18px height = 19px !! */ }
  div.use-fixedtable.no-single-side-mode .ft-header.ft-inner.ft-right th:first-child {
    border-left-color: #fff !important; }
  div.use-fixedtable div.ft-content.ft-outer td {
    /* make long text without whitespaces break. See #4882
               note that without setting table width, FF & Edge will still rather expand column width then break words... */
    word-wrap: break-word; }
  div.use-fixedtable div.ft-content.ft-outer input[type="text"], div.use-fixedtable div.ft-content.ft-outer textarea, div.use-fixedtable div.ft-content.ft-outer div.tp-js-advanced-select {
    background-color: #ccc; }
  div.use-fixedtable div.ft-content.ft-outer span.numeric, div.use-fixedtable div.ft-content.ft-outer input.numeric {
    margin: 0;
    padding-top: 1px;
    line-height: 18px; }

.tp-js-scroll-top-offset-parent {
  position: relative; }

div.tp-ui-scroll-top {
  display: none;
  position: absolute;
  right: 100px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: #2e2e38;
  opacity: 0.4;
  border-radius: 0px;
  cursor: pointer;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font-family: 'Metro';
  src: url("_fonts/metro.eot"), url("_fonts/metro.eot?#iefix") format("embedded-opentype"), url("_fonts/metro.woff") format("woff"), url("_fonts/metro.ttf") format("truetype");
  font-size: 28px;
  font-weight: bold; }
  div.tp-ui-scroll-top:hover {
    opacity: 1; }
  div.tp-ui-scroll-top > span {
    vertical-align: middle; }
    div.tp-ui-scroll-top > span::before {
      content: "\E69C"; }

.tp-ui-instance-table tbody:not(.ft-header-body) tr:first-child {
  height: 0 !important; }
  .tp-ui-instance-table tbody:not(.ft-header-body) tr:first-child td {
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important; }

.tp-ui-instance-table tbody:not(.ft-header-body) tr td {
  border: 1px solid #ddd; }

.tp-ui-chipmunk tbody:not(.no-chipmunk):not(.ft-header-body) tr:nth-child(odd) {
  background-color: #fff; }

.tp-ui-chipmunk tbody:not(.no-chipmunk):not(.ft-header-body) tr:nth-child(even) {
  background-color: #f9f9f9; }

.tp-ui-chipmunk tbody:not(.no-chipmunk):not(.ft-header-body) tr tr.subheading {
  background-color: #2e2e38;
  color: #fff;
  padding: 4px; }

.tp-ui-chipmunk tbody.auto-color tr:nth-of-type(odd) {
  background-color: #fff; }

.tp-ui-chipmunk tbody.auto-color tr:nth-of-type(even) {
  background-color: #f9f9f9; }

table.no-border, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl table.tp-ui-custom-button {
  border: 0; }
  table.no-border td, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl table.tp-ui-custom-button td {
    border: 0 !important; }

table.tp-ui-excel {
  table-layout: fixed;
  border: 1px solid #c0c0c0;
  background-color: #fff;
  width: 10px;
  position: relative; }
  table.tp-ui-excel thead {
    border-bottom: 0;
    background-color: #ccc;
    font-weight: bold; }
    table.tp-ui-excel thead th {
      width: 140px;
      border: 1px solid #a0a0a0;
      text-align: center; }
      table.tp-ui-excel thead th:first-child {
        width: 30px; }
      table.tp-ui-excel thead th.is-empty {
        width: 20px;
        padding: 0;
        vertical-align: middle; }
    table.tp-ui-excel thead tr:first-child th {
      position: relative;
      overflow: visible; }
  table.tp-ui-excel tbody td {
    width: 140px;
    border: 1px solid #c0c0c0;
    padding: 0;
    background-color: #f0f0f0; }
    table.tp-ui-excel tbody td:first-child {
      width: 30px;
      font-weight: bold;
      text-align: center;
      background-color: #ccc;
      padding: 5px; }
    table.tp-ui-excel tbody td > div {
      padding: 5px; }
      table.tp-ui-excel tbody td > div.has-name {
        border: 3px solid #9cf;
        padding: 2px; }
      table.tp-ui-excel tbody td > div.tp-js-cell-selectable {
        cursor: pointer;
        background-color: #fff; }
        table.tp-ui-excel tbody td > div.tp-js-cell-selectable.selected {
          border: 1px solid #000;
          background-color: #ffe600; }
  table.tp-ui-excel.readonly .selected {
    background-color: #ffe600; }

.tp-ui-excel-legend {
  display: flex;
  flex-direction: row;
  margin-left: 240px; }
  .tp-ui-excel-legend div {
    margin: 5px 0;
    align-self: center; }
    .tp-ui-excel-legend div.cube {
      width: 22px;
      height: 22px;
      border: 1px solid #000; }
      .tp-ui-excel-legend div.cube div {
        width: 100%;
        height: 100%;
        padding: 5px;
        margin: 0;
        text-align: center; }
        .tp-ui-excel-legend div.cube div.has-name {
          border: 3px solid #9cf;
          padding: 2px; }
        .tp-ui-excel-legend div.cube div.selected {
          border: 1px solid #000;
          background-color: #ffe600; }
        .tp-ui-excel-legend div.cube div.not-selectable {
          background-color: #f0f0f0; }
    .tp-ui-excel-legend div.legend {
      height: 22px;
      width: 170px;
      padding: 5px; }

.tp-js-resizer {
  position: absolute;
  top: 0;
  right: -12px;
  width: 24px;
  height: 100%;
  cursor: col-resize;
  z-index: 200; }

.tp-js-dropdown {
  margin: 10px 0 40px 0; }
  .tp-js-dropdown.no-margin {
    margin: 0; }

.tp-js-dropdown-popup {
  display: inline-block; }
  .tp-js-dropdown-popup a {
    display: block;
    cursor: pointer;
    padding: 5px 10px; }
    .tp-js-dropdown-popup a:hover {
      background-color: #e1e1e6; }

.admin-toolbar {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem; }

.admin-toolbar__item {
  padding-right: 2rem; }
  .admin-toolbar__item .btn--ny {
    margin: 0 0 10px;
    height: 34px;
    min-height: 34px; }
  .admin-toolbar__item .tp-js-dropdown {
    margin: 0; }

.admin-toolbar__item--fill {
  flex: 1 1 auto; }

.tp-ui-dashboardstatus {
  padding: 3px 5px; }
  .tp-ui-dashboardstatus.gray {
    background-color: #f0f0f0;
    border: 1px solid #ccc; }
  .tp-ui-dashboardstatus.green {
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    color: #fff; }
  .tp-ui-dashboardstatus.yellow {
    background-color: #f0ad4e;
    border: 1px solid #eea236;
    color: #fff; }
  .tp-ui-dashboardstatus.red {
    background-color: #d9534f;
    border: 1px solid #d43f3a;
    color: #fff; }

.tp-ui-taglist {
  padding: 0; }
  .tp-ui-taglist .tag {
    font-weight: bold;
    background-color: #ccc;
    color: #2e2e38;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: xx-small; }
  .tp-ui-taglist.compact .tag {
    padding: 1px 10px;
    border-radius: 6px; }

#tp-ui-dashboard {
  padding: 2rem 3rem;
  overflow-x: hidden; }
  #tp-ui-dashboard .dashboard__tiles ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    gap: 1rem 2rem; }
    #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile {
      flex-grow: 0;
      display: block;
      margin: 0;
      background-color: #fff;
      width: 15rem;
      height: 10rem;
      position: relative; }
      #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile a {
        display: block;
        width: 100%;
        height: 100%; }
      #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-title {
        line-height: 2.5rem;
        position: absolute;
        bottom: 1.5rem;
        left: 1rem; }
      #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-band {
        position: absolute;
        bottom: 1px;
        left: 1px;
        width: calc(100% - 2px);
        height: .75rem; }
        #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-band.bg-yellow {
          background-color: #FFE600; }
        #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-band.bg-gray {
          background-color: #747480; }
      #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile .dashboard__tile-icon {
        height: 100%;
        width: 100%;
        font-size: 4rem;
        text-align: center; }
      #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile.dashboard__tile--spacer {
        background-color: transparent;
        width: 3rem; }
      #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile.dashboard__tile--continue-work {
        background-color: #FFE600; }
        #tp-ui-dashboard .dashboard__tiles ul .dashboard__tile.dashboard__tile--continue-work .dashboard__tile-title {
          font-size: 1.5rem;
          bottom: 0.5rem; }
  #tp-ui-dashboard .dashboard__todolist {
    width: 40rem;
    height: 20rem;
    background-color: #fff; }

#GeneralGroupAdministration {
  /*border: 1px solid red;*/
  /*display: table;*/
  width: 100%;
  margin-top: 20px; }
  #GeneralGroupAdministration div.filterArea {
    /*display: table-row;*/
    vertical-align: bottom;
    margin-top: 80px; }
    #GeneralGroupAdministration div.filterArea > div {
      vertical-align: bottom; }
    #GeneralGroupAdministration div.filterArea input[type=text], #GeneralGroupAdministration div.filterArea select {
      width: 60%; }
    #GeneralGroupAdministration div.filterArea select {
      border: 0; }
    #GeneralGroupAdministration div.filterArea .groupView .tp-ui-admin-table-search {
      height: 80px; }
  #GeneralGroupAdministration div.dataArea {
    /*display: table-row;*/
    vertical-align: top; }
    #GeneralGroupAdministration div.dataArea > div {
      vertical-align: top;
      overflow: auto; }
    #GeneralGroupAdministration div.dataArea .groupView {
      margin-top: -58px; }
  #GeneralGroupAdministration div.groupView, #GeneralGroupAdministration div.elementView {
    display: inline-block;
    width: 39%;
    border: 1px solid #ddd; }
  #GeneralGroupAdministration div.buttonDiv {
    display: inline-block;
    width: 19%;
    text-align: center;
    /*verflow: hidden;*/ }
    #GeneralGroupAdministration div.buttonDiv span {
      vertical-align: middle !important; }
  #GeneralGroupAdministration div.groupView {
    /* background-color: Orange; */
    /*vertical-align: top;*/ }
    #GeneralGroupAdministration div.groupView div.accordion {
      margin: 1px 0;
      border-radius: 0px; }
    #GeneralGroupAdministration div.groupView div.head {
      padding: 5px;
      background-image: url(../images/treeview_closed.png);
      background-repeat: no-repeat;
      background-position: 10px center;
      background-color: #E1E1E6;
      border: 1px solid #aaaaaa;
      cursor: default;
      text-indent: 30px; }
      #GeneralGroupAdministration div.groupView div.head.open {
        background-image: url(../images/treeview_open.png); }
      #GeneralGroupAdministration div.groupView div.head.ui-state-focus {
        background-color: #C4C4CD; }
    #GeneralGroupAdministration div.groupView div.content {
      display: none;
      background-color: #f0f0f0;
      padding: 3px 0 3px 20px; }
    #GeneralGroupAdministration div.groupView div.member {
      border: 1px solid #808080;
      border-radius: 0px;
      padding: 5px;
      margin: 1px 0;
      font-weight: bold;
      background-color: #fff; }
      #GeneralGroupAdministration div.groupView div.member:hover {
        background-color: #F6F6FA; }
    #GeneralGroupAdministration div.groupView div.head, #GeneralGroupAdministration div.groupView div.member {
      display: table;
      width: 100%; }
      #GeneralGroupAdministration div.groupView div.head .caption, #GeneralGroupAdministration div.groupView div.member .caption {
        display: table-cell;
        white-space: nowrap; }
      #GeneralGroupAdministration div.groupView div.head .icons, #GeneralGroupAdministration div.groupView div.member .icons {
        width: 100px;
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        text-indent: 0; }
        #GeneralGroupAdministration div.groupView div.head .icons span, #GeneralGroupAdministration div.groupView div.member .icons span {
          padding: 0 !important; }
  #GeneralGroupAdministration #elementGroupFilter {
    border-bottom: 1px solid #ddd; }
  #GeneralGroupAdministration div.elementView {
    /*background-color: Orange;*/ }
    #GeneralGroupAdministration div.elementView div.element {
      border: 1px solid #808080;
      border-radius: 0px;
      margin: 1px 0;
      padding: 5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #GeneralGroupAdministration div.elementView div.element:hover {
        background-color: #F6F6FA; }
      #GeneralGroupAdministration div.elementView div.element div.caption {
        display: inline-block; }
    #GeneralGroupAdministration div.elementView .element.ui-draggable-dragging {
      display: flex !important;
      /* !important to override inline style on draggable-handle */ }
  #GeneralGroupAdministration div.filterArea {
    /*width: 400px;*/ }
  #GeneralGroupAdministration div.pendingChanges {
    font-weight: normal !important;
    font-style: italic; }
  #GeneralGroupAdministration div.head.pendingChanges div.text {
    text-indent: 0;
    display: inline-block; }
  #GeneralGroupAdministration .icons .material-icons {
    font-size: 1.2em; }

.membershipdetailview .membershipdetailview__active {
  background-color: #C4C4CD; }

#tp-ui-permission-matrix {
  overflow: auto; }
  #tp-ui-permission-matrix table {
    table-layout: fixed;
    width: 100px !important; }
    #tp-ui-permission-matrix table tr {
      height: 32px; }
      #tp-ui-permission-matrix table tr td {
        border: 1px solid #ddd; }
      #tp-ui-permission-matrix table tr td, #tp-ui-permission-matrix table tr th {
        width: 150px;
        overflow: hidden; }
  #tp-ui-permission-matrix #permissionMatrix_typeBasedTable {
    margin: 0 0 40px 0;
    overflow-x: auto; }
    #tp-ui-permission-matrix #permissionMatrix_typeBasedTable th {
      vertical-align: bottom;
      text-align: center; }

#permissionAdministration th.action-group-header,
th.permissionAction.typeBased {
  /*color: #FFE700 !important;*/
  text-decoration: underline; }

.permission, td.permission-2, td.permission-3, td.permission-4, td.permission-5, td.permission-6, td.permission-7, td.permission-1-PendingChange, td.permission-2-PendingChange, td.permission-3-PendingChange, td.permission-4-PendingChange, td.permission-5-PendingChange, td.permission-6-PendingChange, td.permission-7-PendingChange, td.permission-Allow-Inactive, td.permission-Allow-Active, td.permission-Allow-PendingDelete, td.permission-Deny-Inactive, td.permission-Deny-Active, td.permission-Deny-PendingDelete {
  background-position: center;
  background-repeat: no-repeat; }
  .permission .permission-status, td.permission-2 .permission-status, td.permission-3 .permission-status, td.permission-4 .permission-status, td.permission-5 .permission-status, td.permission-6 .permission-status, td.permission-7 .permission-status, td.permission-1-PendingChange .permission-status, td.permission-2-PendingChange .permission-status, td.permission-3-PendingChange .permission-status, td.permission-4-PendingChange .permission-status, td.permission-5-PendingChange .permission-status, td.permission-6-PendingChange .permission-status, td.permission-7-PendingChange .permission-status, td.permission-Allow-Inactive .permission-status, td.permission-Allow-Active .permission-status, td.permission-Allow-PendingDelete .permission-status, td.permission-Deny-Inactive .permission-status, td.permission-Deny-Active .permission-status, td.permission-Deny-PendingDelete .permission-status {
    background-image: url("../images/permissions/permission-sprites.png");
    width: 22px;
    height: 22px;
    margin: 0 auto; }

td.permission-2 .permission-status {
  background-position: -44px 0; }

td.permission-3 .permission-status {
  background-position: -22px 0; }

td.permission-4 .permission-status {
  background-position: -110px 0; }

td.permission-5 .permission-status {
  background-position: -88px 0; }

td.permission-6 .permission-status {
  background-position: 0 -66px;
  width: 60px; }

td.permission-7 .permission-status {
  background-position: -60px -66px;
  width: 60px; }

td.permission-1-PendingChange .permission-status {
  background-position: -26px -41px; }

td.permission-2-PendingChange .permission-status {
  background-position: -84px -44px;
  width: 42px; }

td.permission-3-PendingChange .permission-status {
  background-position: -42px -44px;
  width: 42px; }

td.permission-4-PendingChange .permission-status {
  background-position: -168px -44px;
  width: 42px; }

td.permission-5-PendingChange .permission-status {
  background-position: -126px -44px;
  width: 42px; }

td.permission-6-PendingChange .permission-status {
  background-position: -180px -66px;
  width: 60px; }

td.permission-7-PendingChange .permission-status {
  background-position: -120px -66px;
  width: 60px; }

td.permission-Allow-Inactive .permission-status {
  background-position: -66px 0; }

td.permission-Allow-Active .permission-status {
  background-position: -44px 0; }

td.permission-Allow-PendingDelete .permission-status {
  background-position: 0 -22px;
  width: 25px; }

td.permission-Deny-Inactive .permission-status {
  background-position: -132px 0; }

td.permission-Deny-Active .permission-status {
  background-position: -110px 0; }

td.permission-Deny-PendingDelete .permission-status {
  background-position: -25px -22px;
  width: 25px; }

.tp-ui-validation-result-base, .validationOK, .validationError, .validationWarning {
  background-color: #dff0d8 !important;
  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%) !important;
  font-weight: bold !important; }

.validationOK {
  color: #3c763d !important; }

.validationDisabled {
  color: #e7e7ea !important; }
  .validationDisabled a {
    color: #000 !important; }

.validationError {
  color: #a94442 !important; }
  .validationError:not(.reviewed) {
    background-color: #f2dede !important;
    background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%) !important; }

.validationWarning {
  color: #715d40 !important; }
  .validationWarning:not(.reviewed) {
    background-color: #f3c88a !important;
    background-image: linear-gradient(to bottom, #f3c88a 0px, #f6cf9d 100%) !important; }

#tp-js-validation-signal {
  padding: 8px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 3px; }

table tr.validationError td:first-child {
  font-size: 15px; }

div.tp-ui-comment-container {
  width: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left !important;
  /* overwrite .ui-tooltip */
  transform: none !important;
  /* overwrite .ui-tooltip */
  max-height: 70vh; }
  div.tp-ui-comment-container .tp-ui-comment-controls {
    margin: 5px 0 10px 0; }
    div.tp-ui-comment-container .tp-ui-comment-controls .tp-ui-icon-button, div.tp-ui-comment-container .tp-ui-comment-controls .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl div.tp-ui-comment-container .tp-ui-comment-controls .tp-ui-custom-button {
      color: #000; }
      div.tp-ui-comment-container .tp-ui-comment-controls .tp-ui-icon-button:hover, div.tp-ui-comment-container .tp-ui-comment-controls .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl div.tp-ui-comment-container .tp-ui-comment-controls .tp-ui-custom-button:hover {
        color: #fff; }
  div.tp-ui-comment-container .tp-ui-comment-entries {
    padding-bottom: 20px; }
  div.tp-ui-comment-container .tp-ui-comment-entry {
    margin-top: 20px; }
    div.tp-ui-comment-container .tp-ui-comment-entry.first {
      margin-top: 0; }
    div.tp-ui-comment-container .tp-ui-comment-entry > span {
      display: inline-block;
      width: 100%;
      padding: 3px 8px; }
    div.tp-ui-comment-container .tp-ui-comment-entry .head {
      font-weight: bold;
      display: flex;
      align-items: center;
      color: #ffe600; }
      div.tp-ui-comment-container .tp-ui-comment-entry .head span:first-child {
        flex: 1 1 auto; }
      div.tp-ui-comment-container .tp-ui-comment-entry .head .author {
        padding-left: 8px; }
    div.tp-ui-comment-container .tp-ui-comment-entry .tags {
      padding: 0; }
      div.tp-ui-comment-container .tp-ui-comment-entry .tags .tag {
        font-weight: bold;
        background-color: #ccc;
        color: #2e2e38;
        padding: 1px 10px;
        border-radius: 6px;
        font-size: xx-small; }
    div.tp-ui-comment-container .tp-ui-comment-entry .body {
      font-weight: normal;
      background-color: #999;
      border: 1px solid #fff;
      border-radius: 12px;
      border-bottom-left-radius: 0;
      margin-top: .25rem; }
      div.tp-ui-comment-container .tp-ui-comment-entry .body.reply {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 12px; }
  div.tp-ui-comment-container .tp-ui-comment-load-more {
    margin-top: 10px;
    color: #c4c4c4; }
  div.tp-ui-comment-container .tp-ui-comment-show-replies {
    margin-left: -25px;
    color: #c4c4c4; }
  div.tp-ui-comment-container .tp-ui-comment-hide-replies {
    margin-top: 10px;
    margin-left: -25px;
    color: #c4c4c4; }
  div.tp-ui-comment-container .tp-ui-comment-replies {
    padding-left: 30px;
    border-left: 1px dotted #c0c0c0; }

.tp-ui-ext-inf-ctrl-wrapper {
  position: relative;
  display: flex;
  justify-content: center; }
  .tp-ui-ext-inf-ctrl-wrapper.left .tp-ui-ext-inf-ctrl {
    left: -3px; }
    .tp-ui-ext-inf-ctrl-wrapper.left .tp-ui-ext-inf-ctrl .tp-ui-comment-control {
      transform: scaleX(-1); }
  .tp-ui-ext-inf-ctrl-wrapper.right .tp-ui-ext-inf-ctrl {
    right: -3px; }
  .tp-ui-ext-inf-ctrl-wrapper.outside.top {
    padding-top: 19px; }
    .tp-ui-ext-inf-ctrl-wrapper.outside.top.center-content {
      padding-bottom: 19px;
      /* equal padding on bottom to keep vertical alignment */ }
  .tp-ui-ext-inf-ctrl-wrapper.outside.left {
    padding-left: 19px; }
    .tp-ui-ext-inf-ctrl-wrapper.outside.left.center-content {
      padding-right: 19px; }
  .tp-ui-ext-inf-ctrl-wrapper.outside.right {
    padding-right: 19px; }
    .tp-ui-ext-inf-ctrl-wrapper.outside.right.center-content {
      padding-left: 19px; }
  .tp-ui-ext-inf-ctrl-wrapper.center .tp-ui-ext-inf-ctrl {
    /*top: calc(50% - 9px);*/ }
  .tp-ui-ext-inf-ctrl-wrapper.top .tp-ui-ext-inf-ctrl {
    top: 0; }
  .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl {
    position: absolute;
    display: flex;
    align-items: center;
    /* currently not used, but let's keep it for oncoming developments */
    /*.tp-ui-comment-control,
                .tp-ui-extcalc-control {
                    display: inline;
                }

                .tp-ui-extcalc-control {
                    top: 0;
                    left: 0;
                }
            }
        }*/ }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button {
      display: none;
      color: #ffe600;
      text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 ; }
      .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover {
        background-color: transparent; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-empty {
      display: none;
      border: 0;
      padding: 2px;
      color: #2e2e38;
      background-color: transparent;
      position: relative;
      top: 4px; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-extcalc-control {
      width: 16px;
      height: 16px;
      /*padding: 2px;*/
      background-image: url("../images/contentType/xlsx.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
      position: relative;
      left: 1px; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl:hover .tp-ui-empty, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.hover .tp-ui-empty {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc .tp-ui-empty, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value .tp-ui-empty, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value .tp-ui-empty, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value .tp-ui-calcval-control {
      display: none; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value .tp-ui-layers {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc:hover .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc.hover .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value:hover .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value.hover .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value:hover .tp-ui-layers, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value.hover .tp-ui-layers {
      display: none; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc:hover.tp-ui-has-comment .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc.hover.tp-ui-has-comment .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value:hover.tp-ui-has-comment .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value.hover.tp-ui-has-comment .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value:hover.tp-ui-has-comment .tp-ui-comment-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value.hover.tp-ui-has-comment .tp-ui-comment-control {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc:hover.tp-ui-has-ext-calc .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc.hover.tp-ui-has-ext-calc .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value:hover.tp-ui-has-ext-calc .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value.hover.tp-ui-has-ext-calc .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value:hover.tp-ui-has-ext-calc .tp-ui-extcalc-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value.hover.tp-ui-has-ext-calc .tp-ui-extcalc-control {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc:hover.tp-ui-has-overwritten-value .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-ext-calc.hover.tp-ui-has-overwritten-value .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value:hover.tp-ui-has-overwritten-value .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment.tp-ui-has-overwritten-value.hover.tp-ui-has-overwritten-value .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value:hover.tp-ui-has-overwritten-value .tp-ui-calcval-control, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc.tp-ui-has-overwritten-value.hover.tp-ui-has-overwritten-value .tp-ui-calcval-control {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment .tp-ui-empty {
      display: none; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-comment .tp-ui-comment-control {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc .tp-ui-empty {
      display: none; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc .tp-ui-extcalc-control {
      display: inline; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-overwritten-value .tp-ui-empty {
      display: none; }
    .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl.tp-ui-has-overwritten-value .tp-ui-calcval-control {
      display: inline; }

.tp-ui-dialog-content .tp-ui-ext-inf-ctrl-wrapper {
  padding: 0 !important; }

.tp-ui-dialog-content .tp-ui-ext-inf-ctrl {
  left: auto !important;
  right: -3px; }
  .tp-ui-dialog-content .tp-ui-ext-inf-ctrl .tp-ui-empty,
  .tp-ui-dialog-content .tp-ui-ext-inf-ctrl .tp-ui-layers,
  .tp-ui-dialog-content .tp-ui-ext-inf-ctrl .tp-ui-comment-control,
  .tp-ui-dialog-content .tp-ui-ext-inf-ctrl .tp-ui-extcalc-control {
    display: none !important; }
  .tp-ui-dialog-content .tp-ui-ext-inf-ctrl.tp-ui-has-ext-calc .tp-ui-extcalc-control {
    display: inline !important; }
  .tp-ui-dialog-content .tp-ui-ext-inf-ctrl.hover .tp-ui-extcalc-control {
    top: 2px !important;
    left: 1px !important; }

.tp-ui-dialog-content .tp-js-commentable .tp-ui-icon-button, .tp-ui-dialog-content .tp-js-commentable .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-dialog-content .tp-js-commentable .tp-ui-custom-button {
  opacity: .3; }

.tp-ui-dialog-content .tp-js-commentable.tp-ui-has-comment .tp-ui-icon-button, .tp-ui-dialog-content .tp-js-commentable.tp-ui-has-comment .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-dialog-content .tp-js-commentable.tp-ui-has-comment .tp-ui-custom-button {
  opacity: 1;
  color: #ffe600;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 ; }

/* Backward compatibility for archived data */
td.tp-ui-has-comment {
  background-image: url("../images/comments/comment.png");
  background-repeat: no-repeat;
  background-position: top right; }

div.tp-ui-contextmenu {
  display: inline-block;
  background-color: #fff;
  box-shadow: 5px 5px 2px #888;
  z-index: 9999;
  /* above dialogs */ }
  div.tp-ui-contextmenu > div {
    padding: 5px 20px;
    cursor: pointer; }
    div.tp-ui-contextmenu > div:hover {
      background-color: #e1e1e6; }
    div.tp-ui-contextmenu > div.no-hover:hover {
      background-color: #fff; }
    div.tp-ui-contextmenu > div.no-cursor {
      cursor: default; }
    div.tp-ui-contextmenu > div.tp-ui-contextmenu-disabled {
      font-style: italic;
      color: #747480; }
      div.tp-ui-contextmenu > div.tp-ui-contextmenu-disabled:hover {
        background-color: #ccc; }
    div.tp-ui-contextmenu > div.tp-ui-contextmenu-seperator {
      background-color: #888;
      padding: 0 !important;
      height: 1px;
      margin: 4px 10px; }
      div.tp-ui-contextmenu > div.tp-ui-contextmenu-seperator:hover {
        background-color: inherit !important; }

div.tp-js-advanced-select {
  padding: 1px 20px 1px 1px;
  background-image: url("../images/advanced-select-opener.png");
  background-position: 98% center;
  background-repeat: no-repeat;
  cursor: pointer; }

* [data-advanced-select-value] {
  cursor: pointer; }

.tp-ui-advanced-select-reset-button {
  padding: 5px 0;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 15px; }

.tp-ui-advanced-select-content {
  max-height: 800px;
  overflow: auto; }

div.confirmation-message-container .confirmation-message-summary {
  margin: 10px 0; }

div.confirmation-message-container ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 30px;
  padding-top: 10px; }
  div.confirmation-message-container ul li {
    padding: 5px 0; }
    div.confirmation-message-container ul li .confirmation-message-summary {
      font-weight: normal !important;
      margin: 0 !important; }

.groupChartContainer {
  /* lines */
  /* end lines */ }
  .groupChartContainer table {
    width: auto !important;
    max-width: none !important; }
  .groupChartContainer table.outer-table {
    margin: 0 auto;
    border: 0;
    border-collapse: collapse;
    width: auto !important; }
    .groupChartContainer table.outer-table tr:hover {
      background-color: #fff !important; }
    .groupChartContainer table.outer-table td {
      border: 0;
      padding: 0; }
  .groupChartContainer div.node {
    padding: 5px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    width: 132px;
    height: 78px;
    overflow: hidden; }
  .groupChartContainer div.node-content {
    width: 132px;
    height: 62px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden; }
  .groupChartContainer.topdown table td {
    text-align: center; }
  .groupChartContainer.topdown td {
    vertical-align: top; }
  .groupChartContainer.topdown div.node {
    margin: 0 2px -3px 0; }
  .groupChartContainer.topdown td.line {
    height: 30px; }
  .groupChartContainer.topdown td.line.from-node {
    background-image: url("../images/blackPixel.png");
    background-repeat: repeat-y;
    background-position: center top; }
  .groupChartContainer.topdown td.line.to-node {
    height: 30px;
    border-right: 1px solid #000; }
  .groupChartContainer.leftright div.node {
    margin: 2px 0; }
  .groupChartContainer.leftright table td {
    text-align: left; }
  .groupChartContainer.leftright table td[rowspan="1"] {
    height: 50px; }
  .groupChartContainer.leftright td.line {
    width: 30px; }
  .groupChartContainer.leftright td.line.from-node {
    background-image: url("../images/blackPixel.png");
    background-repeat: repeat-x;
    background-position: left center; }
  .groupChartContainer.leftright td.line.to-node {
    border-bottom: 1px solid #000; }
  .groupChartContainer td.line.top {
    border-top: 1px solid #000;
    height: 29px !important; }
  .groupChartContainer td.line.left {
    border-left: 1px solid #000; }
  .groupChartContainer td.nodeOuterText,
  .groupChartContainer td.counterNodeOuterText {
    width: 60px !important;
    font-size: smaller;
    vertical-align: bottom !important; }
  .groupChartContainer.leftright td.nodeOuterText,
  .groupChartContainer.leftright td.counterNodeOuterText {
    width: 60px !important; }
  .groupChartContainer td.counterNodeOuterText {
    color: #fff;
    /* text is used for spacing only. same color as background */ }
  .groupChartContainer.leftright td.nodeOuterText {
    text-align: right; }
  .groupChartContainer.topdown td.nodeOuterText {
    text-align: left; }

#OrgChartLegend ul,
#AdditionalInfos ul {
  list-style-type: none; }

#OrgChartLegend li {
  margin: 5px; }

#OrgChartLegend li span {
  vertical-align: middle; }

#OrgChartLegend span.icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px; }

#OrgChartLegend span.icon.no-border, #OrgChartLegend .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl span.icon.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #OrgChartLegend span.icon.tp-ui-custom-button {
  width: 16px;
  height: 16px;
  padding: 5px; }

.OrgChart-border-0 {
  border-width: 3px !important;
  border-style: double !important;
  padding: 5px !important; }

.OrgChart-border-1 {
  border-width: 2px !important;
  border-style: dotted !important;
  padding: 6px !important; }

.OrgChart-border-2 {
  border-width: 2px !important;
  border-style: solid !important;
  padding: 6px !important; }

.OrgChart-border-3 {
  border-width: 2px !important;
  border-style: dashed !important;
  padding: 6px !important; }

.OrgChart-color-00 {
  background-color: #cd5c5c !important; }

.OrgChart-color-01 {
  background-color: #4682b4 !important; }

.OrgChart-color-02 {
  background-color: #f5deb3 !important; }

.OrgChart-color-03 {
  background-color: #9932cc !important; }

.OrgChart-color-04 {
  background-color: #6a5acd !important; }

.groupChartContainer div.node.flag,
#OrgChartLegend span.icon.flag {
  background-image: url("images/comments/comment.png");
  background-repeat: no-repeat;
  background-position: top right; }

#OrgChartLegend span.icon.flag {
  padding: 5px; }

.groupChartContainer div.node.header {
  background-color: #f0f0f0 !important;
  border: 2px solid #f0f0f0 !important;
  padding: 6px; }

.groupChartContainer div.node.header.print {
  background-color: #fff !important;
  border: 2px solid #fff !important; }

#orgChartWrapper {
  vertical-align: top; }

#orgChartLeftColumn {
  display: inline-block;
  vertical-align: top; }

#OrgChartLegend.print,
#OrgChartAddInfos.print {
  border: 1px solid #000;
  margin-bottom: 5px; }

div.OrgChartLegendHeader,
div.OrgChartAddInfosHeader {
  padding: 3px;
  text-align: center;
  border-bottom: 1px solid #000;
  font-weight: bold; }

div.orgChart.print {
  display: inline-block; }

div.orgChart.print td.counterNodeOuterText {
  color: #fff; }

td.ImportLogEntryContentsStatusOk {
  background-color: #09a109 !important; }

td.ImportLogEntryContentsStatusToDistribute {
  background-color: #f8981d !important; }

td.ImportLogEntryContentsStatusUnableToMap {
  background-color: #f12020 !important; }

.DataOriginCopy,
.DataOriginPrior,
.DataOriginBalanceIntegration {
  background-color: #9cf !important;
  border-color: black !important;
  /* note: spans (output field) do not have any border, inputs do. Black border helps the user to differ between output and input field */ }

/* note: .DataOriginExternalCalculation is now handled in comments.scss */
.tp-ui-message-container .tp-ui-message-summary {
  padding: 5px;
  font-weight: bold; }

.tp-ui-message-container .tp-ui-message-details {
  padding: 10px; }
  .tp-ui-message-container .tp-ui-message-details li {
    margin-bottom: 10px; }

.tp-ui-message-container.tp-ui-message-error {
  color: red; }

.tp-ui-message-container.tp-ui-message-success {
  color: green; }

span.tp-js-collapsible-switch, div.tp-js-collapsible-switch {
  display: inline-block;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat; }
  span.tp-js-collapsible-switch.treeview, div.tp-js-collapsible-switch.treeview {
    width: 16px;
    height: 16px;
    background-image: url("../images/treeview_open.png"); }
    span.tp-js-collapsible-switch.treeview.collapsed, div.tp-js-collapsible-switch.treeview.collapsed {
      background-image: url("../images/treeview_closed.png"); }

.dialog-expiry-warning-spacer {
  display: none;
  height: 45px; }

.dialog-expiry-warning {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  background-color: #fee;
  padding: 3px 10px; }
  .dialog-expiry-warning.active {
    display: inline; }
  .dialog-expiry-warning > div {
    display: inline-block;
    vertical-align: middle; }
    .dialog-expiry-warning > div.text {
      width: 80%;
      color: red; }
    .dialog-expiry-warning > div.btn {
      width: 19%;
      text-align: right; }

#dialogUserInfo {
  margin-bottom: 10px; }

#dialogareawrapper {
  overflow: auto; }

#contenttable textarea,
.tp-js-autogrow-textarea textarea {
  height: auto;
  resize: none;
  overflow-x: hidden;
  overflow-y: scroll;
  line-height: 1.3; }

#tp-js-autogrow-textarea-calculator {
  position: absolute;
  top: -10000;
  left: -10000;
  resize: none;
  word-wrap: break-word;
  line-height: 1.3; }

#todolist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /*color: #000;
    background-color: blue;*/ }
  #todolist .todolist__title {
    text-align: center;
    line-height: 2.5rem; }
  #todolist .todolist__control {
    display: flex;
    gap: 1rem;
    padding: .5rem 1rem;
    width: 100%; }
  #todolist .todolist__users {
    flex: 1 1 auto; }
  #todolist .todolist__entries {
    flex: 1 1 auto;
    overflow-y: auto; }
    #todolist .todolist__entries ul {
      list-style-type: none; }
  #todolist .todolist__user-header {
    line-height: 2.5rem;
    display: flex;
    align-items: center; }
  #todolist .todolist__user-entries {
    list-style-type: none; }
  #todolist .todolist__entry {
    margin-top: 1rem; }
    #todolist .todolist__entry:first-child {
      margin-top: 0; }
  #todolist .todolist__entry-summary {
    display: flex;
    align-items: baseline;
    margin-right: 1rem; }
    #todolist .todolist__entry-summary h5 {
      flex: 1 1 auto;
      font-weight: bold; }
  #todolist .todolist__entry-deadline {
    padding: 0 1rem; }
  #todolist .tp-ui-icon-button, #todolist .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl #todolist .tp-ui-custom-button {
    color: #000;
    border-color: #fff; }
  #todolist .entry-container {
    overflow-y: auto;
    height: 273px; }
  #todolist .entry {
    padding: 8px;
    border-top: 1px solid gray; }
    #todolist .entry:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  #todolist .overdue {
    color: #f00; }

#tp-ui-admin-content th .tp-js-fetchable-popup {
  color: #2e2e38;
  opacity: 0.5; }
  #tp-ui-admin-content th .tp-js-fetchable-popup.active {
    color: #2e2e38;
    opacity: 1; }

th .tp-js-fetchable-popup.active {
  color: #ffe600; }

td .tp-js-fetchable-popup.active {
  background-color: #ffe600;
  border: 1px solid #000; }

td .tp-js-fetchable-pagination select {
  width: auto !important; }

.tp-js-fetchable-search input[type=search] {
  width: 100%;
  padding: 2px 5px; }

.tp-ui-transfercube-view table.tp-ui-transfercube-view-table th {
  background-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  border-left-color: #c0c0c0;
  color: #000; }
  .tp-ui-transfercube-view table.tp-ui-transfercube-view-table th.border-bottom {
    border-bottom-color: #fff; }
  .tp-ui-transfercube-view table.tp-ui-transfercube-view-table th:last-child {
    border-right-color: #c0c0c0 !important; }

.tp-ui-transfercube-view table.tp-ui-transfercube-view-table.tp-ui-transfercube-view-delivering-receiving-companytable {
  margin-bottom: 10px; }
  .tp-ui-transfercube-view table.tp-ui-transfercube-view-table.tp-ui-transfercube-view-delivering-receiving-companytable th:first-child {
    width: 350px; }

.mirror {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.settings .tp-ui-icon-button, .settings .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .settings .tp-ui-custom-button {
  padding: 6px !important;
  font-size: 12px !important;
  background-color: #f5f5f5;
  color: #2e2e38;
  border: 0px none; }

.settings .tp-ui-icon-button:hover, .settings .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:hover, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .settings .tp-ui-custom-button:hover {
  background-color: #d4d4d4;
  color: #2e2e38 !important; }

.settings .tp-ui-icon-button:active, .settings .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:active, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .settings .tp-ui-custom-button:active {
  background-color: #f5f5f5;
  color: #2e2e38 !important; }

.settings div {
  display: inline-block; }

.button-group .tp-ui-icon-button.mirror:first-child, .button-group .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .mirror.tp-ui-custom-button:first-child, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .button-group .mirror.tp-ui-custom-button:first-child {
  margin-right: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.button-group .tp-ui-icon-button:not(.mirror):first-child, .button-group .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:not(.mirror):first-child, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .button-group .tp-ui-custom-button:not(.mirror):first-child {
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.button-group .tp-ui-icon-button:last-child, .button-group .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:last-child, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .button-group .tp-ui-custom-button:last-child {
  margin-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.button-group .tp-ui-icon-button:last-child, .button-group .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .tp-ui-custom-button:last-child, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .button-group .tp-ui-custom-button:last-child {
  margin-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.settings .switch .active {
  background-color: #d4d4d4; }

.settings .tp-ui-icon-button.disabled, .settings .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .disabled.tp-ui-custom-button, .tp-ui-ext-inf-ctrl-wrapper .tp-ui-ext-inf-ctrl .settings .disabled.tp-ui-custom-button {
  background-color: #f5f5f5;
  color: #cecece !important; }

#vector-map {
  width: 100%;
  display: block; }

#gdp-sectors {
  width: 250px;
  height: 200px;
  display: block; }

.tp-ui-chart-container {
  padding: 15px;
  margin: 10px !important;
  border: 0px solid #ccc;
  background-color: white; }
  .tp-ui-chart-container .chart-navigation {
    margin-bottom: 5px; }
    .tp-ui-chart-container .chart-navigation .custom-title {
      font-size: 24px;
      font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
      font-weight: 200;
      fill: #232323;
      cursor: default;
      text-align: center;
      margin-bottom: 5px; }
    .tp-ui-chart-container .chart-navigation nav {
      height: 30px; }
    .tp-ui-chart-container .chart-navigation .breadcrumb {
      padding: 5px 25px;
      margin-bottom: 0px;
      list-style: none;
      border-radius: 0px;
      font-size: 12px; }
      .tp-ui-chart-container .chart-navigation .breadcrumb > li {
        display: inline-block; }
        .tp-ui-chart-container .chart-navigation .breadcrumb > li > a {
          cursor: pointer;
          color: #2e2e38; }
          .tp-ui-chart-container .chart-navigation .breadcrumb > li > a:hover {
            color: #999999; }
        .tp-ui-chart-container .chart-navigation .breadcrumb > li.active > a, .tp-ui-chart-container .chart-navigation .breadcrumb > li.active a:hover {
          text-decoration: none;
          color: #999999 !important;
          cursor: text !important; }
        .tp-ui-chart-container .chart-navigation .breadcrumb > li:after {
          padding: 0 5px;
          color: #ccc;
          content: "\00a0\\\00a0"; }
        .tp-ui-chart-container .chart-navigation .breadcrumb > li:last-child:after {
          content: ""; }
        .tp-ui-chart-container .chart-navigation .breadcrumb > li:first-child:after {
          content: ""; }

.tp-ui-kpi-widget.active {
  background-color: white !important;
  border: 1px solid #eee;
  box-shadow: 0px 0px 10px #eee;
  z-index: 100; }
  .tp-ui-kpi-widget.active .border-right {
    border-right: 0px none !important; }
  .tp-ui-kpi-widget.active .border-left {
    border-left: 0px none !important; }

.tp-ui-kpi-widget.summation .tp-ui-kpi-widget-head:hover {
  background-color: white !important; }

.tp-ui-kpi-widget-head {
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .tp-ui-kpi-widget-head.border-right {
    border-right: 1px solid #999; }
  .tp-ui-kpi-widget-head.border-left {
    border-left: 1px solid #999; }
  .tp-ui-kpi-widget-head > p {
    font-size: 24px;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    fill: #232323;
    cursor: default;
    padding-left: 10px !important; }
  .tp-ui-kpi-widget-head > h1 {
    color: #00a2ae;
    padding: 10px !important;
    padding-right: 10px !important;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana; }
    .tp-ui-kpi-widget-head > h1 > span {
      text-align: inherit;
      padding-left: 0px !important; }

.tp-ui-kpi-widget-details {
  height: 480px;
  position: relative;
  display: none;
  background-color: white;
  z-index: 100; }
  .tp-ui-kpi-widget-details span {
    display: block;
    padding-left: 60px !important;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    fill: #232323;
    cursor: default;
    font-size: 14px; }
    .tp-ui-kpi-widget-details span.heading {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px; }
    .tp-ui-kpi-widget-details span p {
      display: inline; }
      .tp-ui-kpi-widget-details span p.numeric {
        padding-right: 100px !important;
        float: right; }

.kpi-grid td {
  vertical-align: super; }

/* long specifier to make this more specific than jQuery's css definitions...*/
.use-tabs.ui-tabs.ui-widget {
  border-width: 0; }
  .use-tabs.ui-tabs.ui-widget .tp-js-tabs-menu {
    background-color: transparent;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .use-tabs.ui-tabs.ui-widget .tp-js-tabs-menu li.input-validation-error.incr.css.specificity {
      border-color: #aaa !important; }
      .use-tabs.ui-tabs.ui-widget .tp-js-tabs-menu li.input-validation-error.incr.css.specificity.ui-tabs-active {
        border-color: #f00 !important; }
    .use-tabs.ui-tabs.ui-widget .tp-js-tabs-menu li.margin-right {
      margin-right: 1.5rem; }
    .use-tabs.ui-tabs.ui-widget .tp-js-tabs-menu li.bg-gray {
      background-color: #f0f0f0; }

.tp-js-tabs-menu li.validationOK:not(.ui-tabs-active), .tp-js-tabs-menu li.validationError:not(.ui-tabs-active) {
  font-weight: normal !important; }

.tp-ui-maintenance-announcement {
  position: absolute;
  /*bottom: 40px;*/
  bottom: -150px;
  right: 40px;
  z-index: 9999999;
  width: 400px;
  height: 150px;
  border: 2px solid #ff9831;
  border-radius: 0px;
  box-shadow: 5px 5px 10px 3px #2e2e38;
  display: none; }
  .tp-ui-maintenance-announcement.show {
    display: flex; }
  .tp-ui-maintenance-announcement.active {
    bottom: 40px;
    transition: bottom .5s ease-out; }
  .tp-ui-maintenance-announcement .maintenance-announcement__icon {
    background-color: #ff9831;
    color: #fff;
    font-size: 26px;
    padding: 0 10px;
    display: flex;
    align-items: center; }
  .tp-ui-maintenance-announcement .maintenance-announcement__body {
    flex: 1 1 auto;
    background-color: #fff; }
    .tp-ui-maintenance-announcement .maintenance-announcement__body > div:first-child {
      text-align: right; }
    .tp-ui-maintenance-announcement .maintenance-announcement__body .maintenance-announcement__dismiss {
      cursor: pointer; }
    .tp-ui-maintenance-announcement .maintenance-announcement__body p {
      display: inline-block;
      padding: 20px; }

#tp-web-template-admin div.tp-ui-template-node {
  padding: 5px;
  border: 1px solid black;
  background-color: #fff;
  font-weight: normal;
  cursor: pointer;
  /* this specific selector is needed, because tp-ui-template-nodes are nested into each other and without ">div>div>" to many links would show up */ }
  #tp-web-template-admin div.tp-ui-template-node.tp-js-fixed {
    cursor: default; }
  #tp-web-template-admin div.tp-ui-template-node > div > div > a.tp-ui-icon-search {
    opacity: 0; }
  #tp-web-template-admin div.tp-ui-template-node:hover > div > div > a.tp-ui-icon-search {
    opacity: 1; }

#tp-web-template-admin #templateContainer .tp-ui-placeholder {
  padding: 15px;
  margin: 3px;
  background-color: #ffe600;
  opacity: 0.5; }

#tp-web-template-admin #templateContainer div.tp-ui-template-node {
  margin-bottom: 5px; }
  #tp-web-template-admin #templateContainer div.tp-ui-template-node.dummy {
    padding: 2px;
    border: 0;
    background-color: transparent; }
  #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren {
    min-height: 40px;
    font-weight: bold; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren > div:first-child {
      padding: 5px 0; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth] div.tp-ui-membership {
      margin-left: 10px; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='-1'] {
      background-color: #f9f9f9; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='0'] {
      background-color: #eee; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='1'] {
      background-color: #dfdfdf; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='2'] {
      background-color: #d0d0d0; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='3'] {
      background-color: #c1c1c1; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='4'] {
      background-color: #b2b2b2; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='5'] {
      background-color: #a3a3a3; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='6'] {
      background-color: #949494; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='7'] {
      background-color: #858585; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='8'] {
      background-color: #767676; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='9'] {
      background-color: #676767; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren[data-depth='10'] {
      background-color: #585858; }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren .tp-js-toggle-iteration {
      width: 20px;
      height: 20px;
      background-image: url("../images/treeview_open.png");
      background-position: center;
      background-repeat: no-repeat;
      cursor: pointer; }
      #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren .tp-js-toggle-iteration.collapsed {
        background-image: url("../images/treeview_closed.png"); }
    #tp-web-template-admin #templateContainer div.tp-ui-template-node.canHaveChildren .tp-ui-header {
      padding: 5px 10px; }

#tp-web-template-admin #moduleContainer .moduleContainer__tabs-label {
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px; }

#tp-web-template-admin #moduleContainer .moduleContainer__tabs {
  display: flex; }
  #tp-web-template-admin #moduleContainer .moduleContainer__tabs .moduleContainer__tab {
    border: 1px solid #ddd;
    border-left: 0;
    padding: 6px 12px;
    text-align: center;
    cursor: pointer; }
    #tp-web-template-admin #moduleContainer .moduleContainer__tabs .moduleContainer__tab:first-child {
      border-left: 1px solid #ddd; }
    #tp-web-template-admin #moduleContainer .moduleContainer__tabs .moduleContainer__tab.selected {
      background-color: #ffe600;
      font-weight: bold; }

#tp-web-template-admin #moduleContainer div.tp-ui-template-node {
  margin-bottom: 2px; }
  #tp-web-template-admin #moduleContainer div.tp-ui-template-node.canHaveChildren {
    background-color: #eee;
    font-weight: bold; }
    #tp-web-template-admin #moduleContainer div.tp-ui-template-node.canHaveChildren .dummy {
      display: none; }
  #tp-web-template-admin #moduleContainer div.tp-ui-template-node .tp-ui-template-only {
    display: none; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease; }

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite; }

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none; } }

.progress-group .progress-group__label {
  font-size: 0.75rem !important;
  font-family: "EYInterstate-Regular", "Noto Sans", Arial, sans-serif !important;
  line-height: 1.25rem !important;
  height: 0.9375rem;
  color: #2e2e38;
  text-align: left;
  margin-bottom: 0.625rem; }

.progress-group .progress {
  height: 0.5rem;
  background: #e1e1e6;
  border-radius: 0; }

.progress-group .progress-bar {
  background: #585861; }

.progress-group--fileloader {
  border: 0.0625rem solid #e7e7ea; }

.progress-group--fileloader .progress-group__label {
  display: flex;
  flex-direction: row;
  font-size: 0.875rem !important;
  font-family: "EYInterstate-Light", "Noto Sans", Arial, sans-serif !important;
  line-height: 1.375rem !important;
  height: 1rem;
  color: #2e2e38;
  background: #fafafc;
  text-align: left;
  padding: 0.8125rem 1.375rem;
  height: 2.813rem;
  margin: 0; }

.progress-group--fileloader .progress-group__label .material-icons {
  font-size: 1.25rem;
  margin-right: 0.625rem;
  color: #96969b; }

.progress-group--fileloader .progress-group__label div,
.progress-group--fileloader .progress-group__label i {
  color: #2e2e38; }

.progress-group--fileloader .progress-group__label div {
  font-size: 0.875rem !important;
  font-family: "EYInterstate-Light", "Noto Sans", Arial, sans-serif !important;
  line-height: 1.375rem !important; }

.progress-group--fileloader .progress-group__label div:nth-child(2) {
  flex-grow: 1; }

.progress-group--fileloader .progress {
  height: 0.1875rem;
  background: #fafafc;
  border-radius: 0; }

.progress-group--fileloader .progress-bar {
  background: #585861; }

.dropdown {
  position: relative; }
  .dropdown .dropdown-toggle {
    cursor: pointer;
    height: 2.813rem;
    min-height: 2.813rem; }
  .dropdown .dropdown-menu {
    display: none;
    position: absolute;
    margin-top: .125rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    /*color: #2e2e38;*/
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    z-index: 99999;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh; }
    .dropdown .dropdown-menu.active {
      display: block; }

.tp-ui-popup.dropdown {
  display: inline-block; }

.dropdown__items {
  display: inline-flex;
  flex-direction: column; }
  .dropdown__items .dropdown-item {
    padding: 0.25rem 1.5rem;
    font-size: 0.75rem !important;
    font-family: "EYInterstate-Light", "Noto Sans", Arial, sans-serif !important;
    line-height: 1.25rem !important;
    color: #2e2e38;
    line-height: 2.5rem !important;
    height: 2.813rem;
    width: auto;
    overflow: hidden;
    background: #ffffff;
    display: inherit; }
    .dropdown__items .dropdown-item:hover {
      color: #2e2e38;
      background-color: #f6f6fa; }

#tpweb a.bluelink {
  text-decoration: underline !important;
  color: blue; }

#tpweb .dashboard-status {
  padding: 3px 5px; }
  #tpweb .dashboard-status.gray {
    background-color: #f0f0f0;
    border: 1px solid #ccc; }
  #tpweb .dashboard-status.green {
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    color: #fff; }
  #tpweb .dashboard-status.yellow {
    background-color: #f0ad4e;
    border: 1px solid #eea236;
    color: #fff; }
  #tpweb .dashboard-status.red {
    background-color: #d9534f;
    border: 1px solid #d43f3a;
    color: #fff; }

#tpweb tr.red {
  background-color: orangered; }

.e-menu-item.e-disabled[id$="_cut"], .e-menu-item.e-disabled[id$="_copy"], .e-menu-item.e-disabled[id$="_paste"], .e-menu-item.e-disabled[id$="_paste"] + .e-separator {
  display: none !important; }

/* table property pane is added asyncronously and with a broken height, of course */
[id$="_editor_propertyTabDiv_1"] > .e-de-scrollbar-hide {
  height: initial !important; }

/* you would think that font-icons would not be scoped to some arbitrary widget in a widget library; you would be wrong */
.e-de-fonts::before {
  content: '\e273'; }

.e-de-paragraph::before {
  content: '\e75e'; }

.e-unorder-list::before {
  content: '\e344'; }

.e-icons.e-de-fonts, .e-icons.e-de-paragraph {
  font-weight: bold; }

.e-de-pane > .e-de-prop-pane {
  /* prop-panes are recursive, we want the top one */
  width: 279px;
  /* overriding 262px with +17px; the pane is too long on smaller screens causing vertical scrollbars; vertical scrollbar in turn does not fit and causes a horizontal one */ }

.dropdown-check-list {
  display: grid; }

.dropdown-check-list .anchor {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 5px; }

.dropdown-check-list .anchor::before {
  position: absolute;
  content: "\e114";
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  padding: 1px 2px 0 1px;
  margin: 1px 2px;
  border: 1px #aaa solid;
  border-radius: 0px;
  background-color: #eee;
  right: 2px;
  top: 0%;
  cursor: inherit; }

.dropdown-check-list .anchor.up::before {
  position: absolute;
  content: "\e113";
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  padding: 1px 1px 0 2px;
  margin: 1px 2px;
  border: 1px #aaa solid;
  border-radius: 0px;
  background-color: #eee;
  right: 2px;
  top: 0%;
  cursor: inherit; }

.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%; }

.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden; }

.dropdown-check-list ul.items li {
  list-style: none; }

.dropdown-check-list ul.items li > input.tp-ui-form-multiselect {
  width: 5%; }

.multilinetextinput-container {
  background-color: #f5f5f5;
  border-radius: 0px;
  border: 1px solid #ccc;
  border-top: 0px none;
  display: block;
  margin-bottom: 10px; }

.multilinetextinput-items > .tp-ui-form-element {
  padding: 5px;
  padding-left: 120px;
  padding-right: 80px; }

.tp-ui-form-input.multi-line-text-input, .tp-ui-form-element .multi-line-text-input.tp-js-radiogroup, .tp-ui-form-element .multi-line-text-input.tp-js-checkboxgroup {
  width: 50%; }

/*# sourceMappingURL=styles.css.map */