@charset "UTF-8";

/*
Gelb: var(--color-accent-avm) (Standard: #47519c)
Schwarz: #000
*/

/* Future Light Theme

:root {
  --main-color-avm: #000000;
  --body-bg-color-avm: fff;
  --navi-item-hover-color-avm: #500b75;
  --navi-item-hover-bg-color-avm: fff;
  --button-bg-color-avm: #500b75;
  --main-text-color-avm:#000000;
  --breadcrumb-text-color-avm: #500b75;

  
  --charts-bg-color-avm:#500b75;
  
  --logo-path: url('../images/Prozess-Marktplatz_Logo_RGB.svg');
  --logo-wizard-path: url('../images/frau-teaser.png');
  
} */


:root {
  --main-color-avm: #fff !important;
  --body-bg-color-avm: #000000 !important;
  --navi-item-hover-color-avm: #eb6909 !important;
  --navi-item-active-color-avm: #eb6909 !important;
  --navi-item-hover-bg-color-avm: #003758 !important;
  --button-bg-color-avm: #eb6909 !important;
  --main-text-color-avm: #000000 !important;
  --breadcrumb-text-color-avm: #0071bc !important;
  --button-mandatory-border-color-avm: #ff0000 !important;

  --highlight-selected-row-table-color-avm: #eb6909;

  --tumbnail-landing-page-bg-color-avm: #eb6909 !important;
  --tumbnail-landing-page-border-color-avm: #eb6909 !important;

  /* Process Monitor */
  --charts-bg-color: #eb6909 !important;

  --color-accent: #eb6909 !important;
  --calender-color: #eb6909 !important;
  --tiles-boarder-color: #eb6909 !important;
  --assistant-dialog-boarder-color: #eb6909 !important;

  --logo-path: url('../images/perazzelli-logo.svg');
  --logo-wizard-path: url('../images/assistent_picture.png');
  --logo-wizard-small-path: url('../images/assisstent_picture_small.png');
}

@media (prefers-color-scheme: dark) {
  :root:where(:not(.is-light)) {
    --main-color-avm: #fff !important;
  --body-bg-color-avm: #000000 !important;
  --navi-item-hover-color-avm: #eb6909 !important;
  --navi-item-active-color-avm: #eb6909 !important;
  --navi-item-hover-bg-color-avm: #003758 !important;
  --button-bg-color-avm: #eb6909 !important;
  --main-text-color-avm: #000000 !important;
  --breadcrumb-text-color-avm: #0071bc !important;
  --button-mandatory-border-color-avm: #ff0000 !important;

  --highlight-selected-row-table-color-avm: #eb6909;

  --tumbnail-landing-page-bg-color-avm: #eb6909 !important;
  --tumbnail-landing-page-border-color-avm: #eb6909 !important;
  
  /* Process Monitor */
  --charts-bg-color: #eb6909 !important;

  --color-accent: #eb6909 !important;
  --calender-color: #eb6909 !important;
  --tiles-boarder-color: #eb6909 !important;
  --assistant-dialog-boarder-color: #eb6909 !important;

  --logo-path: url('../images/perazzelli-logo.svg');
  --logo-wizard-path: url('../images/assistent_picture.png');
  --logo-wizard-small-path: url('../images/assisstent_picture_small.png');

  
  }
}

.t-background-dark {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
}


.nav-active .nav-logo {
  /*width: 215px;*/
  background-size: 80%;
  width: 230px;
  height: 90px;
}


a:active,
.t-nav-component span:active,
.nav-anonymous .t-portal-nav a:active,
.t-portal-nav li a:active {
  color: var(--navi-item-active-color-avm);
}

a,
.t-nav-component a,
.t-nav-component span,
.t-form-simple a {
  color: var(--color-accent-avm);
}

.nav-anonymous .t-portal-nav a {
  color: #E3E4E1;
}

.t-accordion .accordion-header {
  color: var(--main-text-color-avm);
  border-color: var(--main-text-color-avm);
}

*:focus,
input:focus,
select:focus,
textarea:focus,
input[type='checkbox']:focus,
input[type='radio']:focus,
.icon:focus {
  box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.35) !important;
}

a:active,
.t-nav-component span:active,
.nav-anonymous .t-portal-nav a:active,
.t-portal-nav li a:active {
  color: var(--navi-item-active-color-avm);
}

a,
.t-nav-component a,
.t-nav-component span,
.t-form-simple a {
  color: var(--breadcrumb-text-color-avm);
}

.nav-anonymous .t-portal-nav a {
  color: #E3E4E1;
}

.t-tags {
  border-color: #006f75;
  color: #006f75;
  background-color: transparent;
}

.t-tags:hover {
  border-color: #000;
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

input,
select,
textarea,
.t-dropdown {
  background-color: var(--main-color-avm);
  ;
  box-shadow: none;
  border: 1px solid #4f5355;
  color: #000;
}

input:focus,
select:focus,
textarea:focus,
.t-dropdown:focus {
  border: 1px solid #4f5355;
  box-shadow: 0px 0px 3px 0px #A19EAF;
}

textarea.readonly {
  background-color: #fcfcfc;
  border: 1px solid #4f5355;
  color: #A19EAF;
}

label {
  color: #000;
}

body {
  color: var(--body-bg-color-avm);
}

.t-text-simple h2,
.t-text-simple h6 {
  color: var(--main-color-avm);
  ;
  font-family: "Helvetica", sans-serif;
  line-height: 1.3em;
}

.t-text-link {
  color: #000;
  text-decoration: underline;
}

.t-text-link:hover {
  color: var(--color-accent-avm);
  cursor: pointer;
}

.t-wrapper-header {
  color: #000;
}

.t-wrapper-header h6 {
  color: #000;
}

.t-item:first-child {
  font-weight: bold;
  color: var(--color-accent-avm);
}

.nav-anonymous .t-nav-top {
  background-color: var(--body-bg-color-avm);
}

.t-nav-top {
  background-color: var(--body-bg-color-avm);
}

.t-portal-nav-module-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--body-bg-color-avm);
  outline: 1px solid #000;
}

.t-portal-nav-module-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-avm);
}

.t-portal-nav-module {
  background-color: var(--body-bg-color-avm);
}

.t-portal-nav-module .navi-item:hover {
  background-color: var(--body-bg-color-avm);
}

.t-portal-nav-module .navi-item a {
  color: var(--main-color-avm);
}

.t-portal-nav-module-wide .navi-item-second {
  background-color: var(--body-bg-color-avm);
  border-top: 2px solid var(--navi-item-hover-color-avm);
  border-bottom: 2px solid var(--navi-item-hover-color-avm);
}

.t-portal-nav-module-wide .navi-item-second span:hover,
.t-portal-nav-module-wide .navi-item-second a:hover {
  background-color: var(--navi-item-hover-bg-color-avm);
  color: var(--navi-item-hover-color-avm);
  cursor: pointer;
}

.t-portal-nav li:first-child a {
  border-right: 1px solid var(--color-accent-avm);
  padding-right: 5px;
  color: #bdc0b9;
}

.t-nav-arrow {
  background-color: var(--body-bg-color-avm)
}

.t-nav-arrow span {
  background: #E3E4E1;
}

.t-nav-arrow span::after {
  background-color: var(--main-color-avm);
  ;
}

.t-nav-burger-trigger a:hover span:before,
.t-nav-burger-trigger a:hover span:after {
  background-color: #E3E4E1;
}

.t-nav-burger-trigger a span,
.t-nav-burger-trigger a span:before,
.t-nav-burger-trigger a span:after {
  background: #E3E4E1;
}

.t-portal-nav-top-anonym li {
  cursor: pointer;
  color: #000;
  background-color: var(--color-accent-avm);
}

.portal-nav-top .portal-nav-top-username .portal-nav-top-menu {
  background-color: var(--body-bg-color-avm);
}

.portal-nav-top .portal-nav-top-username .portal-nav-top-menu a {
  color: #E3E4E1;
}

.t-portal-breadcrumb li::before,
.t-portal-breadcrumb li::after {
  content: '';
  border-right: 1px solid #000;
  display: block;
  height: 25%;
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  z-index: -1;
  transform: skewX(45deg);
}

.t-portal-breadcrumb li span {
  color: var(--breadcrumb-text-color-avm);
}

.t-portal-breadcrumb li ul li {
  background-color: #fcfcfc;
  font-size: 1em;
}

.t-portal-breadcrumb li ul li:hover {
  background-color: #E3E4E1;
  color: #000;
}

.t-separate:not(:last-child) {
  border-bottom: 1px solid #4f5355;
}

.t-dropdown h6 {
  color: #000;
}

.t-dropdown h6:hover {
  color: var(--color-accent-avm);
}

.t-dropdown ul {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--main-color-avm);
  ;
  border: 1px solid #4f5355;
}

.t-dropdown li {
  color: var(--color-accent-avm);
}

.t-dropdown li:hover {
  background-color: #E3E4E1;
  color: var(--color-accent-avm);
}

.t-dropdown-language ul {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--main-color-avm);
  ;
  border: 1px solid #4f5355;
}

.t-dropdown-language li {
  color: var(--color-accent-avm);
}

.t-dropdown-language li:hover {
  color: #000;
}

.t-resizable-wrapper .js-resizable-resizer::after {
  content: '';
  border-right: 1px solid #000;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  position: absolute;
  top: 50%;
  left: 7px;
  height: 35px;
  width: 3px;
}

.t-list-item-2col:hover {
  background: white;
  border-color: var(--color-accent-avm);
}

.t-list-item-2col:hover h2 {
  color: var(--color-accent-avm);
}

.t-add-element {
  background-color: var(--body-bg-color-avm);
}

.t-add-element:hover {
  background-color: var(--color-accent-avm);
}

.t-search-wrapper .icon {
  fill: #000;
}

.flatpickr-calendar.open .dayContainer .flatpickr-day {
  color: var(--calender-color-avm);
}

.flatpickr-calendar.open .dayContainer .flatpickr-day.today {
  border-color: var(--color-accent-avm);
}

.flatpickr-calendar.open .dayContainer .flatpickr-day.today:hover,
.flatpickr-calendar.open .dayContainer .flatpickr-day.today:focus {
  background: var(--calender-color-avm);
  color: var(--main-color-avm);
  ;
}

.t-thumbnail {
  background-color: var(--main-color-avm);
  ;
  border: 1px solid;
  border-top: 8px solid;
  border-radius: 8px;
  border-color: var(--tiles-boarder-color-avm);
}

.t-thumbnail .thumbnail-header {
  color: #000;
  font-size: 1.3em;
  font-weight: 300;
}

.t-thumbnail .thumbnail-header h3,
.t-thumbnail .thumbnail-header h4 {
  color: #000;
  font-family: "Helvetica", sans-serif;
  font-weight: 300;
}

.t-thumbnail .thumbnail-header .icon {
  fill: #000;
}

.t-thumbnail .thumbnail-header:hover {
  color: #000;
}

.t-thumbnail .thumbnail-header:hover .icon {
  fill: #000;
}

.t-thumbnail .btn-submenu:hover .icon {
  fill: var(--color-accent-avm);
}

.t-thumbnail .thumbnail-details h6 {
  color: #000;
}

.t-thumbnail .thumbnail-details .icon {
  fill: #000;
}

.t-thumbnail .thumbnail-footer .badge-category {
  color: var(--main-color-avm);
  ;
}

.t-thumbnail.portal-thumbnail-img-big {
  background-color: var(--body-bg-color-avm);
  border: 1px solid #000;
}

.t-thumbnail.portal-thumbnail-img-big .img-big::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--body-bg-color-avm);
  opacity: 0.2;
  top: 0;
  left: 0;
}

.t-thumbnail.portal-thumbnail-img-big .img-info {
  background-color: var(--body-bg-color-avm);
  border-top: 1px solid #E3E4E1;
  color: #E3E4E1;
  position: absolute;
  bottom: 0;
}

.t-thumbnail-text {
  border: 1px solid #4f5355;
  border-top: 8px solid #A19EAF;
  background-color: var(--main-color-avm);
  ;
}

.t-thumbnail-text .thumbnail-header:hover {
  color: var(--color-accent-avm);
}

.t-thumbnail-text .btn-submenu:hover .icon {
  fill: var(--color-accent-avm);
}

.t-thumbnail-icon {
  border: 1px solid #000;
  background: #000;
  color: var(--main-color-avm);
  ;
}


.t-thumbnail-icon .btn-submenu .icon {
  fill: #E3E4E1;
}

.t-thumbnail-icon .btn-submenu:hover .icon {
  fill: #fff;
}

.t-thumbnail-simpleBGD {
  border: 1px solid #000;
  background: #000;
  color: var(--main-color-avm);
  ;
}


.t-thumbnail-step {
  border: 1px solid transparent;
}

.t-thumbnail-step:nth-child(n) {
  border-right: 3px solid #000;
}

.t-thumbnail-step:nth-child(n) .icon-big {
  fill: #000;
}

.t-thumbnail-info-important .t-btn-primary {
  background-color: #00bae5;
  text-align: center;
}

.t-thumbnail-setting {
  background-color: var(--color-accent-avm);
}

.t-thumbnail-dashboard {
  background-color: #8E1259;
}

.t-thumbnail-app {
  background-color: var(--color-accent-avm);
  color: #000;
}

.t-assistant-thumbnail {
  border-top: 8px solid var(--color-accent-avm);
}

.t-assistant-thumbnail h2 {
  color: #343b72;
}

.t-assistant-form .t-assistant-form-elements .bolean-wrapper span {
  border: 1px solid #4f5355;
  padding: 7px 15px;
}

.t-assistant-form .t-assistant-form-elements .bolean-wrapper span.active,
.t-assistant-form .t-assistant-form-elements .bolean-wrapper span:hover {
  background-color: var(--color-accent-avm);
  border: 1px solid #4f5355;
}

.t-assistant-form .t-assistant-form-elements .t-assistant-btn-next {
  min-width: 35px;
  max-width: 35px;
  padding: 1px;
  border-radius: 50%;
  border: 1px solid transparent;
  box-shadow: none;
  background-color: var(--body-bg-color-avm);
  position: absolute;
  bottom: 35px;
  right: 0px;
}

.t-assistant-form .t-assistant-form-elements .t-assistant-btn-next:hover {
  background-color: var(--color-accent-avm);
}

.t-assistant-form .t-assistant-form-result {
  display: flex;
  flex-direction: row-reverse;
  border-top: 3px solid #000;
}

.t-assistant-fileupload input {
  opacity: 0;
  font-size: 20px;
  box-shadow: none;
  border: 1px solid #4f5355;
  color: #000;
}


.t-assistant-fileupload .fileupload_progressbar {
  border-radius: 0px;
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  line-height: 1em;
}

.t-assistant-fileupload .cancel-button {
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  border: none;
  font-size: 12px;
}

.t-assistant-fileupload .btn.button_upload {
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  border: none;
  font-size: 12px;
}

.t-background-wait-layer {
  background: #000;
  opacity: 0.7;
  cursor: wait;
}

.nav-anonymous .t-background-overlay {
  background-image: none;
  background-size: contain;
  background-repeat: repeat;
  background-position: top left;
  background-color: var(--body-bg-color-avm);
  opacity: 0.94;
}

.t-background-overlay {
  background: rgba(0, 0, 0, 0.66);
  backdrop-filter: blur(2px);
}

.t-background-popup {
  background-color: var(--main-color-avm);
  ;
}

.t-background-gradient-neutral {
  background: linear-gradient(0deg, #E3E4E1 -10%, #fcfcfc 40%);
}

.t-logo {
  background-image: var(--logo-path);
  ;
  background-size: cover;
  background-position: left;
  margin: 5px;
  background-color: unset;
}

.t-logo-small {
  height: 40px;
  width: 135px;
  position: absolute;
  right: 5px;
  top: 5px;
  background-image: var(--logo-path);
  ;
  background-size: 100%;
  display: block;
}

.nav-anonymous .t-logo {
  background-image: var(--logo-path);
  ;
}

.t-background-wait-layer {
  background: var(--body-bg-color-avm);
  opacity: 0.7;
  cursor: wait;
}

.t-form .divider {
  border-bottom: 1px solid #4f5355;
  opacity: 0.4;
}

.t-form h3 {
  color: var(--color-accent-avm);
}


.t-form summary.divider:hover h3 {
  color: var(--color-accent-avm);
}

.t-form-info {
  color: #000;
  font-style: italic;
  padding: 3px 0;
  font-size: 0.9em;
}

.t-form-login .header-login-form h4 {
  color: #000;
  /* font-family: 'inspire-regular';*/
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.t-form-login .register-link {
  color: #009FA8;
}

.t-form-login form {
  background-color: var(--main-color-avm);
  ;
}

.t-form-login section {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.t-form-simple .header {
  color: var(--color-accent-avm);
  border-bottom: 1px solid #4f5355;
}

.t-form-simple .section-bold {
  background-color: #E3E4E1;
}

.t-form-simple .section-divider {
  border-top: 1px solid #4f5355;
  border-bottom: 1px solid #4f5355;
}

.t-form-simple .section h6 {
  color: var(--color-accent-avm);
  font-style: normal;
  border-bottom: 1px solid #4f5355;
  padding: 5px 0;
}

.t-form-simple section>p {
  font-size: 14px;
  color: #000;
  text-align: center;
}

.t-form-simple a {
  display: inline-block;
  color: var(--color-accent-avm);
}

.t-form-simple a:hover {
  color: var(--color-accent-avm);
}

.t-form-modal {
  background-color: #E3E4E1;
}

.t-form-modal .header-wrapper {
  background-color: var(--body-bg-color-avm);
}

.t-form-modal .header-wrapper h4 {
  color: var(--main-color-avm);
  ;
}

.t-form-modal .divider {
  border-bottom: 1px solid #4f5355;
  opacity: 0.4;
}

.cont_fileupload .fileupload_cont_uploaded>.fileupload_cont_progress>.fileupload_progressbar {
  background-color: #00bae5;
  color: #000;
  border-radius: 0px;
  font-weight: 600;
}

.cont_fileupload .fileupload_cont_uploaded>.cancel-button:hover {
  background-color: var(--body-bg-color-avm);
}

.cont_fileupload .fileupload_cont_fileinput .t-btn-primary {
  background-color: var(--button-bg-color-avm);
  color: var(--main-color-avm);
  ;
  border: 2px solid transparent;
}

.cont_fileupload .fileupload_cont_fileinput .t-btn-primary.mandatory {
  border-color: var(--button-mandatory-border-color-avm);
}

.t-slider-wrapper input {
  background: #6c687f;
  outline: none;
  transition: background .15s ease-in-out;
}

.t-slider-wrapper input:hover {
  background: #000;
}

.t-slider-wrapper input:focus {
  box-shadow: 0 0 0 3px var(--color-accent-avm);
  border: 0;
}

.t-styled-checkbox+label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 13px;
  height: 13px;
  border: 1px solid #4f5355;
  background: #A19EAF;
  margin-top: 0px;
}

.t-styled-checkbox:checked+label:before {
  border: 1px solid #4f5355;
  background: #A19EAF;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
}

.t-bolean-wrapper span {
  border: 1px solid #6c687f;
}

.t-bolean-wrapper span:hover,
.t-bolean-wrapper span.active {
  background-color: var(--color-accent-avm);
  color: var(--main-color-avm);
  ;
  cursor: pointer;
}

.t-tree-wrapper label .icon,
.t-tree-wrapper a .icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  left: 0px;
  bottom: -9px;
  fill: #000;
  display: inline-block;
}

.t-tree-wrapper label:hover {
  cursor: pointer;
  color: #000;
}

.t-tree-wrapper label:hover .icon {
  fill: #000;
}

.treejs .treejs-checkbox:before {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: absolute;
  top: 2px;
  content: ' ';
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #4f5355;
}

.t-color-picker-panel {
  background: #fff;
  border: 1px solid #4f5355;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.t-swatch {
  margin: 5px 5px 0px 0;
  border: 1px solid #4f5355;
}

#color-swatch {
  background: #fff;
  cursor: pointer;
  border: 1px solid #4f5355;
}

#color-swatch-preview {
  border: 1px solid #4f5355;
}

#spectrum-canvas,
#hue-canvas {
  background: #E3E4E1;
}

.t-color-cursor {
  border: 1px solid #fff;
  transition: all .2s ease;
}

.t-color-wrapper .color-holder {
  background: #fff;
  cursor: pointer;
  border: 1px solid #4f5355;
}

.t-dialog-picker {
  border: 1px solid #4f5355;
  background: #fff;
}

.t-dialog-picker .color-item {
  border: 1px solid #4f5355;
}

.t-table th h6 {
  text-transform: uppercase;
  color: var(--color-accent-avm);
}

.t-table td,
.t-table th {
  color: #000;
  text-align: left;
}

.t-table tr {
  border-bottom: 1px solid #4f5355;
}

.t-table tr:hover {
  background-color: #E3E4E1;
}

.t-table td:first-child {
  color: var(--color-accent-avm);
  font-weight: 600;
}

.t-table td:hover {
  color: #000;
}

.t-table td.status-new {
  color: #397700;
}

.t-table td.status-end {
  color: #000;
}

.t-table td.error {
  color: #DA370A;
}

.t-table-complex thead {
  border-bottom: 3px solid var(--color-accent-avm);
}

.t-table-complex thead th {
  color: var(--color-accent-avm);
}

.t-table-complex tbody tr {
  border-bottom: 1px dotted var(--color-accent-avm);
}

.t-table-simple th h6 {
  text-transform: uppercase;
  color: var(--color-accent-avm);
}

.t-table-simple th {
  color: #000;
  text-align: left;
  background-color: var(--main-color-avm);
  ;
}

.t-table-simple th.table-stickyHeader {
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.35) inset;
}

.t-table-simple td {
  color: #000;
}

.t-table-simple tr {
  border-bottom: 1px solid #4f5355;
}

.t-table-simple tbody tr:nth-child(2n) {
  background-color: #f0f0ee;
}

.t-table-simple tbody tr:hover {
  background-color: #f0f0ee;
}

.t-table-simple td:hover {
  color: #000;
}

.t-table-simple td.status-new {
  color: #397700;
}

.t-table-simple td.status-end {
  color: #000;
}

.t-table-decision tr {
  border-bottom: 1px solid #4f5355;
}

.t-table-contrast thead {
  background-color: var(--body-bg-color-avm);
}

.t-table-contrast thead th {
  border: 1px solid #000;
}

.t-table-contrast tbody td {
  border: 1px solid #000;
}

.t-table-contrast tbody tr:nth-child(odd) {
  background-color: #fafaf9;
}

.t-table-contrast tbody tr:nth-child(even) {
  background-color: #f2f2f1;
}

.t-table-contrast tfoot {
  background-color: #A19EAF;
  border: 1px solid #000;
}

.t-table-contrast tfoot tr:last-child td {
  border-bottom: 1px solid #000;
}

.dataTable-table .dataTable-sorter::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #000;
  border-top: 6px solid transparent;
  top: -7px;
  right: 1px;
}

.dataTable-table .dataTable-sorter::before {
  top: 8px;
  border-top: 6px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 1px;
}

.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
  background-color: transparent;
  border-bottom: 1px solid #4f5355;
}

.t-btn-submit,
.t-btn-primary {
  background-color: var(--button-bg-color-avm);
  color: var(--main-color-avm);
  ;
  border: none;
  font-weight: 700;
  border-radius: 25px;
}

.t-btn-submit:hover,
.t-btn-primary:hover {
  background-color: var(--navi-item-hover-color-avm);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  color: var(--main-color-avm);
}

.t-btn-cancel {
  color: var(--color-accent-avm);
  border: none;
}

.t-btn-cancel:hover {
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  color: var(--main-color-avm);
}

.t-btn-link {
  background-color: transparent;
  border: 1px solid transparent;
  text-transform: uppercase;
}

.t-btn-link .icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  left: 1px;
  bottom: -5px;
  fill: #00bae5;
}

.t-btn-link:hover {
  border: 1px solid #4f5355;
  color: var(--color-accent-avm);
  cursor: pointer;
}

.t-btn-link,
.t-btn-secondary {
  color: #00bae5;
}

.t-btn-secondary,
.t-btn-primary.secondary,
button.t-btn-secondary,
button.t-btn-primary.secondary {
  background-color: var(--button-bg-color-avm);
  border: 1px solid var(--button-bg-color-avm);
  color: var(--main-color-avm);
  white-space: nowrap;
  font-weight: 700;
  border-radius: 25px;
}

.t-btn-secondary:hover,
.t-btn-primary.secondary:hover,
button.t-btn-secondary:hover,
button.t-btn-primary.secondary:hover {
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  color: var(--navi-item-hover-color-avm);
  border: 1px solid #4f5355;
  background-color: var(--color-accent-avm);
}

.t-btn-close {
  fill: #000;
}

.t-btn-icon-light>.icon {
  fill: #fff;
  background-color: var(--color-accent-avm);
  border-radius: 3px;
}

.t-btn-icon-light>.icon:hover {
  background-color: var(--body-bg-color-avm);
}

.btn-neutral {
  color: #000;
}

.btn-neutral:hover {
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.15);
}

.t-btn-icon .icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  left: 0px;
  bottom: 0px;
  fill: var(--color-accent-avm);
  display: inline-block;
}

.t-btn-icon:hover svg {
  fill: var(--color-accent-avm);
}

.t-btn-small {
  border-radius: 3px;
  color: var(--main-color-avm);
  ;
  background-color: var(--color-accent-avm);
  font-size: 24px;
  text-transform: uppercase;
  font-family: inspire-regular;
}

.t-button-fixed-section {
  background-color: var(--color-accent-avm);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.t-btn-message-ok,
.t-btn-primary.t-btn-message-ok {
  min-width: 40px;
  width: 40px;
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  border: none;
  padding: 8px 5px !important;
  max-height: 30px;
  box-sizing: border-box;
  margin: 3px 0;
  box-shadow: none;
}

.t-welcome-category-link {
  text-transform: uppercase;
  background: linear-gradient(0deg, #000 0%, #000 100%);
}

.t-welcome-category-link:hover {
  background: #000;
}

.js-assistent-container-close {
  color: var(--main-color-avm);
  ;
  background-color: var(--body-bg-color-avm);
  box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.t-icon-add,
.t-adm-add-element::before {
  background-image: url(../images/icons/add_sprite.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  filter: grayscale(0);
}

.t-icon-add:hover,
.t-adm-add-element:hover::before {
  background-position: bottom;
  cursor: pointer;
}

.t-icon-close:hover span:before,
.t-icon-close:hover span:after {
  background-color: var(--color-accent-avm);
}

.t-icon-close span:before {
  background: #000;
}

.t-icon-close span:after {
  background: #000;
}

.t-icon-color-warning,
.t-icon-color-warning>svg {
  fill: var(--color-accent-avm);
}

.t-icon-color-neutral,
.t-icon-color-neutral>svg {
  fill: #000;
}

.t-icon-color-neutral:hover,
.t-icon-color-neutral>svg:hover {
  fill: var(--color-accent-avm);
}

.t-icon-adm-element,
.t-icon-adm-element>svg {
  fill: var(--color-accent-avm);
}

.t-icon-color-light:hover,
.t-icon-color-light>svg:hover {
  fill: var(--color-accent-avm);
}

.t-icon-color-blue,
.t-icon-color-blue>svg {
  fill: var(--color-accent-avm);
}

.t-icon-color-blue:hover,
.t-icon-color-blue>svg:hover {
  fill: #000;
}

.icon-gallery,
.icon-gallery>svg,
.icon-table,
.icon-gallery>svg {
  fill: #A19EAF;
}

.icon-gallery:hover,
.icon-gallery>svg:hover,
.icon-table:hover,
.icon-gallery>svg:hover {
  fill: #000;
}

.t-adm-icon-view-active,
.t-adm-icon-view-active>svg {
  fill: #000;
}

.t-tags:hover {
  border-color: #000;
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

input,
select,
textarea,
.t-dropdown {
  background-color: var(--main-color-avm);
  ;
  box-shadow: none;
  border: 1px solid #4f5355;
  color: #000;
}

input:focus,
select:focus,
textarea:focus,
.t-dropdown:focus {
  border: 1px solid #4f5355;
  box-shadow: 0px 0px 3px 0px #A19EAF;
}

input[type="checkbox"]:focus,
select[type="checkbox"]:focus,
textarea[type="checkbox"]:focus,
.t-dropdown[type="checkbox"]:focus {
  border: none;
  box-shadow: none;
  outline: 1px dotted #6c687f;
}

textarea.readonly {
  background-color: #fcfcfc;
  border: 1px solid #4f5355;
  color: #A19EAF;
}

label {
  color: #000;
}

.t-tabs-wrapper-links {
  background-color: var(--color-accent-avm);
  list-style: none;
  color: var(--main-color-avm);
  ;
}

ul.t-tabs-wrapper-second {
  list-style: none;
  background-color: var(--body-bg-color-avm);
}

ul.t-tabs-wrapper-second li {
  color: var(--main-color-avm);
  ;
  text-transform: uppercase;
  font-family: inspire;
}

.treejs .treejs-switcher:hover:before {
  border-top: 4px solid rgba(0, 0, 0, 0.65);
}

.treejs .treejs-switcher:before {
  position: absolute;
  top: 8px;
  left: 6px;
  display: block;
  content: ' ';
  border: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.4);
  -webkit-transition: border-color 150ms;
  -o-transition: border-color 150ms;
  transition: border-color 150ms;
}

.treejs .treejs-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.treejs .treejs-icon.jstree-file {
  background-image: url(../images/icons/file_32.svg);
}

.treejs .treejs-icon.jstree-folder {
  background-image: url(../images/icons/folder_32.svg);
}


.t-panel-item input[readonly="readonly"],
.t-panel-item input[readonly],
.t-panel-item select[disabled],
.t-panel-item textarea[readonly="readonly"],
.t-panel-item textarea[readonly] {
  background-color: #fcfcfc;
  border: 1px solid #4f5355;
  color: #A19EAF;
}

.t-panel-document-prev .document-thumbnail {
  border-bottom: 2px solid var(--color-accent-avm);
}

.t-bar-toolbar .bar-toolbar-option:hover span {
  color: var(--color-accent-avm);
}

.fc-button-primary {
  background-color: var(--body-bg-color-avm);
  border-color: #000;
}

.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:not(:disabled):active {
  background-color: var(--navi-item-active-color-avm);
  border-color: var(--navi-item-active-color-avm);
}

.fc-button-primary:disabled {
  color: #000;
  background-color: var(--color-accent-avm);
  border-color: var(--color-accent-avm);
}

.fc-unthemed td.fc-today {
  background: var(--color-accent-avm);
}

.monaco-editor-wrapper.active {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--body-bg-color-avm);
  z-index: 99;
}

.monaco-editor-wrapper .t-btn-secondary {
  border-color: #E3E4E1;
  color: #E3E4E1;
}

.monaco-editor-wrapper .t-btn-primary {
  background-color: #E3E4E1;
  border-color: #E3E4E1;
  color: #000;
}

input.mandatory,
select.mandatory,
textarea.mandatory {
  border: 2px solid #000;
}

input.mandatory_error,
select.mandatory_error,
textarea.mandatory_error {
  border: 2px solid var(--button-mandatory-border-color-avm);
}

.formError .formErrorContent {
  background: #DA370A;
  border: 2px solid #DA370A;
  border-radius: 1px;
  padding: 10px;
}

.formError .formErrorArrow div,
.formError .formErrorArrow .line {
  background: #DA370A !important;
  border-color: #DA370A !important;
}

.t-welcome-nav {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.t-welcome-nav li:not(:last-child) {
  border-right: 1px solid #E3E4E1;
}

@media only screen and (min-width: 768px) {
  .t-welcome-nav li:not(:last-child) {
    border: none;
  }
}

.t-welcome-nav li:hover {
  cursor: pointer;
  color: #E3E4E1;
}

.t-portal_assistent_container #Content_Area {
  background-color: #A19EAF;
}

.t-welcome-thumbnail-contrast-dark,
.t-welcome-thumbnail-contrast-middle,
.t-welcome-thumbnail-contrast-light,
.t-welcome-thumbnail-contrast,
.t-welcome-thumbnail-dark,
.t-welcome-thumbnail-wrapper,
.t-welcome-thumbnail-neutral-dark {
  background-image: url(../images/thumbnails/thumbnail-texture.png);
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  position: relative;
}

.t-welcome-start-content {
  background-color: var(--main-color-avm);
  ;
  color: #000;
  position: relative;
}

.t-welcome-start-content .welcome-start-column h2 strong {
  color: #8E1259;
  border-left: 5px solid #8E1259;
  padding: 0 5px;
}

.t-welcome-thumbnail-wrapper {
  background-color: var(--color-accent-avm);
  color: var(--main-color-avm);
  ;
  background-position: top;
}

.t-welcome-thumbnail-dark {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.t-welcome-thumbnail-contrast {
  background-color: #397700;
  color: var(--main-color-avm);
  ;
  background-position: top right;
}

.t-welcome-thumbnail-contrast-light {
  background-color: var(--color-accent-avm);
  color: #000;
  background-position: top left;
}

.t-welcome-thumbnail-contrast-middle {
  background-color: #8E1259;
  color: var(--main-color-avm);
  ;
  background-position: top;
}

.t-welcome-thumbnail-contrast-dark {
  background-color: #8E1259;
  color: var(--main-color-avm);
  ;
  background-position: top left;
}

.t-welcome-thumbnail-neutral-dark {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

@media only screen and (min-width: 1280px) {
  .t-welcome-extra-2:before {
    content: '';
    height: 30px;
    width: 60px;
    background-color: var(--color-accent-avm);
    position: absolute;
    right: -65px;
    top: -35px;
    opacity: 0.7;
  }
}

@media only screen and (min-width: 1024px) {
  .t-welcome-extra-2:after {
    content: '';
    height: 80px;
    width: 40px;
    background-color: #8E1259;
    position: absolute;
    right: -45px;
    top: 0px;
    opacity: 0.7;
  }
}

@media only screen and (min-width: 1024px) {
  .t-welcome-extra-top-1:before {
    content: '';
    height: 20px;
    width: 50px;
    background-color: var(--body-bg-color-avm);
    position: absolute;
    left: 0;
    top: -25px;
    opacity: 0.7;
  }
}

@media only screen and (min-width: 1024px) {
  .t-welcome-extra-left-1:before {
    content: '';
    height: 90px;
    width: 25px;
    background-color: #8E1259;
    position: absolute;
    left: -30px;
    top: 0;
    opacity: 0.7;
  }

}


@media only screen and (min-width: 1024px) {
  .t-welcome-extra-left-bottom:before {
    content: '';
    height: 30px;
    width: 35px;
    background-color: #397700;
    position: absolute;
    left: -40px;
    bottom: 0;
    opacity: 0.7;
  }
}

.t-preloader {
  background-color: var(--body-bg-color-avm);
}


.t-preloader .t-preloader-loader span::before {
  border-radius: 50%;
  background-color: var(--main-color-avm);
  ;
  box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 60px #fff;
  transform: scale(0.1);
  animation: spin 2s linear infinite;
  animation-delay: calc(0.1s * var(--i));
}

/* Real Person jQuery plugin styles v2.0.1. */
.realperson-challenge {
  display: inline-block;
  padding: 5px;
  color: var(--main-color-avm);
  ;
  background-color: #A19EAF;
  border-style: solid;
  border-width: thin;
}


.form-register {
  background-color: #E3E4E1;
  box-shadow: 0px 3px 20px -5px rgba(0, 0, 0, 0.35);
}

.form-register .form-register-description {
  max-width: 400px;
  padding: 30px 15px;
  background-image: url("../images/background_register.png");
  background-position: top;
  background-repeat: no-repeat;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.form-register .form-register-description>* {
  color: var(--main-color-avm);
  ;
  line-height: 1.2em;
}

.form-register .form-register-description h6 .login-link {
  padding: 5px 0;
  color: #009FA8;
  width: 100%;
}

.form-register .form-register-description h5 {
  border-top: 1px solid #4f5355;
  border-bottom: 1px solid #4f5355;
}

.t-message-big {
  border-color: var(--color-accent-avm);
}

.t-message-big p {
  font-size: 14px;
  color: var(--color-accent-avm);
  display: inline-block;
}

.t-message-big-warning {
  border-color: #6c687f;
}

.t-message-big-warning p {
  font-size: 14px;
  color: #6c687f;
  display: inline-block;
}

.t-message-error {
  border-color: #8E1259;
}

.t-message-error p {
  font-size: 14px;
  color: #8E1259;
  display: inline-block;
}

.t-message-error-small {
  border-color: #8E1259;
}

.t-message-error-small p {
  font-size: 14px;
  color: #8E1259;
  display: inline-block;
}

.t-message-error-small .icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  left: 3px;
  bottom: 0px;
  fill: #DA370A;
}

.t-message-error-small p {
  color: #DA370A;
}

.t-help-MRKNOW-img-small {
  width: 200px;
  height: 220px;
  background-image: url(../images/MRKNOW/MrKnowIconV2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.t-help-thumbnail-contrast,
.t-help-thumbnail-light,
.t-help-tipp h3 {
  background-image: url(../images/thumbnails/thumbnail-texture.png);
  background-size: cover;
  background-repeat: no-repeat;
  text-transform: uppercase;
  position: relative;
}

.t-help-thumbnail-contrast {
  background-color: #8E1259;
  color: var(--main-color-avm);
  ;
}

.t-help-thumbnail-light {
  background-color: var(--color-accent-avm);
  color: var(--main-color-avm);
  ;
  background-position: top right;
}

.t-help-tipp h3 {
  background-color: var(--color-accent-avm);
}

.t-help-tipp:nth-child(2n) h3 {
  background-color: #397700;
  color: var(--main-color-avm);
  ;
}


.t-paragraph-item-content h3 strong {
  font-weight: bold;
  color: var(--color-accent-avm);
}

.t-paragraph-item-content table td {
  border: 1px dotted var(--color-accent-avm);
}

.t-paragraph-item-content table th {
  background-color: var(--color-accent-avm);
}

.t-paragraph-item-content table th label {
  color: var(--main-color-avm);
  ;
  font-weight: normal;
}

.t-paragraph-container {
  background-color: var(--main-color-avm);
  ;
}


.t-paragraph-description {
  background-color: var(--main-color-avm);
  ;
  border-left: 3px solid var(--color-accent-avm);
}

.t-paragraph-description .hero-img {
  background-color: var(--main-color-avm);
  ;
}

.l-container-popup .t-paragraph-description {
  border: none;
}

.t-paragraph-item-header>h5 {
  color: #000;
}

.t-paragraph-header-bold {
  border: none;
}

.t-paragraph-header-bold p {
  display: block;
  width: 100%;
  line-height: 1.5em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 3px 0;
  margin: 0;
}

.t-paragraph-text-bold p {
  margin-left: 5%;
  border-left: 1px solid #000;
  padding: 5px;
}

.t-wizard-element .icon {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  left: 1px;
  bottom: -7px;
  fill: var(--color-accent-avm);
}

.t-quill-wrapper.mandatory {
  border: 2px solid #000;
}

.t-cms-carousel_text:before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background-color: var(--body-bg-color-avm);
  opacity: 0.6;
  top: -5%;
  left: -5%;
}

.t-cms-content_wrapper_section .cms-welcome-box-element .cms-welcome-box-text p:first-of-type {
  background-color: var(--body-bg-color-avm);
}

.t-cms-content_wrapper_steps .cms-wrapper-numer {
  background: #000;
}

.t-cms-content_wrapper_steps .cms-wrapper-numer h2 {
  color: var(--main-color-avm);
  ;
  font-family: "Helvetica", sans-serif;
}


@media (max-width: 768px) {
  .t-cms-content_wrapper_steps .cms-wrapper-numer {
    background: #000;
  }
}


.ui-widget-overlay {
  background: #000;
  opacity: 0.75;
}

.ui-widget-content>.ui-widget-header {
  border: 1px solid var(--navi-item-hover-bg-color-avm);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--navi-item-hover-bg-color-avm);
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  line-height: 18px;
  color: var(--main-color-avm);
  ;
  padding: 10px 20px;
}

.saving_progress h4 {
  color: var(--color-accent-avm);
}

.ui-dialog-buttonset button {
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  font-family: Helvetica, sans-serif;
  line-height: 14px;
}

.ui-dialog-buttonset button:focus {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.t-administration-submenu {
  border-left: 5px solid var(--color-accent-avm);
}

.t-administration-submenu li {
  padding: 0 10px;
  border-top: 1px solid #c7c5cf;
}

.t-administration-submenu li:hover {
  color: var(--color-accent-avm);
}

.t-adm-tile-name-header {
  color: var(--color-accent-avm);
}

.t-adm-thumbnail {
  box-shadow: 0px 8px 7px -5px rgba(0, 0, 0, 0.2);
  color: #000;
  border: solid #717abe 2px;
}

.t-adm-thumbnail .t-adm-thumbnail-header {
  background-color: var(--main-color-avm);
  ;
  border-bottom: solid #717abe 2px;
  color: #000;
}

.t-adm-thumbnail .t-adm-thumbnail-header h4 {
  color: var(--color-accent-avm);
}

.t-adm-thumbnail .t-adm-thumbnail-body {
  background: white;
  border-bottom: none;
}

.t-adm-thumbnail .t-adm-thumbnail-body li {
  color: #000;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_groups::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_attributes::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_privileges::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_roles::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_object_type::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_user::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-adm-thumbnail .t-adm-thumbnail-body .li_function::before {
  background-image: url("../images/icons/ok.svg");
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
}

.t-priv-wrapper-section-header h4,
.t-priv-wrapper-section-header h3 {
  color: var(--color-accent-avm);
}


.t-priv-wrapper-item>*:nth-child(2) {
  color: var(--color-accent-avm);
}

.t-priv-link {
  color: var(--color-accent-avm);
  text-decoration: underline;
}

.t-priv-link:hover {
  color: #009FA8;
}

.t-priv-user-photo-wrapper {
  border: 8px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(320deg, #000, #8E1259);
}

.t-priv-btn-primary {
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  border: none;
}

.t-priv-thumbnail {
  background-color: var(--main-color-avm);
  ;
  border: 1px solid;
  border-top: 8px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(-111deg, #000 15%, #8E1259 180%);
}

.t-priv-thumbnail .thumbnail-header {
  color: #000;
  font-size: 1.3em;
  font-weight: 300;
}

.t-priv-thumbnail .thumbnail-header:hover {
  color: #000;
}

.t-priv-thumbnail .thumbnail-header:hover .icon {
  fill: #000;
}

.t-priv-portal-thumbnail .t-priv-portal-thumbnail-header {
  color: var(--color-accent-avm);
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 300;
}

.t-priv-portal-thumbnail .t-priv-portal-thumbnail-body {
  background: linear-gradient(343deg, var(--color-accent-avm) 45%, #397700 125%);
  color: var(--main-color-avm);
  ;
}

.t-priv-portal-thumbnail .t-priv-portal-thumbnail-link {
  text-decoration: underline;
  color: var(--color-accent-avm);
}

.t-priv-portal-thumbnail .t-priv-portal-thumbnail-link:hover {
  color: #009FA8;
  cursor: pointer;
}

.t-priv-msg-tab-wrapper .priv-msg-tab-item {
  border-bottom: 2px solid;
  border-color: #A19EAF;
  font-size: 1.2em;
  font-weight: 300;
  color: #000;
}

.t-priv-msg-tab-wrapper .priv-msg-tab-item.active {
  color: var(--color-accent-avm);
  border-color: #397700;
  font-weight: bold;
}

.t-priv-msg-tab-wrapper .priv-msg-tab-item:hover {
  cursor: pointer;
  border-color: #397700;
  color: var(--color-accent-avm);
}

@media only screen and (min-width: 768px) {
  .t-priv-msg-tab-wrapper .priv-msg-tab-item {
    border-bottom: 5px solid;
  }
}

.t-priv-tile-wrapper {
  border: 2px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(343deg, var(--color-accent-avm) 45%, #397700 125%);
}

.t-dashboard-section-header {
  color: #8E1259;
  text-transform: uppercase;
  font-family: inspire-regular;
}

.t-dashboard-flyout {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.t-dashboard-flyout .dashboard-flyout-item:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.t-dashboard-flyout .dashboard-flyout-item:hover {
  background-color: var(--color-accent-avm);
  cursor: pointer;
}

.asst-header {
  font-family: inspire-regular;
  color: var(--color-accent-avm);
}

.containerQuestion {
  border-bottom: 1px solid #4f5355;
}

.form_radio_cont input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 50px;
  height: 40px;
  border-radius: 3px;
  background-color: var(--main-color-avm);
  ;
}


.form_radio_cont input[type="radio"]+span:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 15px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
  margin: 0 5px;
  transition: 0.5s ease all;
}

.form_radio_cont input[type="radio"]:checked+span:before {
  background: var(--color-accent-avm);
  box-shadow: 0 0 0 0.12em rgba(0, 0, 0, 0.15);
}

.buttonAnswer {
  background-color: transparent;
  border: 1px solid #4f5355;
  color: var(--color-accent-avm);
}

.buttonAnswer:hover {
  cursor: pointer;
  background-color: var(--button-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.buttonAnswer.sel {
  background-color: var(--button-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.note.hint {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

.bottom.bb a {
  background-color: var(--button-bg-color-avm);
}

.bottom.bb a:hover {
  color: inherit;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
  border: 1px solid #000;
  background: #000;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  border: 1px solid #4f5355;
  background: var(--color-accent-avm);
  color: #000;
}

.tooltip>span {
  color: var(--main-color-avm);
  ;
  background-color: var(--body-bg-color-avm);
}

.tooltip_question>span,
.tooltip_answer>span,
.tooltip_hint>span {
  color: var(--main-color-avm);
  ;
  background-color: var(--color-accent-avm);
}

.tooltip>span:after {
  border: solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid #000;
}

.tooltip_question>span:after,
.tooltip_answer>span:after,
.tooltip_hint>span:after,
.tooltip_answer_result>span:after {
  border: solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 7px solid var(--color-accent-avm);
}

.tooltip_hint span::selection {
  background-color: var(--color-accent-avm);
}

.tooltip_hint span::-moz-selection {
  background-color: var(--color-accent-avm);
}

.maintale>li {
  /*  background: linear-gradient(343deg, #000 20%, var(--color-accent-avm) 180%);*/
  background: #000
}

.maintale p {
  color: #000;
  background: #fff;
  padding-left: 5px;
  padding-right: 5px;
}

.buttonGrey.purple {
  background-color: var(--body-bg-color-avm);
}

.buttonGrey.purple:hover {
  color: var(--main-color-avm);
  ;
}

.assistant-container {
  border-radius: 0;
  border: 8px solid #000;
  background-color: var(--main-color-avm);
  ;
}

.chat-wrapper.active {
  border: 2px solid #000;
}

.chat-header-area {
  background-color: var(--body-bg-color-avm);
}

.chat-input-area {
  border-top: 1px solid #000;
}

.chat-input-area .input-container input {
  padding: 5px;
  border-top: 1px solid #000;
}

.chat-input-area .button-container {
  border: 1px solid #000;
}

.chat-input-area .button-container a {
  display: block;
  height: 35px;
  width: 35px;
  background-color: var(--body-bg-color-avm);
  background-image: url("../images/icons/chevron_right_32.png");
  background-position: center;
  background-repeat: no-repeat;
}

.chat-input-area .button-container a:hover {
  background-color: var(--body-bg-color-avm);
  cursor: pointer;
}

.message-area {
  color: var(--color-accent-avm);
}

.message-area .message {
  color: #000;
}

.message-area .message-tooltip {
  background-color: var(--color-accent-avm);
  color: var(--main-color-avm);
  ;
}

.message-tip-wrapper .btn-primary {
  background-color: var(--color-accent-avm);
  color: #E3E4E1;
  border: none;
}

.message-container-bot .message-area span {
  border-top-left-radius: 0;
}

.message-container-bot .tooltip_question>span:after {
  border: solid transparent;
  border-left: 8px solid var(--color-accent-avm);
  border-right: 7px solid transparent;
  border-top: 9px solid transparent;
  border-bottom: 8px solid transparent;
}

.message.selector-simple span {
  border: 1px solid #4f5355;
  background-color: #A19EAF;
  border-radius: 3px;
  padding: 5px 10px;
  color: #000;
}

.message.selector-simple span:hover {
  cursor: pointer;
  border-color: var(--color-accent-avm);
  background-color: var(--color-accent-avm);
  color: var(--main-color-avm) !important;
}

.message.selector-simple span:active {
  background-color: var(--body-bg-color-avm);
  color: var(--main-color-avm);
  ;
}

#message-loader .dot {
  display: inline-block;
  box-sizing: border-box;
  padding: 3px;
  margin-right: 2px;
  border-radius: 50%;
  background: var(--color-accent-avm);
  animation: wave 1.3s linear infinite;
}


.t-task-box {
  box-shadow: 0px 0 10px -2px rgba(0, 0, 0, 0.15);
  border-left: 5px solid var(--color-accent-avm);
}

.t-task-box .task-box-details li {
  border-top: 1px solid #c7c5cf;
}

.t-task-box .task-comment h6 {
  border-top: 1px solid #4f5355;
}

.t-plm-shoppingCart.full:after {
  content: attr(card-items) "";
  position: absolute;
  display: block;
  height: 15px;
  width: 17px;
  border-radius: 2px;
  background-color: #E3E4E1;
  color: var(--color-accent-avm);
  top: -1px;
  right: -20px;
  padding: 2px;
  font-size: 12px;
  text-align: center;
}

.t-plm-thumbnail {
  background: linear-gradient(0deg, var(--color-accent-avm) -150%, #fff 40%);
}

.t-plm-thumbnail .product-title {
  text-transform: uppercase;
  color: #000;
  font-weight: 300;
}

.t-plm-thumbnail .product-title h4 {
  color: var(--color-accent-avm);
}


.t-plm-thumbnail-footer {
  background: linear-gradient(340deg, #000 -15%, #8E1259 180%);
}


.t-l-plm-lead {
  background: linear-gradient(0deg, #000 -150%, #000 50%);
  background-image: url(../marketplace/images/marketplace_header_basic.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--main-color-avm);
  ;
}

.t-plm-product-img-header h1,
.t-plm-product-img-header h2,
.t-plm-product-img-header h3,
.t-plm-product-img-header h4,
.t-plm-product-img-header h5,
.t-plm-product-img-header h6 {
  font-size: 16px;
  font-family: "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #000;
}

.t-plm-product-description .t-plm-product-text-header {
  font-size: 16px;
  font-family: "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #000;
  font-weight: 300;
}

.t-plm-product-cta .t-plm-btn-cta {
  background-color: var(--body-bg-color-avm);
  border-radius: 2px;
}

.t-plm-contact-content {
  background: linear-gradient(0deg, var(--color-accent-avm) -150%, #fff 50%);
}

.t-plm-contact-content .t-plm-contact-title {
  font-size: 16px;
  font-family: "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #000;
  font-weight: 300;
}

.t-plm-contact-content .t-plm-contact-img img {
  border-bottom: 3px solid var(--color-accent-avm);
}

.t-plm-cart td[data-th="Löschen"]>div,
.t-plm-cart td[data-th="delete"]>div {
  position: relative;
  height: 24px;
  width: 24px;
  top: 3px;
  left: 5px;
  background-image: url(../marketplace/images/icons/delete_sprite.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.t-plm-cart td[data-th="Löschen"]>div:hover,
.t-plm-cart td[data-th="delete"]>div:hover {
  cursor: pointer;
  background-position: bottom;
}


.t-plm-cart .input-wrapper[var_vm_name="amount_net"] {
  background-color: #E3E4E1;
}

.t-plm-cart-empty h3 {
  color: var(--color-accent-avm);
}

.t-plm-cart-empty a {
  color: #000;
}

.t-kbn-component-header h4,
.t-kbn-component-header h5,
.t-kbn-component-header h6 {
  font-family: "Helvetica", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  color: var(--color-accent-avm);
}

.t-kbn-component-header a {
  color: var(--color-accent-avm);
  text-decoration: underline;
  cursor: pointer;
}


.t-kbn-wrapper-column {
  border: 2px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(320deg, var(--color-accent-avm), #8E1259);
  background-color: rgba(0, 0, 0, 0.05);
}

.t-kbn-wrapper-column .t-kbn-column-header {
  background: linear-gradient(120deg, #8E1259 -115%, var(--color-accent-avm) 120%);
  color: var(--main-color-avm);
  ;
}

.t-kbn-wrapper-column .t-kbn-column-header a {
  color: var(--main-color-avm);
  ;
  text-decoration: underline;
}

.t-kbn-wrapper-column .t-kbn-column-body {
  border-top: 1px solid #4f5355;
}

.t-kbn-task {
  background-color: 8c8;
  border-color: #ffea62;
  color: #000;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  transform: rotate(2deg);
}

.t-kbn-task:before {
  display: block;
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  top: -13px;
  left: 30%;
  background: rgba(227, 228, 225, 0.4);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.15);
}

.t-kbn-wrapper-input input,
.t-kbn-wrapper-input select,
.t-kbn-wrapper-input textarea {
  background-color: var(--main-color-avm);
  ;
  box-shadow: none;
  border: 1px solid #4f5355;
  color: #000;
  font-family: "Helvetica", sans-serif;
}

.t-kbn-dialog-popup .kbn-dialog-header {
  font-family: "Helvetica", sans-serif;
  font-weight: 300;
  background: var(--color-accent-avm);
  color: var(--main-color-avm);
  ;
  line-height: 0.3rem;
}


.t-kbn-dialog-popup .kbn-dialog-body {
  color: #000;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-section-container .kbn-section-header {
  border: 1px solid #4f5355;
  background-color: #E3E4E1;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-section-container .kbn-select-cont {
  border-left: 1px solid #4f5355;
  border-right: 1px solid #4f5355;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList {
  border: 1px solid #4f5355;
  border-bottom: none;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList .kbn-aufgabeList-header {
  background-color: #E3E4E1;
  border-bottom: 1px solid #4f5355;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList ul li:nth-child(even) {
  background-color: #E3E4E1;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList ul li:last-of-type {
  border-bottom: 1px solid #4f5355;
}

.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard .kbn-dialog-editKard-cont {
  border: 1px solid #4f5355;
}

.t-kbn-thumbnail {
  background: linear-gradient(343deg, #000 20%, var(--color-accent-avm) 180%);
}

.t-kbn-thumbnail .t-kbn-thumbnail-header {
  color: var(--main-color-avm);
  ;
}



.t-kbn-thumbnail-icon {
  margin-left: 1em;
  padding-bottom: 2px;
  padding-left: 0 !important;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}

.t-kbn-thumbnail-icon:hover {
  border-bottom: 1px solid lightgray;
}

.t-kanban-var-list-item {
  border-top: 1px solid lightgray;
  border-left: 1px solid lightgray;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

.t-kbn-toolbar {
  background-color: #E3E4E1;
  border-bottom: 1px solid #4f5355;
}

.kbn-img-buttons.t-kbn-toolbar {
  border: 1px solid #4f5355;
}

.t-kbn-component-wrapper {
  border: 1px solid #4f5355;
}

.t-kbn-dialog-process {
  border-bottom: 1px solid #4f5355;
  border-left: 1px solid #4f5355;
  border-right: 1px solid #4f5355;
  scrollbar-width: thin;
}

.t-kbn-dialog-process::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d7d6dd;
}

.t-kbn-dialog-process::-webkit-scrollbar-track {
  background: transparent;
}

.t-kbn-dialog-process::-webkit-scrollbar-thumb {
  background-color: #A19EAF;
}

.t-kbn-dialog-process::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-avm);
}

.t-kbn-phasenText {
  font-size: 60px;
  font-weight: bold;
  color: #cccdcb;
}

.t-kbn-download-container {
  border-bottom: 1px solid #4f5355;
  border-left: 1px solid #4f5355;
  border-right: 1px solid #4f5355;
}

.kbn-component-board::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #d7d6dd;
}

.kbn-component-board::-webkit-scrollbar-track {
  background: transparent;
}

.kbn-component-board::-webkit-scrollbar-thumb {
  background-color: #A19EAF;
}

.kbn-component-board::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-avm);
}



.maintale .maintale-header h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  line-height: 1.5em;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 2px;
  border: 2px solid #fff;
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  margin-left: 5px;
  margin-top: 5px;
}

.selected-object {
  background-color: #e1c300;
}

.t-asisstant-big-avatar {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--logo-wizard-path);
}


.t-bot-form .t-bot-form-avatar {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--logo-wizard-path);
}

.t-bot-form .bot-form-content {
  border-radius: 0;
  border: 8px solid var(--assistant-dialog-boarder-color-avm);
  background-color: #fff;
}

.t-bot-form .t-bot-form-header {
  background-color: var(--assistant-dialog-boarder-color-avm);
  color: #fff;
}

.t-thumbnail-simpleIcon {
  border: 1px solid var(--tumbnail-landing-page-border-color-avm);
  background: var(--tumbnail-landing-page-bg-color-avm);
  color: #fff;
  background-size: 100% !important;
}

.thumbnail-simpleIcon {
  min-width: 300px;
  aspect-ratio: 2;
}
@media only screen and (min-width: 768px) {
  .l-thumbnail {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-thumbnail {
    width: 300px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-thumbnail {
    width: 300px;
  }
}
@media only screen and (min-width: 1920px) {
  .l-thumbnail {
    width: 300px;
  }
}
@media only screen and (min-width: 2200px) {
  .l-thumbnail {
    width: 300px;
  }
}

h3 {
  font-size: 18px;
}
@media only screen and (min-width: 640px) {
  h3 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 640px) {
  .l-thumbnail .thumbnail-header h3 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .l-thumbnail .thumbnail-header h3 {
    font-size: 18px;
  }
}

/* ---------------------------
---- Prozess Monitor ------ */

.t-prm-l-container-right .prm-graphic-panel {
  background: var(--charts-bg-color);
  border: none;
  border-radius: 3px;
  margin-bottom: 5px;
}

.t-prm-l-container-right .prm-graphic-panel .t-text-chart-inner {
  color: var(--main-color);
}

/* ---------------------------
---- Wizard ------ */
.wiz_wizard_min {
  position: fixed;
  opacity: 0;
  width: 70px;
  height: 70px;
  right: 5%;
  bottom: 5%;
  border-radius: 50%;
  background-image: var(--logo-wizard-small-path);
  background-size: cover;
  background-color: #A19EAF;
  border: 2px solid #241c43;
  box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: transform 350ms;
}
.wizard_frame .wizard_wrapper::after {
  content: "";
  position: absolute;
  top: -17%;
  left: 38%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-image: var(--logo-wizard-small-path);
  background-size: cover;
  background-color: #A19EAF;
  border: 2px solid #241c43;
}

.asisstent-avatar-thumbnail-bot {
  background-image: var(--logo-wizard-small-path);
  background-size: 120%;
}

/* Overwrites styles.css */

table tr.highlight {
	background-color: var(--highlight-selected-row-table-color-avm) !important;
}

.svgViewer {
	/* border: 3px solid rgb(36, 28, 67); */	/* dark */
	border: 3px solid rgb(164, 160, 178); 		/* light */
	padding: 1px;
	height: 800px;
	width: 100%;
	background-color: white;
}