@charset "UTF-8";
@media print {
  #side-nav {
    display: none;
  }
  .portal-l-contentmain {
    display: block;
    min-width: 90%;
  }
  .table-stickyHeader table.table th {
    position: relative;
  }
  .table {
    max-width: 98%;
    table-layout: auto;
  }
  .table th, .table td {
    display: table-cell;
  }
  .table tr.ColumnSearchRow {
    display: none;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-10-17 17:25:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes slideWarning {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fauleRotation {
  from {
    transform: rotate(-2deg);
  }
  30% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
.myprojects-thumbnail-icon .thumbnail-header h4 h4, .myprojects-thumbnail-icon .thumbnail-header div h4, .myprojects-thumbnail-icon .thumbnail-header a h4, .l-thumbnail .thumbnail-header h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overview-modify-item form, .assistant-thumbnail, .assistant-container, .chat-wrapper {
  box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.35);
}

.tail-datetime-calendar, .l-container {
  box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.15);
}

.myprojects-thumbnail-icon, .myprojects-thumbnail-text, .wizard-element, .containerQuestion .buttonAnswer, .asisstent-avatar-thumbnail {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
}

.wizard-header-container, .l-container-popup-content, .l-container-layer, .l-container-popup-layer, .asisstent-avatar-thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
}
@media only screen and (min-width: 768px) {
  .wizard-header-container, .l-container-popup-content, .l-container-layer, .l-container-popup-layer, .asisstent-avatar-thumbnail {
    justify-content: center;
  }
}

.myprojects-thumbnail-icon .thumbnail-header, .myprojects-thumbnail-text .thumbnail-header, .myprojects-thumbnail-text .thumbnail-details span, .l-thumbnail .thumbnail-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.wizard-elements-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.color-picker-panel .btn-neutral, .btn-small, .btn-submit, .btn-cancel, .btn-primary, .btn-secondary, .btn-link {
  height: 35px;
  padding: 5px 10px;
  font-size: 14px;
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  box-sizing: border-box;
}
.color-picker-panel .btn-neutral:hover, .btn-small:hover, .btn-submit:hover, .btn-cancel:hover, .btn-primary:hover, .btn-secondary:hover, .btn-link:hover {
  transition: all 0.2s;
  cursor: pointer;
}
.color-picker-panel .btn-neutral:focus, .btn-small:focus, .btn-submit:focus, .btn-cancel:focus, .btn-primary:focus, .btn-secondary:focus, .btn-link:focus {
  border: none;
}

.nav-logo {
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
}

.list-item-3col, .list-item-2col, .galery-item-3row, .galery-item-2row {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  background-color: #FFF;
  white-space: normal;
}
.list-item-3col h2, .list-item-2col h2, .galery-item-3row h2, .galery-item-2row h2 {
  overflow: hidden;
  text-transform: uppercase;
}
.list-item-3col h2:hover, .list-item-2col h2:hover, .galery-item-3row h2:hover, .galery-item-2row h2:hover {
  cursor: pointer;
}
.list-item-3col:hover, .list-item-2col:hover, .galery-item-3row:hover, .galery-item-2row:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.galery-item-3row, .galery-item-2row {
  position: relative;
  padding: 1em 1em;
  height: 250px;
  margin: 10px;
}
.galery-item-3row h2, .galery-item-2row h2 {
  line-height: 39px;
  padding: 10px 0 0 0;
  width: 100%;
}

.list-item-3col, .list-item-2col {
  padding: 1em 0.5em 1em 1.5em;
  margin: 5px 0 0 10px;
}
.list-item-3col h2, .list-item-2col h2 {
  margin-right: 10px;
  font-size: 28px;
  min-width: 320px;
}

.rapid-component h1 {
  font-size: 48px;
}
@media only screen and (min-width: 640px) {
  .rapid-component h1 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .rapid-component h1 {
    font-size: 48px;
  }
}
.rapid-component h2 {
  font-size: 32px;
}
@media only screen and (min-width: 640px) {
  .rapid-component h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .rapid-component h2 {
    font-size: 32px;
  }
}
.rapid-component h3 {
  font-size: 24px;
}
@media only screen and (min-width: 640px) {
  .rapid-component h3 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .rapid-component h3 {
    font-size: 24px;
  }
}
.rapid-component h4 {
  font-size: 18px;
}
@media only screen and (min-width: 640px) {
  .rapid-component h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .rapid-component h4 {
    font-size: 18px;
  }
}
.rapid-component h5 {
  font-size: 16px;
}
@media only screen and (min-width: 640px) {
  .rapid-component h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .rapid-component h5 {
    font-size: 16px;
  }
}
.rapid-component h6, .rapid-component label, .rapid-component button, .rapid-component h6 > p {
  font-size: 14px;
  line-height: 1.2em;
}
@media only screen and (min-width: 640px) {
  .rapid-component h6, .rapid-component label, .rapid-component button, .rapid-component h6 > p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .rapid-component h6, .rapid-component label, .rapid-component button, .rapid-component h6 > p {
    font-size: 14px;
  }
}
.rapid-component button {
  outline: none;
  border: none;
}
.rapid-component input, .rapid-component select {
  min-height: 30px;
  height: 30px;
  padding: 5px;
}
.rapid-component input[type=checkbox], .rapid-component input[type=radio] {
  min-width: 15px;
  min-height: 15px;
  padding: 0 5px 0 0;
  height: 15px;
}
.rapid-component input.input-number {
  text-align: right;
}
.rapid-component textarea {
  min-width: 70%;
  min-height: 100px;
  padding: 5px;
}
@media only screen and (min-width: 1024px) {
  .rapid-component textarea {
    min-width: 90%;
  }
}
@media only screen and (min-width: 1100px) {
  .rapid-component textarea {
    min-width: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  .rapid-component textarea {
    max-width: 45%;
  }
}
.rapid-component input, .rapid-component select, .rapid-component textarea {
  font-size: 12px;
}
@media only screen and (min-width: 640px) {
  .rapid-component input, .rapid-component select, .rapid-component textarea {
    font-size: 1em !important;
  }
}
.rapid-component input.datetime-field {
  min-width: 110px;
}
.rapid-component input.datetime-field.datetime-timepicker {
  min-width: 165px;
}
.rapid-component input[type=radio] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}
.rapid-component input[type=checkbox] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}

.tasklist-footer-wrapper {
  width: 100%;
  padding: 20px 0;
}
.tasklist-footer-wrapper .tasklist-footer-row {
  display: flex;
  flex-direction: row;
  padding: 0px 5px;
  align-items: center;
}
.tasklist-footer-wrapper .tasklist-footer-row label {
  flex-basis: 280px;
}
.tasklist-footer-wrapper .tasklist-footer-row label.label-long {
  flex-basis: 80%;
}
.tasklist-footer-wrapper .tasklist-footer-row input {
  min-width: 180px;
}
.tasklist-footer-wrapper .tasklist-footer-row button:last-child {
  margin-left: auto;
  flex-basis: 85px;
}
.tasklist-footer-wrapper .tasklist-footer-row .input-wrapper {
  padding: 0 10px;
}
@media only screen and (min-width: 640px) {
  .tasklist-footer-wrapper .tasklist-footer-row .input-wrapper input:not([type=checkbox]), .tasklist-footer-wrapper .tasklist-footer-row .input-wrapper input:not([type=radio]), .tasklist-footer-wrapper .tasklist-footer-row .input-wrapper select, .tasklist-footer-wrapper .tasklist-footer-row .input-wrapper textarea {
    min-width: 250px;
  }
}
.tasklist-footer-wrapper .tasklist-footer-row .input-wrapper input.datetime-field {
  min-width: 120px;
  max-width: 120px;
}
.tasklist-footer-wrapper .tasklist-footer-row .input-wrapper input.datetime-timepicker {
  min-width: 160px;
  max-width: 165px;
}
@media only screen and (min-width: 1024px) {
  .tasklist-footer-wrapper {
    width: 75%;
    max-width: 670px;
    margin: 0 auto;
  }
}

.rapid-wrapper-login {
  z-index: auto;
}

.rapid-wrapper-popup .input-wrapper {
  min-height: 58px;
}

.rapid-component table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.rapid-component table td {
  position: relative;
}
.rapid-component table .mobile-lp .icon-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: auto;
  white-space: nowrap;
}
.rapid-component table .icon-wrapper {
  position: relative;
  min-width: 40px;
}
.rapid-component table .icon-wrapper .gm-img-float {
  position: absolute;
  right: 9px;
  top: 8px;
}
.rapid-component table .icon-wrapper .gm-img-float:last-child {
  right: 30px;
  top: 8px;
}
.rapid-component .dataTable-table input, .rapid-component .dataTable-table select, .rapid-component .dataTable-table textarea {
  min-width: 75%;
}
.rapid-component .onAccordionContent #Cont_tableFooter td {
  vertical-align: middle;
}

div[field_name=newLine], div[field_name=deleteLine] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 12px;
  padding: 5px;
}

.assistant-wrapper-link {
  padding: 1em;
}

.assistant-wrapper-link-row {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.2em 0.1em;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .assistant-wrapper-link-row {
    display: flex;
  }
}

.assistant-wrapper-logo {
  position: relative;
  margin: auto;
}

.assistant-wrapper-logo-big {
  height: 100px;
  width: 100px;
  position: relative;
}
.assistant-wrapper-logo-big .assistant-wrapper-logo {
  width: 100%;
  height: 100%;
  position: absolute;
}

.assistant-wrapper-logo-small {
  height: 45px;
  width: 60px;
  min-width: 50px;
  position: relative;
}
.assistant-wrapper-logo-small .assistant-wrapper-logo {
  width: 100%;
  height: 100%;
  position: absolute;
}

.assistant-wrapper-logo-icon {
  height: 46px;
  width: 50px;
  min-width: 48px;
  position: relative;
  padding: 0.2em 0.1em;
}
.assistant-wrapper-logo-icon .assistant-wrapper-logo {
  width: 100%;
  height: 100%;
  position: absolute;
}

.chat-wrapper {
  display: none;
  flex-direction: column;
  padding: 0 0 1px 0;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  .chat-wrapper {
    width: 380px;
  }
}
@media only screen and (min-width: 1280px) {
  .chat-wrapper {
    width: 440px;
    right: 20px;
    bottom: 20px;
  }
}

.chat-wrapper.active {
  display: flex;
  z-index: 3;
}

.chat-avatar-big {
  position: absolute;
}

.chat-header-area {
  position: relative;
}
.chat-header-area h4, .chat-header-area h2 {
  padding: 10px 15px;
  margin: 0;
}
.chat-header-area h2 {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 32px;
  line-height: 1.2em;
}
.chat-header-area .chat-wrapper-close {
  position: absolute;
  top: -1px;
  right: 0px;
}
.chat-header-area .chat-wrapper-close:hover {
  cursor: pointer;
}
.chat-header-area h4 {
  padding: 5px 10px;
}

.chat-area {
  border: none;
  padding: 10px;
  height: 370px;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.chat-area .containerQuestion {
  border: none;
}
.chat-area .containerQuestion:first-child .message-container .tooltip_question > span {
  top: 0 !important;
}
.chat-area .containerQuestion:first-child .message-container .tooltip_question > span:after {
  bottom: unset;
  top: 10px;
}
@media only screen and (min-width: 640px) {
  .chat-area {
    height: 430px;
  }
}
@media only screen and (min-width: 768px) {
  .chat-area {
    height: 490px;
  }
}

.chat-input-area {
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.chat-input-area .menu-container svg {
  width: 35px;
  height: 40px;
}
.chat-input-area .input-container {
  flex: 1;
}
.chat-input-area .input-container input {
  height: 35px;
  width: 100%;
  outline: none;
  border: none;
  box-sizing: border-box;
}
.chat-input-area .button-container {
  height: 35px;
  width: 35px;
}

.message-container {
  display: flex;
  padding: 20px 0px;
}
.message-container .tooltip_question > span {
  bottom: 1px !important;
  right: 28px !important;
  top: unset !important;
  left: unset !important;
}
.message-container .tooltip_question > span:after {
  right: -13px;
  bottom: 8px;
  top: unset;
  left: unset;
}

.message-area {
  padding: 0 5px;
  text-align: left;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.message-area .message-data {
  display: flex;
}
.message-area .message-data .message-nick {
  padding: 0 5px 5px 5px;
  font-weight: 700;
}
.message-area .btn-primary {
  line-height: 30px;
  min-width: unset;
  padding: 3px 10px !important;
}
.message-area .message {
  position: relative;
}
.message-area .message span {
  padding: 3px;
  margin-bottom: 3px;
  border-radius: 1px;
  display: inline-block;
}
.message-area .message span u:hover {
  cursor: help;
}
.message-area .message .message-tooltip {
  display: none;
  text-align: center;
  border-radius: 4px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: -18px;
}
.message-area .message .message-tooltip.active {
  display: block;
}

.message-img-wrapper {
  display: block;
}

.message-img-item {
  max-width: 130px;
  margin: 10px;
}
.message-img-item label div > * {
  margin: 5px 0;
}
.message-img-item label img {
  width: 100%;
}

.message-checkbox-wrapper {
  padding: 5px 0;
}
.message-checkbox-wrapper label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 3px 0;
}
.message-checkbox-wrapper input[type=checkbox] {
  margin: 0 5px 0 0;
}

.message-tip-wrapper {
  padding: 5px;
}
.message-tip-wrapper .btn-primary {
  min-width: 40px;
  width: 40px;
  padding: 8px 5px !important;
  max-height: 30px;
  box-sizing: border-box;
  margin: 3px 0;
  box-shadow: none;
}

.message-file {
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
}
.message-file span {
  padding: 0 10px;
}

.message-container-bot {
  flex-direction: row;
}

.message-container-user {
  flex-direction: row-reverse;
}
.message-container-user .message-area {
  text-align: right;
}
.message-container-user .message-area .message-data {
  flex-direction: row-reverse;
}

.message.selector-simple {
  width: 100%;
  position: relative;
}
.message.selector-simple span {
  padding: 1px 15px;
  margin: 5px 0;
  display: inline-block;
  position: relative;
}

#C_Inner .assistant-container {
  min-width: 300px;
  max-width: 315px;
}
@media only screen and (min-width: 420px) {
  #C_Inner .assistant-container {
    min-width: 320px;
    max-width: 340px;
  }
}
@media only screen and (min-width: 640px) {
  #C_Inner .assistant-container {
    min-width: 420px;
    max-width: 480px;
  }
}

.asisstant-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .asisstant-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.assistant-container {
  width: 100%;
  min-width: 320px;
  max-width: 500px;
  box-shadow: none;
  height: 480px;
}
@media only screen and (min-width: 640px) {
  .assistant-container {
    height: 525px;
  }
}
@media only screen and (min-width: 768px) {
  .assistant-container {
    height: 585px;
  }
}
@media only screen and (min-width: 1024px) {
  .assistant-container {
    height: 600px;
    width: 80%;
  }
}
@media only screen and (min-width: 1280px) {
  .assistant-container {
    width: 70%;
  }
}
.assistant-container #chat-area-wrapper {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.assistant-thumbnail-container {
  padding: 20px 5px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 400px));
  grid-template-rows: max-content;
  grid-gap: 15px;
  grid-auto-rows: 1fr;
}

.assistant-thumbnail {
  position: relative;
  padding: 10px;
}
.assistant-thumbnail * {
  padding: 5px 0;
}
.assistant-thumbnail h2 {
  max-width: 280px;
  word-break: break-all;
}
.assistant-thumbnail p {
  max-height: 350px;
  overflow: hidden;
}
.assistant-thumbnail a {
  float: right;
}

.asisstent-avatar-thumbnail {
  position: relative;
  border: none;
  border-radius: 50%;
}

.asisstent-avatar-thumbnail-small {
  width: 45px;
  height: 45px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .asisstent-avatar-thumbnail-small {
    display: block;
  }
}

.asisstent-avatar-thumbnail-big {
  width: 80px;
  height: 80px;
  margin: 0 20px;
}

.asisstent-avatar-thumbnail-bot, .asisstent-avatar-thumbnail-user {
  background-repeat: no-repeat;
  background-position: center;
}

.asisstent-avatar-thumbnail-bot {
  background-image: url("../../digitalAssistant/images/MRKNOW/MRKNOW_Assistent_small.png");
  background-size: contain;
}

.asisstent-avatar-thumbnail-user {
  background-image: url("../images/icons/avatar_user.svg");
  background-size: 85%;
}

.asisstant-big-avatar {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .asisstant-big-avatar {
    display: block;
    width: 410px;
    height: 600px;
  }
}

.assistant-form-selector {
  display: flex;
  padding: 10px;
}
.assistant-form-selector > div {
  margin: 5px auto;
}

.containerCols {
  width: 100%;
  flex: 1;
  margin: 5px;
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .containerCols {
    min-width: 70%;
    padding: 30px;
  }
}

.asst-header {
  margin: 20px 0;
  font-size: 24px;
}

.containerQuestion {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.containerQuestion .tooltip_question {
  margin: 0 5px;
}
.containerQuestion .table {
  margin: 0;
}
.containerQuestion .table td {
  vertical-align: top !important;
}
.containerQuestion .table .quill-wrapper {
  max-width: 100%;
}
.containerQuestion textarea {
  min-width: 190px;
  min-height: 60px;
  padding: 4px;
}
.containerQuestion .leftCol {
  padding: 10px;
  max-width: 800px;
}
@media only screen and (min-width: 1280px) {
  .containerQuestion .leftCol {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 1920px) {
  .containerQuestion .leftCol {
    max-width: 1300px;
  }
}
.containerQuestion .leftCol .question {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.containerQuestion .rightCol {
  padding: 10px;
  max-width: 800px;
}
@media only screen and (min-width: 1280px) {
  .containerQuestion .rightCol {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1920px) {
  .containerQuestion .rightCol {
    max-width: 1600px;
  }
}
.containerQuestion .text-modul-wrapper .question {
  flex-direction: column;
  align-items: flex-start;
}
.containerQuestion .form_field_edit {
  display: flex;
  flex-direction: row;
}
.containerQuestion .form_radio_cont .label-radio {
  display: flex !important;
  flex-direction: row;
  align-items: center;
}
.containerQuestion .form_radio_cont .label-radio input[type=checkbox] {
  margin: 0 5px 0 0;
}
.containerQuestion .form_radio_cont .label-radio label {
  display: flex;
  flex-direction: row;
}
.containerQuestion .form_radio_cont .label-radio:not(:last-child) {
  padding: 0 0 10px 0;
}
.containerQuestion .form_radio_cont label {
  display: inline-block;
  cursor: pointer;
}
.containerQuestion .group-wrapper-content {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
.containerQuestion .group-wrapper-content > div {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 640px) {
  .containerQuestion .group-wrapper-content > div {
    flex-direction: row;
  }
  .containerQuestion .group-wrapper-content > div > div {
    padding: 5px 10px;
    flex-basis: 80%;
    position: relative;
    min-height: 25px;
  }
  .containerQuestion .group-wrapper-content > div > div .label-radio {
    padding: 2px 0;
  }
  .containerQuestion .group-wrapper-content > div > div:first-child {
    flex-basis: 220px;
    padding: 5px;
  }
  .containerQuestion .group-wrapper-content > div .quill-wrapper {
    max-width: 100%;
  }
  .containerQuestion .group-wrapper-content > div .gm-img-float {
    position: absolute;
  }
  .containerQuestion .group-wrapper-content > div .gm-img-float:first-child {
    top: 0px;
    left: 5px;
  }
  .containerQuestion .group-wrapper-content > div .gm-img-float:last-child {
    top: 0px;
    left: 25px;
  }
  .containerQuestion .group-wrapper-content > div .gm-img-float > img {
    max-width: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .containerQuestion .group-wrapper-content > div > div:first-child {
    flex-basis: 280px;
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1920px) {
  .containerQuestion .group-wrapper-content > div > div:first-child {
    flex-basis: 320px;
  }
}
.containerQuestion .group-wrapper-content input:not([type=checkbox]), .containerQuestion .group-wrapper-content input:not([type=radio]), .containerQuestion .group-wrapper-content select, .containerQuestion .group-wrapper-content textarea {
  width: 60%;
  max-width: 420px;
  box-sizing: border-box;
}
.containerQuestion .group-wrapper-content input {
  margin: 3px 0;
}
.containerQuestion .group-wrapper-content input[type=checkbox], .containerQuestion .group-wrapper-content input[type=radio] {
  min-width: 13px !important;
  min-height: 13px !important;
  max-width: 13px !important;
  max-height: 13px !important;
  margin: 0 5px 0 0;
}
.containerQuestion .group-wrapper-content .table input:not([type=checkbox]), .containerQuestion .group-wrapper-content .table input:not([type=radio]), .containerQuestion .group-wrapper-content .table select, .containerQuestion .group-wrapper-content .table textarea {
  width: 100%;
  max-width: 100%;
}
.containerQuestion .group-wrapper-content .group-wrapper-action {
  display: flex;
  flex-direction: row;
}
.containerQuestion .group-wrapper-content .group-wrapper-action .gm-img-float img {
  width: 24px;
  height: 24px;
}
.containerQuestion .group-wrapper-content table .form_checkrepeat > label {
  display: flex;
  align-items: center;
}
.containerQuestion .buttonAnswer {
  min-width: 50px;
  height: 30px;
  text-align: center;
  padding: 9px 15px !important;
  font-size: 12px;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  margin: 0 5px;
}
.containerQuestion .note.action h4 {
  padding: 10px 0;
  font-size: 1em;
  font-weight: bold;
}
.containerQuestion .note.action b {
  padding: 10px 0;
}
.containerQuestion .note.action .buttonAnswer,
.containerQuestion .group-wrapper .buttonAnswer {
  display: block;
  max-width: 120px;
  margin: 10px 0;
}
.containerQuestion .answer small {
  display: block;
  margin: 5px 0;
  font-size: 0.9em;
}
.containerQuestion .answer.active {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.containerQuestion .answer.active .form_radio_cont {
  padding: 0 20px 0 0;
}

.answer_active input:not([type=checkbox]), .answer_active input:not([type=radio]), .answer_active select, .answer_active textarea, .answer_active .t-dropdown {
  min-height: 30px;
  min-width: 170px;
  padding: 3px 5px;
}
.answer_active table {
  margin: 10px 0;
  border-collapse: collapse;
}
.answer_active table th {
  padding: 5px;
}
.answer_active table td {
  vertical-align: top;
  padding: 5px;
  position: relative;
}
.answer_active table td input.datetime-field {
  min-width: 120px;
  max-width: 120px;
}
.answer_active table td input.datetime-timepicker {
  min-width: 150px;
  max-width: 165px;
}
.answer_active table .gm-img-float {
  height: 24px;
  width: 24px;
  display: inline-block;
}
.answer_active table .gm-img-float img {
  height: 24px;
  width: 24px;
}
.answer_active table textarea {
  min-height: 60px;
  min-width: 280px;
}

.wrapper_radio_images_item {
  margin: 5px;
  vertical-align: top;
  padding: 10px;
  width: 175px;
  height: 220px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 0 8px -3px rgba(0, 0, 0, 0.35);
}
.wrapper_radio_images_item img {
  max-width: 125px;
  margin: 0 auto 10px auto;
}
.wrapper_radio_images_item img:hover {
  cursor: pointer;
}

.note.hint {
  padding: 20px;
}

.bottom.bb {
  margin: 5px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.bottom.bb a {
  white-space: nowrap;
}

.answerCol.bb {
  display: block;
  margin: 5px;
}
.answerCol.bb h4 {
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 300;
}
.answerCol.bb p {
  padding: 10px 0;
}
.answerCol.bb span[onclick] {
  text-decoration: underline;
}
.answerCol.bb span[onclick]:hover {
  cursor: pointer;
}
.answerCol.bb .btn-cta-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 20px 0 10px 0;
}
.answerCol.bb .btn-cta-wrapper .btn-cta {
  cursor: pointer;
  font-size: 15px;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none;
  box-sizing: border-box;
}

.assistant-form-header {
  padding: 30px;
  height: 160px;
}
.assistant-form-header > * {
  padding: 5px 0;
}

.assistant-form-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .assistant-form-content {
    flex-direction: row;
  }
}
.assistant-form-content .assistant-form-avatar {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .assistant-form-content .assistant-form-avatar {
    width: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .assistant-form-content .assistant-form-avatar {
    width: 350px;
  }
}

.assistant-form-avatar {
  position: relative;
}
.assistant-form-avatar > img {
  position: absolute;
  top: 100px;
  left: 100px;
}

.assistant-form-question section {
  padding: 25px 10px;
  margin: 0px 20px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 3px;
  line-height: 1em;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker html .ui-button.ui-state-disabled:active {
  padding: 7px 4px;
}

.ui-datepicker.ui-widget-content .ui-widget-header {
  padding: 2px;
}

.tooltip_question, .tooltip_answer {
  display: inline-block;
  width: 17px;
  height: 16px;
  background: transparent url("../images/icons/help_32.svg") no-repeat;
  background-size: cover;
  margin: 7px 5px 0 0;
  cursor: pointer;
  position: relative;
}

.tooltip_hint {
  display: inline-block;
  width: 22px;
  height: 22px;
  float: right;
  background: transparent url("../images/icons/lightbulb_32.svg") no-repeat;
  background-size: cover;
  margin: 0 10px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 0;
}

.tooltip > span {
  display: none;
  padding: 0.8em !important;
  border-radius: 4px;
  position: absolute;
  z-index: 9999;
}

.tooltip_question > span, .tooltip_answer > span, .tooltip_hint > span {
  display: none;
  padding: 1.5em !important;
  border-radius: 4px;
  position: absolute;
  top: -120px !important;
  left: -25px !important;
  transform: translateY(1%);
  min-height: 85px;
}

.tooltip > span a.close, .tooltip_hint > span a.close, .tooltip_answer > span a.close {
  float: right;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  margin: -0.9em -1.1em 0 0;
  cursor: pointer;
}

.tooltip > span:after {
  width: 0;
  height: 0;
  content: " ";
  position: absolute;
  right: 60px;
  bottom: -18px;
}

.tooltip_question > span:after, .tooltip_answer > span:after, .tooltip_hint > span:after, .tooltip_answer_result > span:after {
  width: 0;
  height: 0;
  content: " ";
  position: absolute;
  left: 26px;
  bottom: -8px;
}

.assistant-fileupload .cont_fileupload {
  position: relative;
  display: inline-block;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
}
.assistant-fileupload .cont_fileupload input {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}
.assistant-fileupload .cont_fileupload .ok.upload_ok {
  display: block !important;
}
.assistant-fileupload .fileupload_cont_uploaded {
  position: relative;
  height: 60px;
  width: 165px;
  display: block;
}
.assistant-fileupload .fileupload_cont_uploaded .fileupload_filename {
  margin-right: 20px;
  padding-top: 25px;
  max-width: 88%;
  width: 160px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.assistant-fileupload .fileupload_cont_uploaded .fileupload_cont_progress {
  position: absolute;
  height: 20px;
  width: 150px;
  top: 0;
  left: 0;
  border: none;
  padding-right: 10px;
  line-height: 30px;
  text-align: center;
}
.assistant-fileupload .fileupload_cont_uploaded .fileupload_progressbar {
  height: 100%;
  padding: 2px 0;
}
.assistant-fileupload .fileupload_cont_uploaded .cancel-button {
  min-width: 24px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 3px 5px !important;
  display: inline-block;
  box-sizing: border-box;
}
.assistant-fileupload .hide {
  display: none !important;
}
.assistant-fileupload .btn.button_upload {
  margin: 0;
  min-width: 60px;
  height: 32px;
  padding: 9px 12px;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
}

.maintale, .tiles_container {
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.maintale > li {
  width: 100%;
  min-height: 220px;
  min-width: 300px;
  border-radius: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .maintale > li {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .maintale > li {
    width: 300px;
  }
}
@media only screen and (min-width: 1680px) {
  .maintale > li {
    width: 310px;
  }
}
@media only screen and (min-width: 1920px) {
  .maintale > li {
    width: 315px;
  }
}
@media only screen and (min-width: 2200px) {
  .maintale > li {
    width: 320px;
  }
}

.maintale .maintale-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.maintale .maintale-header h2 {
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  line-height: 1.5em;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 15px;
}
.maintale .maintale-header span {
  margin-bottom: auto;
}
.maintale .maintale-header span:first-of-type {
  margin-left: auto;
}
.maintale .maintale-header .icon-small {
  padding: 0 5px;
  display: block;
  box-sizing: border-box;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
.maintale .maintale-header .t-icon-edit {
  background-image: url(../images/icons/edit_white.svg);
}

.maintale .status-wrapper {
  display: flex;
  flex-direction: row;
  padding: 5px 0;
  height: 26px;
  box-sizing: border-box;
  gap: 5px;
}
.maintale .status-wrapper .status-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.maintale .status-wrapper .status-item span {
  padding: 0 10px 0 0;
}

.maintale .wrapper_p {
  text-align: left;
  line-height: 1.3em;
  max-width: 300px;
  word-break: break-word;
  white-space: normal;
  padding: 0 15px;
  flex: 1;
  height: 110px;
  overflow: hidden;
  white-space: normal;
}
.maintale .wrapper_p ol, .maintale .wrapper_p ul {
  padding: 0 0 0 15px;
}
.maintale .wrapper_p ol {
  list-style: decimal;
}
.maintale .wrapper_p ul {
  list-style: circle;
}
.maintale .wrapper_p li {
  display: list-item;
}

.maintale > li .button > a, .buttonGrey {
  display: inline-block;
  text-align: left;
  line-height: 1.2em;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
}

.maintale > li .button:hover > a {
  text-decoration: underline;
  cursor: pointer;
}

.maintale .social-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 15px;
}
.maintale .social-wrapper:hover {
  cursor: pointer;
}

.maintale .button-wrapper {
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.maintale .button {
  padding: 5px;
}

.buttonGrey {
  padding: 8px 12px !important;
  margin: 5px 10px 5px 0;
}

.maintale > li > .button > a {
  float: left;
}

.maintale li.maintale-simple {
  min-height: 220px;
  position: relative;
  width: 100%;
  min-width: 300px;
}
.maintale li.maintale-simple:hover {
  cursor: pointer;
}
.maintale li.maintale-simple .maintale-header {
  height: 100%;
}
.maintale li.maintale-simple .maintale-header h2 {
  white-space: break-spaces;
  height: auto;
  width: min-content;
  max-width: 225px;
  margin: 0 auto;
  font-size: 24px;
}
.maintale li.maintale-simple .maintale-header span {
  position: absolute;
  top: 2%;
  right: 3%;
  z-index: 1;
}
.maintale li.maintale-simple .wrapper_p {
  display: none;
}
.maintale li.maintale-simple .status-wrapper {
  display: none;
}
.maintale li.maintale-simple .button-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.maintale li.maintale-simple .button-wrapper .button.grey.submit {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .maintale li.maintale-simple {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .maintale li.maintale-simple {
    width: 300px;
  }
}
@media only screen and (min-width: 1680px) {
  .maintale li.maintale-simple {
    width: 310px;
  }
}
@media only screen and (min-width: 1920px) {
  .maintale li.maintale-simple {
    width: 315px;
  }
}
@media only screen and (min-width: 2200px) {
  .maintale li.maintale-simple {
    width: 320px;
  }
}

.bot-form-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.bot-form-wrapper .bot-form-avatar {
  display: block;
  width: 410px;
  height: 600px;
}
.bot-form-wrapper .bot-form-content {
  height: 600px;
  width: 480px;
  overflow: auto;
  position: relative;
}
.bot-form-wrapper .bot-form-content textarea {
  min-height: 120px;
}
.bot-form-wrapper .bot-form-content label.bot-label-tipp {
  padding: 20px 0 !important;
}
.bot-form-wrapper .bot-slim.accordion-wrapper {
  max-width: 420px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.bot-form-wrapper .bot-form-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.bot-form-wrapper .bot-form-header .icon-medium:nth-last-child(2) {
  margin-left: auto;
}

*:focus {
  outline: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
div, table, li, input, ul, img {
  display: block;
  box-sizing: border-box;
}

html {
  overflow: inherit;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/**
    * @styles basicfont Basic font
    * We use Helvetica as our base font with font-size: 14px,
    * however for <p> elements we use font-size:18px;
    * @demo demos/basicfont.html
    **/
p, textarea {
  font-size: 12px;
  line-height: 1.2em;
  word-break: break-word;
  white-space: pre-wrap;
}
@media only screen and (min-width: 640px) {
  p, textarea {
    font-size: 14px;
  }
}

strong {
  font-weight: bold;
}

b {
  font-weight: bold;
}

/**
  * @styles headers Headers
  * ...
  * @demo demos/latofont.html
  **/
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  line-height: 1.2em;
}

h1 {
  font-size: 48px;
}
@media only screen and (min-width: 640px) {
  h1 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 32px;
}
@media only screen and (min-width: 640px) {
  h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 32px;
  }
}

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

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

h5 {
  font-size: 16px;
}
@media only screen and (min-width: 640px) {
  h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  h5 {
    font-size: 16px;
  }
}

h6, label, button, h6 > p {
  font-size: 14px;
  line-height: 1.2em;
}
@media only screen and (min-width: 640px) {
  h6, label, button, h6 > p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  h6, label, button, h6 > p {
    font-size: 14px;
  }
}

li {
  line-height: 1.2em;
}

em {
  font-style: italic !important;
}

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

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

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

.portal-l-wrapper, .portal-l-wrapper.nav-active {
  display: grid;
  grid-gap: 0px;
  box-sizing: border-box;
}

.portal-l-wrapper {
  grid-template-columns: 0 calc(100vw - 5px - 65px - 15px);
  grid-template-rows: auto 1fr;
  grid-template-areas: "nav header  header" "content content content" "footer footer  footer";
  min-height: 99vh;
  max-height: 99vh;
  overflow: overlay;
}
@media only screen and (min-width: 640px) {
  .portal-l-wrapper {
    grid-template-columns: 65px calc(100vw - 5px - 65px - 15px);
  }
}
.portal-l-wrapper.nav-anonymous {
  grid-template-columns: calc(100vw - 5px - 65px - 15px);
}
.portal-l-wrapper .isp-bpmn2-container {
  min-width: calc(99vw - 65px);
}
.portal-l-wrapper.nav-anonymous {
  grid-template-areas: "header  header " "content content" "footer  footer";
}
@media only screen and (min-width: 1024px) {
  .portal-l-wrapper.nav-anonymous {
    grid-template-columns: auto;
  }
}
.portal-l-wrapper.nav-anonymous .isp-bpmn2-container {
  min-width: 99vw;
}
.portal-l-wrapper.nav-active .isp-bpmn2-container {
  min-width: calc(99vw - 220px);
}
.portal-l-wrapper.nav-active .portal-l-leftsidebar {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 640px) {
  .portal-l-wrapper {
    grid-template-areas: "nav header  header" "nav content content" "nav footer  footer";
  }
  .portal-l-wrapper .portal-l-leftsidebar {
    width: 65px;
    height: 100%;
  }
  .portal-l-wrapper.portal-l-leftsidebar-wide {
    width: 180px;
    grid-template-columns: 180px calc(100vw - 5px - 180px);
  }
  .portal-l-wrapper.nav-active {
    grid-template-columns: 220px 1fr;
  }
  .portal-l-wrapper.nav-active .portal-l-leftsidebar {
    width: 220px;
  }
}
@media only screen and (min-width: 1280px) {
  .portal-l-wrapper.portal-l-leftsidebar-wide {
    width: 220px;
    grid-template-columns: 220px 1fr;
  }
}

.l-wrapper-group-simple {
  max-width: 100%;
  margin: 10px auto;
  display: flex;
  flex-direction: column;
}
.l-wrapper-group-simple form {
  min-width: 90%;
}
@media only screen and (min-width: 768px) {
  .l-wrapper-group-simple {
    flex-direction: row;
    margin: initial;
  }
}

.l-wrapper-group-simple-vertical {
  max-width: 90%;
  display: flex;
  flex-direction: column;
}
.l-wrapper-group-simple-vertical.reverse {
  flex-direction: column-reverse;
}

.l-wrapper-group-vertical {
  max-width: 90%;
  margin: 10px auto;
  display: flex;
  flex-direction: column;
}
.l-wrapper-group-vertical > * {
  padding: 0px 0 15px 0;
}
.l-wrapper-group-vertical h3 {
  margin: 20px;
}
.l-wrapper-group-vertical p {
  padding: 15px;
}
.l-wrapper-group-vertical.reverse {
  flex-direction: column-reverse;
}

.l-wrapper-table-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 55px;
}
.l-wrapper-table-items > * {
  margin: 0 5px;
}
@media only screen and (min-width: 768px) {
  .l-wrapper-table-items {
    justify-content: flex-end;
  }
  .l-wrapper-table-items .icon-medium {
    height: 24px;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .l-wrapper-table-items .icon-medium {
    height: 32px;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
  }
}

.l-wrapper-center {
  justify-content: space-evenly;
  margin: 0 auto;
}

.l-wrapper-column {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
}

.l-wrapper-column-big {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  padding: 0;
}

.l-wrapper-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .l-wrapper-row {
    flex-direction: row;
  }
}
.l-wrapper-row .l-item {
  padding: 5px;
}
.l-wrapper-row .l-item:first-child {
  text-align: right;
}
.l-wrapper-row .l-wrapper-column {
  padding: 10px;
}
.l-wrapper-row .l-wrapper-column.column-big {
  max-width: 450px;
  flex: 1;
}
.l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
.l-wrapper-row .l-wrapper-column.column-big select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-big textarea, .l-wrapper-row .l-wrapper-column.column-big .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-big .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-big .ql-container.ql-snow {
  min-width: 320px;
}
@media only screen and (min-width: 1680px) {
  .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
  .l-wrapper-row .l-wrapper-column.column-big select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-big textarea, .l-wrapper-row .l-wrapper-column.column-big .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-big .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-big .ql-container.ql-snow {
    min-width: 360px;
    max-width: 360px;
  }
}
.l-wrapper-row .l-wrapper-column.column-big input.datetime-field, .l-wrapper-row .l-wrapper-column.column-big input.datetime-timepicker {
  min-width: 110px;
  max-width: 145px;
}
@media only screen and (min-width: 1024px) {
  .l-wrapper-row .l-wrapper-column.column-big input.datetime-field, .l-wrapper-row .l-wrapper-column.column-big input.datetime-timepicker {
    max-width: 145px;
  }
}
@media only screen and (min-width: 1280px) {
  .l-wrapper-row .l-wrapper-column.column-big input.datetime-field, .l-wrapper-row .l-wrapper-column.column-big input.datetime-timepicker {
    max-width: 170px;
  }
}
@media only screen and (min-width: 1024px) {
  .l-wrapper-row .l-wrapper-column.column-big {
    max-width: 600px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-wrapper-row .l-wrapper-column.column-big {
    max-width: 720px;
  }
}
.l-wrapper-row .l-wrapper-column.column-medium {
  flex: 1;
}
.l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-medium input:not([type=radio]),
.l-wrapper-row .l-wrapper-column.column-medium select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-medium textarea,
.l-wrapper-row .l-wrapper-column.column-medium .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-medium .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-medium .ql-container.ql-snow {
  min-width: 260px;
  max-width: 260px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-medium input:not([type=radio]),
  .l-wrapper-row .l-wrapper-column.column-medium select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-medium textarea,
  .l-wrapper-row .l-wrapper-column.column-medium .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-medium .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-medium .ql-container.ql-snow {
    flex: initial;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-medium input:not([type=radio]),
  .l-wrapper-row .l-wrapper-column.column-medium select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-medium textarea,
  .l-wrapper-row .l-wrapper-column.column-medium .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-medium .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-medium .ql-container.ql-snow {
    min-width: 320px;
    max-width: 320px;
  }
}
.l-wrapper-row .l-wrapper-column.column-medium label {
  min-width: auto;
}
@media only screen and (min-width: 1024px) {
  .l-wrapper-row .l-wrapper-column.column-medium {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-wrapper-row .l-wrapper-column.column-medium {
    max-width: 420px;
  }
}
.l-wrapper-row .l-wrapper-column.column-small {
  max-width: 250px;
}
.l-wrapper-row .l-wrapper-column.column-small input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-small input:not([type=radio]),
.l-wrapper-row .l-wrapper-column.column-small select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-small textarea,
.l-wrapper-row .l-wrapper-column.column-small .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-small .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-small .ql-container.ql-snow {
  min-width: 220px;
  max-width: 220px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1680px) {
  .l-wrapper-row .l-wrapper-column.column-small input:not([type=checkbox]), .l-wrapper-row .l-wrapper-column.column-small input:not([type=radio]),
  .l-wrapper-row .l-wrapper-column.column-small select.select-dropdown, .l-wrapper-row .l-wrapper-column.column-small textarea,
  .l-wrapper-row .l-wrapper-column.column-small .quill-wrapper, .l-wrapper-row .l-wrapper-column.column-small .ql-toolbar.ql-snow, .l-wrapper-row .l-wrapper-column.column-small .ql-container.ql-snow {
    min-width: 250px;
    max-width: 250px;
  }
}
.l-wrapper-row .l-wrapper-column.column-small label {
  min-width: auto;
}
@media only screen and (min-width: 1024px) {
  .l-wrapper-row .l-wrapper-column.column-small {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1920px) {
  .l-wrapper-row .l-wrapper-column.column-small {
    max-width: 330px;
  }
}
.l-wrapper-row .l-wrapper-column-main {
  flex: 3;
  margin: 0 5px;
}
.l-wrapper-row .l-wrapper-column-secondary {
  flex: 1;
  margin: 0 5px;
}

.l-wrapper-nowrap {
  flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
  .l-wrapper-nowrap {
    flex-wrap: nowrap;
    max-width: 1100px;
  }
}
@media only screen and (min-width: 1920px) {
  .l-wrapper-nowrap {
    flex-wrap: nowrap;
    max-width: 1600px;
    margin: 0 auto;
  }
}

.l-wrapper-item {
  flex: 1;
  max-width: 100%;
}
.l-wrapper-item .accordion-wrapper {
  width: 100%;
}
.l-wrapper-item .accordion-wrapper .dataTable-wrapper {
  width: 100%;
  margin: 30px 0;
}
.l-wrapper-item .accordion-wrapper .datatable-top .input-wrapper input:not([type=checkbox]), .l-wrapper-item .accordion-wrapper .datatable-top .input-wrapper input:not([type=radio]),
.l-wrapper-item .accordion-wrapper .datatable-top .input-wrapper select {
  min-width: auto;
}
.l-wrapper-item .l-wrapper-header {
  padding: 30px 30px 0 30px;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
}
.l-wrapper-item .l-wrapper-header h4 {
  line-height: 1.2em;
  padding: 0 5px;
  margin-right: auto;
}
.l-wrapper-item .l-wrapper-header h2 {
  font-size: 1.4em;
  line-height: 1.4em;
  padding: 0 0 10px 0;
}
.l-wrapper-item .l-wrapper-body {
  padding: 30px;
  min-width: 75%;
}
.l-wrapper-item .l-wrapper-footer {
  padding: 20px 50px 20px 20px;
  display: flex;
  flex-direction: row-reverse;
}
.l-wrapper-item .l-wrapper-footer.l-wrapper-fullWidth {
  padding: 0;
}
.l-wrapper-item .l-wrapper-footer.space-between {
  justify-content: space-between;
  align-items: center;
}

.l-wrapper-item-single {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .l-wrapper-item-single {
    min-width: 800px;
  }
}

.l-wrapper-item-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.l-wrapper-item-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-wrapper-column-single {
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .l-wrapper-column-single {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-wrapper-column-single {
    width: 65%;
  }
}

.l-wrapper-wait-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0px;
  left: 0px;
}

.l-thumbnail {
  width: fit-content;
  padding: 10px 20px;
  min-height: 120px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: start;
  box-sizing: border-box;
}
.l-thumbnail h6 {
  flex: 1;
  max-width: 245px;
  height: 34px;
  margin: 0 0 5px 0;
}
.l-thumbnail:hover {
  cursor: pointer;
}
.l-thumbnail .thumbnail-details {
  flex: 1;
  overflow: hidden;
}
.l-thumbnail .thumbnail-details ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.l-thumbnail .thumbnail-details ul li {
  width: 46%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px;
  margin: 3px;
}
.l-thumbnail .thumbnail-header {
  padding: 0 0 10px 0;
}
.l-thumbnail .thumbnail-header .icon {
  height: 24px;
  width: 24px;
}
.l-thumbnail .thumbnail-header h3 {
  flex: 1;
  height: 30px;
  max-width: 245px;
  line-height: 1.2em;
  font-size: 24px;
}
@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: 24px;
  }
}
.l-thumbnail .thumbnail-header:hover {
  cursor: pointer;
}
.l-thumbnail .thumbnail-header .btn-submenu {
  width: 32px;
  height: 32px;
}
.l-thumbnail .thumbnail-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5px;
}
.l-thumbnail .thumbnail-footer > span:last-child {
  margin-left: auto;
}
.l-thumbnail .thumbnail-footer .thumbnail-counter {
  margin-left: auto;
}
.l-thumbnail .thumbnail-image {
  position: relative;
  top: 0px;
  left: 0px;
  width: 45px;
  height: 45px;
  margin: 10px;
}
.l-thumbnail .thumbnail-image img {
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .l-thumbnail {
    width: 45%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-thumbnail {
    width: 300px;
  }
}
@media only screen and (min-width: 1680px) {
  .l-thumbnail {
    width: 310px;
  }
}
@media only screen and (min-width: 1920px) {
  .l-thumbnail {
    width: 315px;
  }
}
@media only screen and (min-width: 2200px) {
  .l-thumbnail {
    width: 320px;
  }
}

.l-thumbnail-step {
  width: 50%;
  padding: 20px;
  margin: 0;
  display: flex;
}
.l-thumbnail-step .icon-big {
  flex: 1;
  margin: 0;
}
.l-thumbnail-step .icon-info {
  flex: 5;
  padding: 0 20px;
}
.l-thumbnail-step .icon-info h4 {
  padding-bottom: 10px;
}
.l-thumbnail-step:nth-child(n) {
  flex-direction: row-reverse;
}
.l-thumbnail-step:nth-child(n) .icon-info {
  text-align: right;
}
.l-thumbnail-step:nth-child(2n) {
  flex-direction: row;
  margin-left: auto;
}
.l-thumbnail-step:nth-child(2n) .icon-info {
  text-align: left;
}

.portal-l-header {
  grid-area: header;
  z-index: 4;
}

.portal-l-leftsidebar {
  grid-area: nav;
  display: flex;
  flex-direction: column;
  z-index: 99;
  height: 50px;
  width: 65px;
  position: fixed;
  top: 0px;
  padding: 0;
}
.portal-l-leftsidebar .nav-logo {
  display: block;
}

.portal-l-leftsidebar-wide .portal-l-leftsidebar {
  width: 80px;
}
.portal-l-leftsidebar-wide .nav-arrow {
  right: unset;
  left: 55px;
}
.portal-l-leftsidebar-wide.nav-active .nav-arrow {
  left: unset;
  right: 5px;
}
.portal-l-leftsidebar-wide.nav-active .nav-logo {
  width: 180px;
  height: 50px;
}
@media only screen and (min-width: 640px) {
  .portal-l-leftsidebar-wide .portal-l-leftsidebar {
    width: 180px;
  }
  .portal-l-leftsidebar-wide .nav-logo {
    width: 100%;
  }
  .portal-l-leftsidebar-wide .nav-arrow {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .portal-l-leftsidebar-wide .portal-l-leftsidebar {
    width: 220px;
  }
}

.portal-l-content {
  grid-area: content;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 99.5%;
  grid-template-rows: max-content auto;
  grid-template-areas: "contenttop" "contentmain";
  min-width: 0;
  overflow-x: hidden;
}

.portal-l-contenttop {
  grid-area: contenttop;
  position: relative;
}

.portal-l-contentmain {
  grid-area: contentmain;
  padding: 5px;
}
@media (max-width: 640px) {
  .portal-l-contentmain {
    padding: 0;
  }
}

.portal-l-footer {
  grid-area: footer;
}
.portal-l-footer ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 5px 15px;
  margin: 20px 0 0 0;
}
.portal-l-footer ul li a, .portal-l-footer ul li span {
  padding: 10px;
  font-size: 12px;
}
.portal-l-footer ul li a {
  transition: text-decoration 0.15s ease-in-out;
}
.portal-l-footer ul li:hover a {
  text-decoration: underline;
}
.portal-l-footer .wellcome_footer {
  margin: 0;
}

.l-container-full, .l-container-popup, .l-container-popup-overlay {
  width: 100%;
  height: 100%;
}

.l-container-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}
.l-container-popup.active {
  display: block;
}
.l-container-popup input.datetime-field {
  min-width: 110px;
}
.l-container-popup input.datetime-field.datetime-timepicker {
  min-width: 165px;
}
.l-container-popup input[type=radio] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}
.l-container-popup input[type=checkbox] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
  margin-top: 7px;
}
.l-container-popup .cms-content {
  max-width: 920px;
}
.l-container-popup .cms-content .paragraph-description-wrapper {
  padding: 10px;
}
@media only screen and (min-width: 1024px) {
  .l-container-popup .cms-content .paragraph-description-wrapper {
    padding: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .l-container-popup .cms-content .paragraph-description-wrapper {
    padding: 50px;
  }
}

.l-container-popup-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.l-container-layer, .l-container-popup-layer {
  width: 100%;
  height: 100%;
}

.l-container-popup-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.l-container-popup-content .l-container-content {
  position: relative;
}
.l-container-popup-content textarea {
  min-height: 100px;
}

.l-container-layer {
  position: relative;
}

.l-container-relative {
  position: relative;
}

.l-container-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.l-container-column-full {
  min-height: 100%;
}

.l-container-row {
  display: flex;
  flex-direction: row;
  justify-items: center;
}

.l-container {
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .l-container {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-container {
    width: 65%;
    margin-top: 150px;
  }
}

.portal-l-grid-tiles {
  display: grid;
  grid-template-columns: repeat(12, 8%);
  grid-column-gap: 0px;
  grid-gap: 5px;
  max-width: 420px;
}
.portal-l-grid-tiles .rapid-component > * {
  height: 100%;
}
@media only screen and (min-width: 640px) {
  .portal-l-grid-tiles {
    max-width: 520px;
  }
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big {
    min-width: 220px;
  }
}
@media only screen and (min-width: 768px) {
  .portal-l-grid-tiles {
    max-width: 620px;
  }
}
@media only screen and (min-width: 1024px) {
  .portal-l-grid-tiles {
    max-width: 99.5%;
  }
  .portal-l-grid-tiles .filter-wrapper .input-wrapper input:not([type=checkbox]),
  .portal-l-grid-tiles .filter-wrapper .input-wrapper input:not([type=radio]),
  .portal-l-grid-tiles .filter-wrapper .input-wrapper select,
  .portal-l-grid-tiles .filter-wrapper .input-wrapper textarea,
  .portal-l-grid-tiles .filter-wrapper .input-wrapper label,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper input:not([type=checkbox]),
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper input:not([type=radio]),
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper select,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper textarea,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper label {
    min-width: 120px;
  }
}
@media only screen and (min-width: 1920px) {
  .portal-l-grid-tiles .filter-wrapper .input-wrapper input:not([type=checkbox]),
  .portal-l-grid-tiles .filter-wrapper .input-wrapper input:not([type=radio]),
  .portal-l-grid-tiles .filter-wrapper .input-wrapper select,
  .portal-l-grid-tiles .filter-wrapper .input-wrapper textarea,
  .portal-l-grid-tiles .filter-wrapper .input-wrapper label,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper input:not([type=checkbox]),
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper input:not([type=radio]),
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper select,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper textarea,
  .portal-l-grid-tiles .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .input-wrapper label {
    min-width: 160px;
  }
}
.portal-l-grid-tiles .l-wrapper-group-single {
  height: inherit;
}

.grid-12 > *, .grid-8 > *, .grid-6 > *, .grid-4 > *, .grid-3 > * {
  height: 100%;
}

.grid-12 {
  grid-column: span 12;
}

.grid-11 {
  grid-column: span 11;
}

.grid-10 {
  grid-column: span 10;
}

.grid-9 {
  grid-column: span 12;
}
@media only screen and (min-width: 1024px) {
  .grid-9 {
    grid-column: span 9;
  }
}

.grid-8 {
  grid-column: span 12;
}
@media only screen and (min-width: 1024px) {
  .grid-8 {
    grid-column: span 8;
  }
}

.grid-7 {
  grid-column: span 12;
}
@media only screen and (min-width: 1024px) {
  .grid-7 {
    grid-column: span 7;
  }
}

.grid-6 {
  grid-column: span 12;
}
@media only screen and (min-width: 1024px) {
  .grid-6 {
    grid-column: span 6;
  }
}

.grid-5 {
  grid-column: span 12;
}
@media only screen and (min-width: 1024px) {
  .grid-5 {
    grid-column: span 5;
  }
}

.grid-4 {
  grid-column: span 12;
}
@media only screen and (min-width: 768px) {
  .grid-4 {
    grid-column: span 6;
  }
}
@media only screen and (min-width: 1280px) {
  .grid-4 {
    grid-column: span 4;
  }
}

.grid-3 {
  grid-column: span 12;
}
@media only screen and (min-width: 768px) {
  .grid-3 {
    grid-column: span 6;
  }
}
@media only screen and (min-width: 1280px) {
  .grid-3 {
    grid-column: span 3;
  }
}

.grid-2 {
  grid-column: span 6;
}
@media only screen and (min-width: 768px) {
  .grid-2 {
    grid-column: span 4;
  }
}
@media only screen and (min-width: 1280px) {
  .grid-2 {
    grid-column: span 2;
  }
}

.grid-1 {
  grid-column: span 6;
}
@media only screen and (min-width: 768px) {
  .grid-1 {
    grid-column: span 4;
  }
}
@media only screen and (min-width: 1280px) {
  .grid-1 {
    grid-column: span 1;
  }
}

.wizard-elements-container {
  padding: 35px 20px;
}

.wizard-elements-container-chat {
  padding: 10px;
  width: 100%;
  overflow-x: scroll;
  display: flex;
  flex-direction: row;
}
.wizard-elements-container-chat > * {
  margin-right: 10px;
  min-width: 160px;
}

.wizard-header-container {
  padding: 30px 30px 0 30px;
}
.wizard-header-container > * {
  padding: 5px;
}
.wizard-header-container h4 {
  font-weight: 700;
}

.wizard-element {
  border: 1px solid transparent;
  padding: 10px;
  display: flex;
  flex-flow: column;
  align-items: center;
  flex: 1;
  margin: 0 10px;
}
.wizard-element:hover {
  text-decoration: none;
  cursor: pointer;
}
.wizard-element > * {
  padding: 5px;
}
.wizard-element h6 {
  word-break: break-word;
  margin: 10px 0 0 0;
}

.wizard-element-asistant img {
  width: 150px;
  height: 150px;
  display: block;
  margin: 5px auto;
}
.wizard-element-asistant h3 {
  text-align: center;
}

/**
  * @stylesheet _portal-nav-breadcrumb.scss Breadcrumb
  * @parent navigation
  * This is the breadcrumb for service.
  * It is always visible and helps a user navigate throughout the site as well shows him, where he is at the moment.
  * @demo demos/portalnavbreadcrumb.html
  **/
.portal-breadcrumb {
  z-index: 3;
  min-height: 22px;
  padding: 20px 0 0 10px;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  clear: both;
  white-space: initial;
  position: relative;
  top: 0;
  left: 0;
}
.portal-breadcrumb li {
  line-height: 1.2em;
  padding: 0 1em;
  position: relative;
}
.portal-breadcrumb li:hover ul {
  display: flex;
}
.portal-breadcrumb li:hover ul li {
  padding: 1em;
  white-space: nowrap;
}
.portal-breadcrumb li ul {
  display: none;
  flex-direction: column;
  position: absolute;
  padding: 0.7em 0;
}

.accordion-wrapper {
  padding: 10px;
  max-width: 1680px;
  min-width: 400px;
  width: calc(100% - 30px);
}
.accordion-wrapper.filter-accordion {
  max-width: 100%;
}
.accordion-wrapper:last-child {
  padding: 30px;
}
@media (max-width: 640px) {
  .accordion-wrapper:last-child {
    padding: 0;
  }
}
@media (max-width: 640px) {
  .accordion-wrapper {
    padding: 0;
    width: 100%;
    min-width: 340px;
  }
}
.accordion-wrapper .dataTable-wrapper, .accordion-wrapper .datatable-wrapper {
  margin: 30px 10px;
  width: calc(100% - 40px);
  overflow-x: auto;
}
.accordion-wrapper .accordion-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 0 3px 25px;
  width: initial;
  border-bottom: 1px solid;
  position: relative;
  gap: 5px;
  cursor: pointer;
}
.accordion-wrapper .accordion-header h4 {
  margin-right: auto;
}
.accordion-wrapper .accordion-header .icons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
}
.accordion-wrapper .accordion-header .icons-wrapper .icon-small {
  margin: 0;
}
.accordion-wrapper .accordion-body {
  display: none;
  padding: 20px 10px;
}
.accordion-wrapper .accordion-body.open {
  display: block;
}
.accordion-wrapper .accordion-body > .bar-fullwidth {
  padding: 0;
}
.accordion-wrapper .accordion-body .accordion-section {
  position: relative;
  padding: 10px 0;
}
@media only screen and (min-width: 2200px) {
  .accordion-wrapper {
    max-width: 2680px;
  }
}

.tabs-wrapper {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.tabs-wrapper-links {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tabs-wrapper-links li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 20px 15px;
  border-bottom: 5px solid transparent;
}
.tabs-wrapper-links li:hover {
  cursor: pointer;
}
.tabs-wrapper-links span {
  text-transform: uppercase;
  font-size: 16px;
  padding: 0 3px;
}

@media (max-width: 1024px) {
  .tabs-wrapper-links {
    display: block;
  }
}
ul.tabs-wrapper-second {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 45px;
}
ul.tabs-wrapper-second li {
  padding: 15px;
}
ul.tabs-wrapper-second li:hover {
  cursor: pointer;
}

.tabs-wrapper-content {
  padding: 10px 30px;
}
.tabs-wrapper-content section {
  padding: 5px 0;
  text-align: left;
}
.tabs-wrapper-content p {
  text-align: left;
}
.tabs-wrapper-content li {
  padding: 3px 0;
  display: list-item;
}

.submenu {
  padding: 5px;
  box-shadow: 0px 2px 10px 6px rgba(0, 0, 0, 0.15);
  z-index: 5;
  display: none;
  position: fixed;
}
.submenu.active {
  display: block;
}
.submenu ul {
  display: block;
}
.submenu li {
  display: block;
  height: 35px;
}
.submenu li:hover {
  cursor: pointer;
}
.submenu li:first-child {
  border-top: none;
}

/**
  * @stylesheet _button.scss Button
  * @parent styleguide.components
  * Buttons can be used to show the user’s choice of options for actions and assign these to a clear hierarchy.

  *
  * Basic buttons properties are located in placeholder %btn (file: _ mixin.scss).
  * Brand specific properties are located in the file _buttons.scss.
  * @demo demos/button.html
  **/
.button-section {
  display: flex;
  padding-bottom: 15px;
  max-width: 1200px;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.button-section.button-flyout {
  position: fixed;
  top: 30%;
  right: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: flex-end;
}
.button-section.button-flyout .item-wrapper {
  position: relative;
  display: block;
  height: 100%;
  width: 35px;
  margin-left: auto;
}
.button-section.button-flyout .item-wrapper:hover {
  width: auto;
}
.button-section.button-flyout .item-wrapper > * {
  margin: 0;
}
.button-section.button-flyout .item-wrapper img {
  position: absolute;
  top: 3px;
  height: 28px;
  left: 3px;
}
.button-section.button-flyout .item-wrapper div {
  padding-left: 35px;
}

.button-center {
  justify-content: center;
}

.btn-submit, .btn-cancel, .btn-primary, .btn-secondary, .btn-link {
  margin: 10px;
}

.btn-add {
  padding: 5px 7px;
}

.btn-close {
  padding: 5px;
  width: 30px;
  position: absolute;
  right: -7px;
  top: -22px;
  z-index: 1;
}

.l-container-content .btn-close {
  right: -3px;
  top: 2px;
}

.btn-link:hover {
  transition: all 0.2s;
}
.btn-link:focus {
  border: none;
}

.btn-icon {
  padding: 0px 5px;
  border: none;
  box-sizing: border-box;
}
.btn-icon:hover {
  transition: all 0.2s;
  cursor: pointer;
}
.btn-icon:focus {
  border: none;
  outline: none;
}

.btn-small {
  padding: 0px 9px;
  width: 35px;
  margin: 0 5px;
}

.button-fixed-section {
  position: fixed;
  right: 20%;
  bottom: 0;
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.button-fixed-section .btn-icon {
  display: block;
  height: 32px;
  width: 32px;
  transition: none;
}

.btn-center {
  margin: 5px auto;
}

.category_buttons-exemple {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  margin: 10px;
}

.category_buttons-text {
  font-size: 25px;
}

.icon {
  display: block;
}
.icon:hover {
  cursor: pointer;
}

.icon-small {
  height: 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  margin: 0 5px 0 0;
  box-sizing: border-box;
}

.icon-x-small {
  height: 16px;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  margin: 0 3px 0 0;
  box-sizing: border-box;
}

.icon-medium {
  height: 32px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  margin: 0 5px 0 0;
  box-sizing: border-box;
}

.icon-big {
  height: 64px;
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  margin: 0 5px 0 0;
  box-sizing: border-box;
}

.icon-close {
  height: 32px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  padding: 1em;
  position: relative;
}
.icon-close span, .icon-close span:before, .icon-close span:after {
  cursor: pointer;
  height: 2px;
  width: 22px;
  background-color: transparent;
  position: absolute;
  left: 0;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
.icon-close span:before {
  top: 0;
  transform: rotate(45deg);
}
.icon-close span:after {
  top: 0;
  transform: rotate(-45deg);
}
.icon-close.active span {
  background-color: transparent;
}

.icon-absolute-right {
  position: absolute;
  right: 0px;
}
.icon-absolute-right.icon-l {
  right: 20px;
}
.icon-absolute-right.icon-p {
  right: 5px;
}
@media only screen and (min-width: 1280px) {
  .icon-absolute-right {
    right: 10%;
  }
  .icon-absolute-right.icon-l {
    right: 10%;
  }
  .icon-absolute-right.icon-p {
    right: 7%;
  }
}

.icon-absolute-top {
  top: 10px;
}

.icon-absolute-bottom {
  top: 30px;
}

/**
  * @stylesheet _message.scss Message
  * @parent portalmodule
  * ..
  * @demo demos/....html
  **/
.message-show {
  display: flex !important;
}

.message-big {
  margin: 20px;
  padding: 15px;
}
.message-big > * {
  margin: 10px;
}
.message-big li:not(:last-child) {
  padding: 0 0 15px 0;
}
.message-big ol {
  padding: 15px 0;
}

.message-img {
  min-width: 120px;
  width: 120px;
  height: 120px;
  display: block;
  box-sizing: border-box;
}

.message-big-warning {
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-content: center;
}
.message-big-warning .message-icon {
  height: 42px;
  width: 42px;
  display: block;
  margin: auto 0;
}
.message-big-warning .message-text {
  flex: 1;
}

.message-error {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  margin: 5px;
}
.message-error .icon {
  width: 32px;
  height: 32px;
  margin: 0 5px 0 0;
}

.message-error-small {
  min-height: 18px;
  display: none;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.message-error-small.active {
  display: flex;
}
.message-error-small p {
  font-size: 12px;
  padding: 0 5px;
}

.message-404-wrapper {
  padding: 40px;
  position: relative;
  width: 400px;
  height: 500px;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .message-404-wrapper {
    width: 560px;
    height: 600px;
  }
}
@media only screen and (min-width: 1280px) {
  .message-404-wrapper {
    width: 600px;
    height: 700px;
  }
}
.message-404-wrapper .message-404-img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.message-404-wrapper .message-404-text-wrapper {
  position: absolute;
  bottom: 15%;
  padding: 30px;
  width: 100%;
  text-align: center;
}
.message-404-wrapper .message-404-text-wrapper h6 {
  padding: 10px 0;
}

.message-art {
  padding: 20px;
  max-width: 1024px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .message-art {
    padding: 50px 30px;
  }
}
.message-art h1, .message-art h2, .message-art h3, .message-art h4 {
  padding: 20px 0;
}
.message-art p {
  padding: 5px 0;
}

.message-under-construction-wrapper {
  height: 100%;
  position: relative;
  min-height: 50rem;
}
.message-under-construction-wrapper .img-wrapper {
  width: 100%;
  height: 1000px;
}
@media only screen and (min-width: 768px) {
  .message-under-construction-wrapper .img-wrapper {
    height: 100%;
  }
}
.message-under-construction-wrapper .text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 400px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.message-under-construction-wrapper .text-wrapper h2 {
  padding: 20px 0;
}
.message-under-construction-wrapper .text-wrapper a {
  text-align: center;
}

/**
  * @stylesheet _progress-bar.scss Progress bar
  * @parent styleguide.components
  * ...
  * @demo demos/progressbar.html
  **/
.progress-circle {
  position: relative;
  display: inline-block;
  padding: 0;
  text-align: center;
  width: 50px;
  height: 50px;
}

.add-element {
  display: inline-block;
  padding: 1px 3px;
  height: 30px;
  width: 30px;
  position: relative;
  box-sizing: border-box;
  margin: 0 5px;
}
.add-element span {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 28px;
}

/**
  * @stylesheet _table.scss Table
  * @parent formelements
  *
  * Tables serve to display tabular data in columns and rows. Tables can contain text and images as well as actions and other components. Individual columns, lines or cells can be graphically highlighted in the defined colors.   * For a long table, we recommend using a sticky header. It's visible during scrolling process, and a user know which column contains which data.
  *
  * @demo demos/table.html
  **/
.table {
  padding: 40px 0 20px 0;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 98%;
  position: relative;
}
.table .align-right {
  text-align: right !important;
}
.table .align-right > * {
  padding: 0 5px;
}
.table .align-center {
  text-align: center !important;
}
.table.table-scroll {
  overflow: auto;
  display: block;
}
.table .fix-small {
  width: 50px;
  max-width: 50px;
}
.table .fix-checkbox {
  vertical-align: middle !important;
}
.table .fix-checkbox .datatable-sorter {
  padding: 3px;
  cursor: default;
}
.table .fix-checkbox .datatable-sorter::before,
.table .fix-checkbox .datatable-sorter::after {
  display: none;
}
.table .btn-link {
  margin: 0 5px;
}
.table tbody td {
  vertical-align: middle !important;
  position: relative;
  box-sizing: border-box;
  white-space: initial;
}
.table tbody td .align-right {
  padding: 0 5px;
}
.table tbody td.cell-2xs {
  max-width: 50px;
  width: 50px !important;
}
.table tbody td.cell-2xs input:not([type=radio]), .table tbody td.cell-2xs input:not([type=checkbox]), .table tbody td.cell-2xs select, .table tbody td.cell-2xs textarea {
  min-width: 90%;
  max-width: 95%;
}
.table tbody td.cell-2xs .gm-img-float {
  margin: 0;
  width: 18px;
}
.table tbody td.cell-xs {
  max-width: 80px;
  width: 80px !important;
}
.table tbody td.cell-xs input:not([type=radio]), .table tbody td.cell-xs input:not([type=checkbox]), .table tbody td.cell-xs select, .table tbody td.cell-xs textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-s {
  max-width: 120px;
  width: 120px !important;
}
.table tbody td.cell-s input:not([type=radio]), .table tbody td.cell-s input:not([type=checkbox]), .table tbody td.cell-s select, .table tbody td.cell-s textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-m {
  max-width: 180px;
  width: 180px !important;
}
.table tbody td.cell-m input:not([type=radio]), .table tbody td.cell-m input:not([type=checkbox]), .table tbody td.cell-m select, .table tbody td.cell-m textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-l {
  max-width: 220px;
  width: 220px !important;
}
.table tbody td.cell-l input:not([type=radio]), .table tbody td.cell-l input:not([type=checkbox]), .table tbody td.cell-l select, .table tbody td.cell-l textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-xl {
  max-width: 280px;
  width: 280px !important;
}
.table tbody td.cell-xl input:not([type=radio]), .table tbody td.cell-xl input:not([type=checkbox]), .table tbody td.cell-xl select, .table tbody td.cell-xl textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-2xl {
  max-width: 320px;
  width: 320px !important;
}
.table tbody td.cell-2xl input:not([type=radio]), .table tbody td.cell-2xl input:not([type=checkbox]), .table tbody td.cell-2xl select, .table tbody td.cell-2xl textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-3xl {
  max-width: 380px;
  width: 380px !important;
}
.table tbody td.cell-3xl input:not([type=radio]), .table tbody td.cell-3xl input:not([type=checkbox]), .table tbody td.cell-3xl select, .table tbody td.cell-3xl textarea {
  min-width: 90% !important;
  max-width: 95%;
}
.table tbody td.cell-4xl {
  max-width: 450px;
  width: 450px !important;
}
.table tbody td.cell-4xl input:not([type=radio]), .table tbody td.cell-4xl input:not([type=checkbox]), .table tbody td.cell-4xl select, .table tbody td.cell-4xl textarea {
  min-width: 99% !important;
  max-width: 100%;
}
.table tbody td.cell-5xl {
  max-width: 550px;
  width: 550px !important;
}
.table tbody td.cell-6xl {
  max-width: 550px;
  width: 550px !important;
}
.table tbody td.cell-7xl {
  max-width: 800px;
  width: 800px !important;
}
.table tbody td.cell-min-2xs {
  min-width: 40px;
  width: 50px !important;
}
.table tbody td.cell-min-2xs input:not([type=radio]), .table tbody td.cell-min-2xs input:not([type=checkbox]), .table tbody td.cell-min-2xs select, .table tbody td.cell-min-2xs textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-2xs .gm-img-float {
  margin: 0;
  width: 18px;
}
.table tbody td.cell-min-xs {
  min-width: 50px;
  width: 80px !important;
}
.table tbody td.cell-min-xs input:not([type=radio]), .table tbody td.cell-min-xs input:not([type=checkbox]), .table tbody td.cell-min-xs select, .table tbody td.cell-min-xs textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-s {
  min-width: 100px;
  width: 120px !important;
}
.table tbody td.cell-min-s input:not([type=radio]), .table tbody td.cell-min-s input:not([type=checkbox]), .table tbody td.cell-min-s select, .table tbody td.cell-min-s textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-m {
  min-width: 150px;
  width: 180px !important;
}
.table tbody td.cell-min-m input:not([type=radio]), .table tbody td.cell-min-m input:not([type=checkbox]), .table tbody td.cell-min-m select, .table tbody td.cell-min-m textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-l {
  min-width: 200px;
  width: 220px !important;
}
.table tbody td.cell-min-l input:not([type=radio]), .table tbody td.cell-min-l input:not([type=checkbox]), .table tbody td.cell-min-l select, .table tbody td.cell-min-l textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-xl {
  min-width: 250px;
  width: 280px !important;
}
.table tbody td.cell-min-xl input:not([type=radio]), .table tbody td.cell-min-xl input:not([type=checkbox]), .table tbody td.cell-min-xl select, .table tbody td.cell-min-xl textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-2xl {
  min-width: 300px;
  width: 320px !important;
}
.table tbody td.cell-min-2xl input:not([type=radio]), .table tbody td.cell-min-2xl input:not([type=checkbox]), .table tbody td.cell-min-2xl select, .table tbody td.cell-min-2xl textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-3xl {
  min-width: 350px;
  width: 380px !important;
}
.table tbody td.cell-min-3xl input:not([type=radio]), .table tbody td.cell-min-3xl input:not([type=checkbox]), .table tbody td.cell-min-3xl select, .table tbody td.cell-min-3xl textarea {
  min-width: 99% !important;
  max-width: 99%;
}
.table tbody td.cell-min-4xl {
  min-width: 420px;
  width: 450px !important;
}
.table tbody td.cell-min-4xl input:not([type=radio]), .table tbody td.cell-min-4xl input:not([type=checkbox]), .table tbody td.cell-min-4xl select, .table tbody td.cell-min-4xl textarea {
  min-width: 99% !important;
  max-width: 100%;
}
@media only screen and (min-width: 1920px) {
  .table tbody td {
    min-width: unset;
    min-width: unset;
  }
}
.table tbody td.icon-wrapper {
  min-width: 100%;
  min-height: 40px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .table tbody td.icon-wrapper {
    min-width: 49px;
    min-height: unset;
  }
}
.table tbody td.icon-wrapper .gm-img-float {
  position: absolute;
  top: 10%;
  right: 5px;
}
.table tbody td.icon-wrapper .gm-img-float:last-child {
  right: 27px;
  top: 10%;
}
.table tbody td.icon-wrapper .gm-img-float img {
  width: 24px;
}
.table tbody td.small {
  max-width: 50px;
}
@media only screen and (min-width: 1280px) {
  .table tbody td.small {
    max-width: 60px;
  }
}
.table tbody td.medium {
  max-width: 120px;
}
@media only screen and (min-width: 1280px) {
  .table tbody td.medium {
    max-width: 150px;
  }
}
@media only screen and (min-width: 1920px) {
  .table tbody td.medium {
    max-width: 180px;
  }
}
.table tbody td.large {
  max-width: 220px;
}
@media only screen and (min-width: 1280px) {
  .table tbody td.large {
    max-width: 250px;
  }
}
@media only screen and (min-width: 1920px) {
  .table tbody td.large {
    max-width: 280px;
  }
}
.table tbody td.xLarge {
  max-width: 320px;
}
@media only screen and (min-width: 1280px) {
  .table tbody td.xLarge {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1920px) {
  .table tbody td.xLarge {
    max-width: 450px;
  }
}
.table tbody td.break-line {
  min-width: 90px;
  overflow-wrap: anywhere;
}
.table tbody td.break-text {
  white-space: pre-line;
}
.table tbody td.break-nobreak {
  white-space: nowrap;
}
.table tbody td .gm-img-float {
  margin: 2px;
}
.table tbody td[var_vm_name=ls_id] {
  max-width: 80px;
}
.table tbody td[var_vm_name=ls_id] input {
  min-width: 70px;
}
.table tbody p {
  max-width: 800px;
}
.table th {
  font-weight: 500;
  font-weight: 600;
  display: none;
}
.table th.break-line {
  min-width: 90px;
  overflow-wrap: anywhere;
}
.table th.break-text {
  white-space: pre-line;
}
.table th.break-nobreak {
  white-space: nowrap;
}
.table th label {
  padding: 3px;
}
.table th input[type=radio], .table th input[type=checkbox] {
  width: 12px;
  height: 12px;
  min-height: 12px;
  min-width: 12px !important;
  max-width: 12px !important;
  max-height: 12px;
  margin: 3px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .table th {
    display: table-cell;
  }
}
.table td {
  display: flex;
  flex-direction: column;
  padding: 5px 0;
  width: 300px;
}
.table td .input-wrapper-row {
  min-width: 99%;
}
.table td input:not([type=radio]), .table td input:not([type=checkbox]), .table td select, .table td textarea {
  min-width: unset !important;
  max-width: 97% !important;
  width: 97%;
  min-height: 25px;
  box-sizing: border-box;
  margin: 3px;
}
.table td textarea {
  min-height: 60px;
}
.table td input[type=radio], .table td input[type=checkbox] {
  width: 12px;
  height: 12px;
  min-height: 12px;
  min-width: 12px !important;
  max-width: 12px !important;
  max-height: 12px;
}
.table td:before {
  content: attr(data-th) "";
  font-weight: bold;
  width: auto;
  min-width: 0;
  line-height: 1.4em;
}
@media only screen and (min-width: 768px) {
  .table td:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .table td {
    display: table-cell;
    width: auto;
  }
}
.table td, .table th {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.table td.hide, .table th.hide {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .table td, .table th {
    display: table-cell;
  }
  .table td:last-child, .table th:last-child {
    padding-right: 0;
  }
  .table td.fix-small, .table th.fix-small {
    width: 55px !important;
    max-width: 55px !important;
    word-wrap: break-word;
    white-space: normal;
  }
}
.table th {
  box-sizing: border-box;
}
.table th.col-2xs {
  max-width: 50px;
  width: 50px !important;
}
.table th.col-xs {
  max-width: 80px;
  width: 80px !important;
}
.table th.col-s {
  max-width: 120px;
  width: 120px !important;
}
.table th.col-m {
  max-width: 180px;
  width: 180px !important;
}
.table th.col-l {
  max-width: 220px;
  width: 220px !important;
}
.table th.col-xl {
  max-width: 280px;
  width: 280px !important;
}
.table th.col-2xl {
  max-width: 320px;
  width: 320px !important;
}
.table th.col-3xl {
  max-width: 380px;
  width: 380px !important;
}
.table th.col-4xl {
  max-width: 450px;
  width: 450px !important;
}
.table th.col-5xl {
  max-width: 550px;
  width: 550px !important;
}
.table th.col-6xl {
  max-width: 670px;
  width: 670px !important;
}
.table th.col-7xl {
  max-width: 800px;
  width: 800px !important;
}
.table th.col-min-2xs {
  min-width: 40px;
  width: 50px !important;
}
.table th.col-min-xs {
  min-width: 60px;
  width: 80px !important;
}
.table th.col-min-s {
  min-width: 100px;
  width: 120px !important;
}
.table th.col-min-m {
  min-width: 160px;
  width: 180px !important;
}
.table th.col-min-l {
  min-width: 200px;
  width: 220px !important;
}
.table th.col-min-xl {
  min-width: 260px;
  width: 280px !important;
}
.table th.col-min-2xl {
  min-width: 300px;
  width: 320px !important;
}
.table th.col-min-3xl {
  min-width: 350px;
  width: 380px !important;
}
.table th.col-min-4xl {
  min-width: 420px;
  width: 450px !important;
}
.table tfoot td {
  padding: 0;
}
.table tfoot td:first-child {
  padding-top: 0px;
}
.table tfoot td label {
  padding: 3px !important;
}
@media only screen and (min-width: 768px) {
  .table tfoot td {
    padding: 5px;
  }
  .table tfoot td:first-child {
    padding-top: 10px;
  }
  .table tfoot td label {
    padding: 0px !important;
  }
}
.table .table-icon-flex.icon-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.table .table-icon-flex.icon-wrapper > div:first-child {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.table .table-icon-flex.icon-wrapper .gm-img-float {
  position: relative;
  top: unset !important;
  right: unset !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  padding: 0;
  margin: 0 2px;
}

.table-complex thead {
  font-size: 12px;
}
.table-complex thead th {
  max-width: 250px;
  min-width: 120px;
  font-weight: 300;
  padding: 3px 3px;
  text-align: left;
}
.table-complex td {
  height: inherit;
  vertical-align: top;
}
.table-complex td[col_element=newLine] {
  min-width: 90px;
}
.table-complex input, .table-complex textarea, .table-complex select, .table-complex .dropdown {
  min-width: 100px;
}
.table-complex textarea, .table-complex select {
  max-width: 100%;
  min-width: 85%;
  min-height: 40px;
}
.table-complex select {
  height: auto;
}
.table-complex .select-dropdown {
  min-height: 20px;
  max-height: 30px;
}

.table-fix,
.table-fix table {
  table-layout: fixed;
}

.table-decision-wrapper {
  overflow: auto;
}

.table-decision div.dtb {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  padding: 0 0 0 22px;
  min-height: 50px;
}
.table-decision div.dtb input, .table-decision div.dtb select {
  min-width: 122px;
  margin: 3px;
  min-height: 30px;
  height: 30px;
  padding: 2px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: 100%;
}
.table-decision div.dtb textarea {
  box-sizing: border-box;
  min-width: 150px;
  width: 100%;
  min-height: 60px;
  height: 100%;
  padding: 2px;
}
.table-decision .dtb-cont-icons {
  min-width: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.table-decision tr {
  height: 1px;
}

.table-stickyHeader .dataTable-wrapper, .table-stickyHeader .datatable-wrapper {
  overflow: unset !important;
}
.table-stickyHeader table.table {
  table-layout: fixed;
}
.table-stickyHeader table.table th {
  position: sticky;
  top: 0;
  z-index: 3;
}

.dataTable-wrapper, .datatable-wrapper {
  margin: 30px 0 10px 0;
}

.dataTable-wrapper.no-footer .dataTable-container, .datatable-wrapper.no-footer .dataTable-container {
  max-width: 100%;
}

.dataTable-table {
  margin: 0 auto;
}
.dataTable-table input, .dataTable-table textarea, .dataTable-table select {
  width: 90%;
  max-width: 420px;
  min-width: 75%;
}
.dataTable-table .dataTable-sorter {
  padding: 0 10px 0 0;
  min-height: 15px;
}

.dataTable-top {
  padding: 10px 0px;
}
@media only screen and (min-width: 768px) {
  .dataTable-top {
    padding: 15px 10px;
  }
}
.dataTable-top label {
  font-size: 12px;
}
.dataTable-top .dataTable-search .dataTable-input {
  min-width: 100px;
}
@media only screen and (min-width: 768px) {
  .dataTable-top .dataTable-search .dataTable-input {
    min-width: 120px;
  }
}
@media only screen and (min-width: 1280px) {
  .dataTable-top .dataTable-search .dataTable-input {
    min-width: 180px;
  }
}
.dataTable-top .dataTable-dropdown select {
  max-width: 70px;
  min-width: 50px;
}

.sticky_header {
  position: fixed;
  z-index: 9;
  top: 0;
}

.table-short-5 tbody tr:nth-child(n+6) {
  display: none;
}

.table-short-10 tbody tr:nth-child(n+11) {
  display: none;
}

/**
  * @stylesheet _list-view-gallery.scss List - gallery view
  * @parent administrationmodule
  * This is an example of a thumbnail for a list showed as a gallery.
  * Use it to list groups, users exc.
  * @demo demos/listgallery.html
  **/
.list-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
@media only screen and (min-width: 640px) {
  .list-gallery {
    grid-template-columns: repeat(auto-fill, minmax(250px, 40%));
  }
}
@media only screen and (min-width: 1024px) {
  .list-gallery {
    grid-template-columns: repeat(auto-fill, minmax(250px, 30%));
  }
}
@media only screen and (min-width: 1280px) {
  .list-gallery {
    grid-template-columns: repeat(auto-fill, minmax(250px, 25%));
  }
}

.galery-item-2row {
  display: grid;
  grid-template-rows: minmax(50px, 180px) 1fr 30px;
  grid-gap: 3px;
}
.galery-item-2row a:hover {
  text-decoration: none;
}
.galery-item-2row .thumbnail-options {
  grid-row: 3;
  grid-template-columns: max-content 1fr 30px;
  padding: 5px;
}

.galery-item-3row {
  display: grid;
  grid-gap: 3px;
  grid-template-rows: minmax(50px, 180px) 1fr min-content 1fr 30px;
}
.galery-item-3row a {
  overflow: hidden;
}
.galery-item-3row a:hover {
  text-decoration: none;
}
.galery-item-3row .message-small-error {
  grid-row: 3;
  padding-bottom: 7px;
}
.galery-item-3row .thumbnail-options {
  grid-row: 5;
}

/**
  * @stylesheet _thumbnail-option.scss Thumbnail options
  * @parent administrationmodule
  * This is ...
  * Use it to ..
  * @demo demos/thumbnailoptions.html
  **/
.portal-thumbnail-img-big {
  height: 300px;
  padding: 0;
}
.portal-thumbnail-img-big h6 {
  height: 32px;
  overflow: hidden;
}
.portal-thumbnail-img-big .img-big {
  display: block;
  overflow: hidden;
}
.portal-thumbnail-img-big .img-big img {
  width: 100%;
}
.portal-thumbnail-img-big .img-info {
  overflow: hidden;
  padding: 10px;
}
.portal-thumbnail-img-big .img-info h4 {
  padding: 0 0 5px 0;
  height: 11px;
  height: 40px;
  line-height: 1.5em;
  overflow: hidden;
}

.thumbnail-simpleIcon {
  min-width: 300px;
}
.thumbnail-simpleIcon .thumbnail-icon {
  order: 1;
  width: 64px;
  height: 64px;
  margin: 5px auto;
}
.thumbnail-simpleIcon .thumbnail-icon img {
  width: 100%;
  height: auto;
}
.thumbnail-simpleIcon .thumbnail-header h3 {
  white-space: break-spaces;
  height: auto;
  width: min-content;
  max-width: 210px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .thumbnail-simpleIcon {
    aspect-ratio: 1.4;
  }
}

.thumbnail-smallIcon {
  min-width: 280px;
  width: 280px;
  padding: 15px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.thumbnail-smallIcon .thumbnail-header {
  order: 1;
  flex-basis: 280px;
  flex-grow: 1;
}
.thumbnail-smallIcon .thumbnail-header h4 {
  white-space: normal;
  width: 100%;
}
.thumbnail-smallIcon .thumbnail-icon {
  order: 2;
  height: 32px;
  width: 32px;
}
.thumbnail-smallIcon .thumbnail-icon img {
  max-width: 100%;
}
.thumbnail-smallIcon .thumbnail-details {
  order: 3;
  display: block;
  width: 100%;
}

.thumbnail-text {
  min-width: 280px;
  padding: 10px;
}
.thumbnail-text .thumbnail-header h4 {
  white-space: normal;
  height: auto;
  width: 100%;
}
.thumbnail-text .thumbnail-icon {
  display: none;
}
.thumbnail-text .thumbnail-details {
  display: block;
  padding: 10px 0;
  width: 100%;
}

.thumbnail-simpleText .thumbnail-header h3 {
  white-space: break-spaces;
  height: auto;
  width: min-content;
  max-width: 210px;
}
.thumbnail-simpleText .thumbnail-details {
  min-height: 100px;
  margin: 10px 0;
}

.thumbnail-simpleBGD {
  justify-content: center;
  min-height: 180px;
}
.thumbnail-simpleBGD .thumbnail-header {
  white-space: normal;
  height: auto;
  padding: 10px 0;
}
.thumbnail-simpleBGD .thumbnail-header h3 {
  white-space: normal;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.thumbnail-imageBGD {
  justify-content: center;
  min-height: 220px;
}
.thumbnail-imageBGD .thumbnail-header {
  white-space: normal;
  height: auto;
  padding: 10px 0;
}
.thumbnail-imageBGD .thumbnail-header h3 {
  white-space: break-spaces;
  height: auto;
  width: min-content;
  max-width: 250px;
  margin: 0 auto;
  z-index: 1;
}

.thumbnail-btn-single .btn-primary {
  margin: 10px 0;
  width: 100%;
}

.thumbnail-padding {
  padding: 15px;
}
.thumbnail-padding ul {
  padding: 15px 0 0 0;
}
.thumbnail-padding ul li {
  display: block;
}
.thumbnail-padding ul li:not(:last-child) {
  padding: 0 0 10px 0;
}
.thumbnail-padding ul li:hover {
  cursor: pointer;
}
.thumbnail-padding h6 {
  padding: 20px 0 0 0;
}

/**
  * @stylesheet _dropdown.scss Dropdown
  * @parent formelements
  * A dropdown allows users to select one option from a list. Use only when a user needs to choose from about seven to fifteen possible options. If you need to allow users to select more than one option at once, you should consider using checkboxes instead (see more [_checkbox.scss] ). Users often don't understand, how the multiselect dropdown works.
  *
  * In order to use this element, you need to attach jquery library an additional js file (frontend.js).
  * @demo demos/customdropdown.html
  **/
.dropdown {
  display: block;
  min-height: 25px;
  position: relative;
  cursor: pointer;
  transition: all 0.15s linear;
}
.dropdown:hover {
  cursor: pointer;
}
.dropdown ul {
  display: none;
  position: absolute;
  z-index: 99;
}
.dropdown ul.active {
  display: block;
}
.dropdown ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  white-space: nowrap;
}
.dropdown.open ul {
  display: block;
}

.dropdown-list-filter {
  left: 60px;
  top: 10px;
}

.dropdown-sort {
  border: none;
  width: 205px;
}
.dropdown-sort h6 {
  padding: 5px 23px 5px 5px;
  white-space: nowrap;
}
.dropdown-sort ul {
  min-width: 180px;
}

.dropdown.dropdown-language {
  position: relative;
  box-shadow: none;
  background-color: transparent;
  min-height: auto;
  min-width: 80px;
}
.dropdown.dropdown-language span {
  display: inline-block;
  font-size: 16px;
  line-height: 1.2em;
  vertical-align: baseline;
  padding: 0 2px 0 0;
}
.dropdown.dropdown-language h6 {
  font-size: 16px;
  line-height: 1.2em;
}
.dropdown.dropdown-language ul {
  font-size: 16px;
  top: 0px;
  left: -25px;
  min-width: 110px;
}

.dropdown-icon {
  max-width: 250px;
}
.dropdown-icon .dropdown-toggle, .dropdown-icon li > div:nth-child(2) {
  max-width: 90%;
  overflow: hidden;
}
.dropdown-icon .dropdown-toggle, .dropdown-icon li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dropdown-icon .dropdown-toggle li, .dropdown-icon li li {
  padding: 8px;
}
.dropdown-icon .dropdown-toggle div, .dropdown-icon li div {
  display: inline-block;
}
.dropdown-icon .dropdown-toggle img, .dropdown-icon li img {
  padding: 0 5px;
  height: 25px;
}

.section-header {
  width: 100%;
  padding: 25px 10px;
}

.section-header-lead {
  width: 100%;
  padding: 20px 40px;
}

.section-show-more {
  width: 100%;
  padding: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.section-details-header {
  width: 100%;
  padding: 10px 15px 0 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.section-details-header li h3 {
  padding: 0 10px;
}
.section-details-header li:last-child {
  margin-left: auto;
}

.search-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search-wrapper input {
  margin: 0 0.5em 0 0;
  border: none;
  padding: 6px 10px;
  height: 25px;
}
.search-wrapper .icon {
  width: 24px;
  height: 24px;
}
.search-wrapper .icon:hover {
  cursor: pointer;
}

.panel-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}

.panel-wrapper-wide {
  width: 100%;
}

.panel-filter {
  width: 100%;
  padding: 15px;
}
.panel-filter .l-wrapper-column {
  flex: 0 1 50%;
  max-width: 49%;
}
@media only screen and (max-width: 1023px) {
  .panel-filter .l-wrapper-column input:not([type=checkbox]), .panel-filter .l-wrapper-column input:not([type=radio]), .panel-filter .l-wrapper-column select, .panel-filter .l-wrapper-column textarea {
    min-width: 220px;
    max-width: 50%;
  }
}

.panel-item {
  padding: 0 15px 15px 0;
  flex: 1;
  flex-grow: 1;
  min-width: 0;
}
.panel-item .input-wrapper-group .radio-input-wrapper .radio-input-wrapper {
  flex-direction: column;
}
.panel-item .panel-item-header {
  padding: 20px 0;
}
.panel-item .panel-item-header h4 {
  padding: 20px 0 0 0;
}
.panel-item .panel-item-header p {
  padding: 10px 0;
}
.panel-item input[readonly=readonly], .panel-item input[readonly] {
  font-size: 1em;
}
.panel-item input[readonly=readonly]:hover, .panel-item input[readonly]:hover {
  cursor: default;
}
.panel-item .custom-field-small textarea, .panel-item .custom-field-small input:not([type=radio]), .panel-item .custom-field-small input:not([type=checkbox]) {
  min-width: 50%;
  width: 50%;
}
@media only screen and (min-width: 1280px) {
  .panel-item .custom-field-small textarea, .panel-item .custom-field-small .quill-wrapper, .panel-item .custom-field-small input:not([type=radio]), .panel-item .custom-field-small input:not([type=checkbox]) {
    max-width: 50%;
    min-width: 50%;
  }
}
@media only screen and (min-width: 1920px) {
  .panel-item .custom-field-small textarea, .panel-item .custom-field-small .quill-wrapper, .panel-item .custom-field-small input:not([type=radio]), .panel-item .custom-field-small input:not([type=checkbox]) {
    max-width: 55%;
    min-width: 55%;
  }
}
.panel-item .custom-field-medium textarea, .panel-item .custom-field-medium input:not([type=radio]), .panel-item .custom-field-medium input:not([type=checkbox]) {
  min-width: 70%;
  width: 70%;
}
@media only screen and (min-width: 1280px) {
  .panel-item .custom-field-medium textarea, .panel-item .custom-field-medium .quill-wrapper, .panel-item .custom-field-medium input:not([type=radio]), .panel-item .custom-field-medium input:not([type=checkbox]) {
    max-width: 70%;
    min-width: 50%;
  }
}
@media only screen and (min-width: 1920px) {
  .panel-item .custom-field-medium textarea, .panel-item .custom-field-medium .quill-wrapper, .panel-item .custom-field-medium input:not([type=radio]), .panel-item .custom-field-medium input:not([type=checkbox]) {
    max-width: 75%;
    min-width: 75%;
  }
}
.panel-item .custom-field-large textarea, .panel-item .custom-field-large input:not([type=radio]), .panel-item .custom-field-large input:not([type=checkbox]) {
  min-width: 80%;
  width: 80%;
}
@media only screen and (min-width: 1280px) {
  .panel-item .custom-field-large textarea, .panel-item .custom-field-large .quill-wrapper, .panel-item .custom-field-large input:not([type=radio]), .panel-item .custom-field-large input:not([type=checkbox]) {
    max-width: 80%;
    min-width: 50%;
  }
}
@media only screen and (min-width: 1920px) {
  .panel-item .custom-field-large textarea, .panel-item .custom-field-large .quill-wrapper, .panel-item .custom-field-large input:not([type=radio]), .panel-item .custom-field-large input:not([type=checkbox]) {
    max-width: 85%;
    min-width: 85%;
  }
}
.panel-item .custom-field-xLarge textarea, .panel-item .custom-field-xLarge input:not([type=radio]), .panel-item .custom-field-xLarge input:not([type=checkbox]) {
  min-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .panel-item .custom-field-xLarge textarea, .panel-item .custom-field-xLarge .quill-wrapper, .panel-item .custom-field-xLarge input:not([type=radio]), .panel-item .custom-field-xLarge input:not([type=checkbox]) {
    max-width: 100%;
    min-width: 100%;
  }
}

.panel-single-item {
  padding: 35px;
}

.panel-document-wrapper .input-wrapper-row table td:last-child {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.panel-document-wrapper .input-wrapper-row table input:not([type=checkbox]), .panel-document-wrapper .input-wrapper-row table input:not([type=radio]),
.panel-document-wrapper .input-wrapper-row table select.select-dropdown, .panel-document-wrapper .input-wrapper-row table textarea {
  min-width: auto;
}
.panel-document-wrapper .input-wrapper-row table .gm-img-float {
  display: block;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
}
.panel-document-wrapper .input-wrapper-row table .gm-img-float img {
  position: initial;
  width: 24px;
  height: 24px;
}

.panel-document-prev {
  max-width: 70%;
  flex-grow: 2;
}
.panel-document-prev canvas {
  max-width: 100%;
  overflow: scroll;
}
.panel-document-prev .document-thumbnail {
  width: 100% !important;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 5px;
  margin: 5px 0;
}
.panel-document-prev .document-thumbnail > * {
  max-width: 120px;
  padding: 0 10px;
}
.panel-document-prev .current div {
  text-align: center;
  padding: 3px;
}
.panel-document-prev .current img {
  margin: 0 auto;
}
.panel-document-prev .toolset-top {
  padding: 5px;
}
.panel-document-prev .toolset-top .ui-slider {
  display: none;
}
.panel-document-prev .toolset-top .toolset-zoom {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.panel-document-prev .toolset-top .toolset-zoom label {
  padding: 0 5px;
}
.panel-document-prev .toolset-top .toolset-zoom select {
  min-width: 75px;
}
.panel-document-prev .toolset-pdf-wrapper {
  flex-wrap: wrap;
  padding: 15px;
  justify-content: center;
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: space-between;
}
.panel-document-prev .toolset-pdf-wrapper .document-page-prev, .panel-document-prev .toolset-pdf-wrapper .document-page-next, .panel-document-prev .toolset-pdf-wrapper .document-zoom-in, .panel-document-prev .toolset-pdf-wrapper .document-zoom-out {
  width: 22px;
  height: 22px;
}
.panel-document-prev .toolset-pdf-wrapper .toolset-nav-pdf {
  flex-wrap: nowrap;
  justify-content: center;
  display: flex;
  flex-direction: row;
}
.panel-document-prev .toolset-pdf-wrapper .toolset-nav-pdf .toolset-nav-pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
  padding: 0 5px;
  max-width: 200px;
}
.panel-document-prev .toolset-pdf-wrapper .toolset-nav-pdf .toolset-nav-pages h6, .panel-document-prev .toolset-pdf-wrapper .toolset-nav-pdf .toolset-nav-pages span {
  line-height: 25px;
}
.panel-document-prev .toolset-pdf-wrapper .toolset-nav-pdf .document-preloader {
  padding: 30px;
  width: 100%;
  text-align: center;
  display: none;
}
.panel-document-prev .toolset-pdf-wrapper .toolset-zoom-pdf {
  flex-wrap: nowrap;
  justify-content: center;
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-left: auto;
}
.pdfPreview-frame {
  min-height: calc(100vh - 205px);
}
.pdfPreview-frame.js-resizable-wrapper.panel-document-prev {
  overflow: initial;
}
.pdfPreview-frame #rapp_viewer {
  height: calc(100vh - 235px) !important;
}

.filter-wrapper .l-wrapper-row {
  padding: 0;
}
.filter-wrapper .l-wrapper-row .checkbox-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0;
}
.filter-wrapper .l-wrapper-row .checkbox-wrapper > div {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.filter-wrapper .l-wrapper-row .checkbox-wrapper > div label {
  padding: 0 !important;
}
@media only screen and (min-width: 640px) {
  .filter-wrapper .l-wrapper-row .l-wrapper-column {
    padding: 5px 0;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big label {
    min-width: 150px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big select.select-dropdown, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big textarea, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big .quill-wrapper {
    min-width: 320px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]).datetime-field {
    min-width: 145px;
    max-width: 145px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]).input-number {
    max-width: 120px;
    min-width: 120px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium label {
    min-width: 120px;
    max-width: 150px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium select.select-dropdown, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium textarea, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium .quill-wrapper {
    min-width: 180px;
    max-width: 180px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]).datetime-field {
    min-width: 110px;
    max-width: 110px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]).input-number {
    max-width: 120px;
    min-width: 120px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium.column-small label {
    min-width: 120px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium.column-small input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium.column-small input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium.column-small select.select-dropdown, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium.column-small textarea, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium.column-small .quill-wrapper {
    min-width: 150px;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 5px;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper > div {
    margin: 0 5px;
    padding: 0 !important;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper > .btn-secondary {
    padding: 11px !important;
    margin: 0;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper label {
    display: block;
    margin: 0 0 2px 0;
    padding: 7px 0 0 0 !important;
    min-width: 300px;
    width: 80%;
    max-width: 80%;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=radio]), .filter-wrapper .l-wrapper-row .input-wrapper select, .filter-wrapper .l-wrapper-row .input-wrapper textarea {
    padding: 4px 10px;
    height: 30px;
    width: 90%;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input.datetime-field {
    min-width: 100px;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input.datetime-field.datetime-timepicker {
    min-width: 160px;
    max-width: 160px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .filter-wrapper .l-wrapper-row .input-wrapper label {
    margin: 0 5px 0 0;
    min-width: 120px;
    width: 30%;
    max-width: 30%;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .input-wrapper select.select-dropdown, .filter-wrapper .l-wrapper-row .input-wrapper select, .filter-wrapper .l-wrapper-row .input-wrapper textarea {
    flex: 1 1 auto;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) and (min-width: 640px) {
  .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .input-wrapper select.select-dropdown, .filter-wrapper .l-wrapper-row .input-wrapper select, .filter-wrapper .l-wrapper-row .input-wrapper textarea {
    min-width: 160px;
    flex-basis: 220px;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) and (min-width: 1280px) {
  .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .input-wrapper select.select-dropdown, .filter-wrapper .l-wrapper-row .input-wrapper select, .filter-wrapper .l-wrapper-row .input-wrapper textarea {
    min-width: 360px;
    max-width: 50%;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) and (min-width: 1680px) {
  .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .input-wrapper input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .input-wrapper select.select-dropdown, .filter-wrapper .l-wrapper-row .input-wrapper select, .filter-wrapper .l-wrapper-row .input-wrapper textarea {
    min-width: 400px;
    max-width: 50%;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1280px) {
  .filter-wrapper .l-wrapper-row .input-wrapper label {
    min-width: 180px;
    width: 180px;
    max-width: 40%;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input.datetime-field {
    min-width: 110px;
    max-width: 150px;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input.datetime-field.datetime-timepicker {
    min-width: 140px;
    max-width: 145px;
  }
}
@media only screen and (min-width: 640px) and (min-width: 1680px) {
  .filter-wrapper .l-wrapper-row .input-wrapper input.datetime-field {
    min-width: 130px;
    max-width: 180px;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper input.datetime-field.datetime-timepicker {
    min-width: 160px;
    max-width: 180px;
  }
}
@media only screen and (min-width: 640px) {
  .filter-wrapper .l-wrapper-row .input-wrapper[var_vm_ft_id="9"] {
    min-height: 40px;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper[var_vm_ft_id="9"] input[type=checkbox] {
    order: 1;
    margin: 0 10px 0 0;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper[var_vm_ft_id="9"] label {
    order: 2;
  }
  .filter-wrapper .l-wrapper-row .input-wrapper[var_vm_ft_id="2"] input {
    max-width: 120px;
    min-width: 120px;
    text-align: right;
  }
  .filter-wrapper .l-wrapper-row .checkbox-wrapper > div {
    flex-direction: row-reverse;
    gap: unset;
  }
}
@media only screen and (min-width: 1024px) {
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big {
    max-width: 650px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big label {
    min-width: 160px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big select.select-dropdown, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big textarea {
    min-width: 370px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]).datetime-field {
    min-width: 170px;
    max-width: 170px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium label {
    min-width: unset;
    max-width: unset;
    flex: 1;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium select.select-dropdown, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium textarea {
    min-width: 180px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-small {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .filter-wrapper .l-wrapper-nowrap {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1680px) {
  .filter-wrapper .l-wrapper-nowrap {
    max-width: 1600px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-medium label {
    max-width: 140px;
    min-width: 140px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big {
    max-width: 750px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big label {
    min-width: 180px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]), .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big select.select-dropdown, .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big textarea {
    min-width: 380px;
  }
  .filter-wrapper .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]).datetime-field {
    min-width: 175px;
    max-width: 175px;
  }
}
@media only screen and (min-width: 1920px) {
  .filter-wrapper .l-wrapper-nowrap {
    max-width: 2000px;
  }
  .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-big {
    max-width: 800px;
  }
  .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]), .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
  .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-big select.select-dropdown, .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-big textarea, .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-big .quill-wrapper {
    max-width: 620px;
  }
  .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-medium {
    max-width: 800px;
  }
  .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-medium input:not([type=checkbox]), .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-medium input:not([type=radio]),
  .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-medium select.select-dropdown, .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-medium textarea, .filter-wrapper .l-wrapper-column .l-wrapper-row .l-wrapper-column.column-medium .quill-wrapper {
    max-width: 620px;
  }
}
.filter-wrapper.filter-report.filter-report .input-wrapper label {
  order: unset;
}

.filter-dynamic.l-wrapper-row {
  padding-top: 0;
  gap: 0;
}
.filter-dynamic.l-wrapper-row .l-wrapper-column {
  padding-top: 0;
}

.l-wrapper-nowrap:has(+ .filter-dynamic) {
  padding-bottom: 0;
}

.l-wrapper-row:has(+ .filter-dynamic) {
  gap: 0;
}

.bar-fullwidth {
  width: 100%;
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 640px) {
  .bar-fullwidth {
    display: block;
  }
}
.bar-fullwidth .icon-wrapper {
  max-width: 32px;
  box-sizing: border-box;
}
.bar-fullwidth .icon {
  width: 32px;
  height: 32px;
}
.bar-fullwidth h4 {
  line-height: 30px;
  margin-top: 5px;
  margin-left: 5px;
}
@media (max-width: 640px) {
  .bar-fullwidth h4 {
    padding: 0;
  }
}

.bar-space-between {
  justify-content: space-between;
}
.bar-space-between .bar-item-wrapper:not(:last-child) {
  margin: 0 5px 0 auto;
}
.bar-space-between .bar-right {
  margin-left: auto;
}

.bar-reverse {
  flex-direction: row-reverse;
}

.bar-item-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.bar-item-wrapper input {
  height: 30px;
}
.bar-item-wrapper .t-btn-link {
  padding: 11px 5px;
}
.bar-item-wrapper > * {
  margin: 0 5px 0 0;
}

.bar-toolbar {
  display: block;
  box-sizing: border-box;
  padding: 3px;
}
.bar-toolbar .bar-toolbar-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 5px;
  gap: 5px;
}
.bar-toolbar .bar-toolbar-option {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px;
  gap: 3px;
}
.bar-toolbar .bar-toolbar-option:hover {
  cursor: pointer;
}
.bar-toolbar .bar-toolbar-option .bar-toolbar-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0;
  padding: 0;
}

.chart-item {
  max-width: 350px;
  margin: 20px 0;
}

.chart-item-big {
  max-width: 820px;
  width: 100%;
  margin: 10px auto;
}

@media only screen and (min-width: 640px) {
  .resizable-wrapper .input-wrapper-row input:not([type=checkbox]),
  .resizable-wrapper .input-wrapper-row input:not([type=radio]),
  .resizable-wrapper .input-wrapper-row select.select-dropdown,
  .resizable-wrapper .input-wrapper-row textarea {
    min-width: unset;
  }
}

.js-resizable-wrapper {
  max-width: 100%;
  margin: 10px auto;
  display: flex;
  justify-content: space-around;
  align-content: space-around;
}
.js-resizable-wrapper > *:first-child {
  position: relative;
  margin: 0;
}
.js-resizable-wrapper > *:first-child {
  margin: 0 16px 0 0;
}
.js-resizable-wrapper > *:last-child {
  overflow: scroll;
}
.js-resizable-wrapper > * {
  padding: 20px;
}
.js-resizable-wrapper > * .l-wrapper-row .l-wrapper-column.column-big input:not([type=radio]),
.js-resizable-wrapper > * .l-wrapper-row .l-wrapper-column.column-big input:not([type=checkbox]),
.js-resizable-wrapper > * .l-wrapper-row .l-wrapper-column.column-big select, .js-resizable-wrapper > * .l-wrapper-row .l-wrapper-column.column-big textarea,
.js-resizable-wrapper > * .l-wrapper-row .l-wrapper-column.column-big .quill-wrapper {
  min-width: 220px;
  max-width: 320px;
}
.js-resizable-wrapper > * .l-wrapper-row .l-wrapper-column.column-big input[type=checkbox] {
  min-width: 15px;
  max-width: 15px;
}
.js-resizable-wrapper.resizable-fix {
  height: 85vh;
}
.js-resizable-wrapper.resizable-fix > *:first-child {
  overflow: auto;
}
@media only screen and (min-width: 1680px) {
  .js-resizable-wrapper.resizable-fix {
    height: 90vh;
  }
}
.js-resizable-wrapper .l-wrapper-item {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.js-resizable-wrapper .l-wrapper-item .btn-primary {
  width: fit-content;
  margin: 10px auto;
}
.js-resizable-wrapper .form-panel-wrapper .input-wrapper {
  flex-direction: column;
  align-items: normal;
}
.js-resizable-wrapper .form-panel-wrapper .input-wrapper label {
  text-align: left;
}
.js-resizable-wrapper .form-panel-wrapper .input-wrapper input, .js-resizable-wrapper .form-panel-wrapper .input-wrapper textarea {
  max-width: 400px;
  width: 100%;
  min-width: 360px;
}
.js-resizable-wrapper .panel-document-prev {
  max-width: unset;
  overflow: auto;
}
.js-resizable-wrapper .accordion-wrapper .accordion-body {
  padding: 20px 0;
}
.js-resizable-wrapper .accordion-wrapper .accordion-body .l-wrapper-row {
  padding: 0;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .l-wrapper-row {
    flex-direction: row;
  }
}
.js-resizable-wrapper .accordion-wrapper .accordion-body .ql-toolbar.ql-snow {
  flex-wrap: wrap;
}
.js-resizable-wrapper .accordion-wrapper .accordion-body .accordion-wrapper {
  min-width: auto;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=checkbox]), .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=radio]),
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select.select-dropdown, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row textarea, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .quill-wrapper,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-toolbar.ql-snow, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-container.ql-snow {
    min-width: auto;
    max-width: 150px;
  }
  .js-resizable-wrapper .accordion-wrapper .accordion-body .fileupload-row .gm-img-float {
    max-width: 90%;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1280px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=checkbox]), .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=radio]),
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select.select-dropdown, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row textarea, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .quill-wrapper,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-toolbar.ql-snow, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-container.ql-snow {
    min-width: 180px;
    max-width: 180px;
  }
}
@media only screen and (min-width: 1680px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=checkbox]), .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=radio]),
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select.select-dropdown, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row textarea, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .quill-wrapper,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-toolbar.ql-snow, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-container.ql-snow {
    min-width: 260px;
    max-width: 260px;
  }
}
@media only screen and (min-width: 1920px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=checkbox]), .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=radio]),
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select.select-dropdown, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row textarea, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .quill-wrapper,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-toolbar.ql-snow, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-container.ql-snow {
    min-width: 300px;
    max-width: 300px;
  }
}
@media only screen and (min-width: 2200px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=checkbox]), .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=radio]),
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select.select-dropdown, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row textarea, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .quill-wrapper,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-toolbar.ql-snow, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-container.ql-snow {
    min-width: 360px;
    max-width: 360px;
  }
}
@media only screen and (min-width: 2800px) {
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=checkbox]), .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row input:not([type=radio]),
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select.select-dropdown, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row select,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row textarea, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .quill-wrapper,
  .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-toolbar.ql-snow, .js-resizable-wrapper .accordion-wrapper .accordion-body .input-wrapper-row .ql-container.ql-snow {
    min-width: 420px;
    max-width: 420px;
  }
}

.js-wrapper-row {
  flex-direction: row;
  flex-wrap: nowrap;
}

.js-wrapper-column {
  flex-direction: column;
}
.js-wrapper-column.js-resizable-wrapper > *:first-child {
  margin: 0;
}
.js-wrapper-column.js-resizable-wrapper > *:last-child {
  margin: 16px 0 0 0;
  position: relative;
}
.js-wrapper-column.js-resizable-wrapper > *:last-child iframe {
  min-height: 600px;
}
.js-wrapper-column .js-resizable-resizer {
  top: -16px;
  bottom: unset;
  right: 0;
  width: 100%;
  height: 16px;
}

.js-resizable-item-big {
  width: 100%;
  overflow: scroll;
}

.js-resizable-resizer {
  position: absolute;
  top: 0;
  right: -16px;
  bottom: unset;
  height: 100%;
  width: 16px;
  z-index: 9;
}
.js-resizable-resizer .l-wrapper-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-resizable-resizer .l-wrapper-item .btn-primary {
  width: fit-content;
}

.paragraph-container {
  padding: 30px;
}
@media only screen and (min-width: 1280px) {
  .paragraph-container {
    margin: 20px;
  }
}
.paragraph-container p {
  padding: 5px 0;
}

.paragraph-header {
  max-width: 90%;
  overflow: hidden;
  margin-bottom: 10px;
}

.paragraph-list, .paragraph-item, .paragraph-item-content {
  display: flex;
  flex-direction: column;
}

.paragraph-list {
  padding: 30px;
}

.paragraph-item {
  padding: 5px 0;
}

.paragraph-item-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
}
.paragraph-item-header > * {
  padding: 0 5px 0 0;
}

.paragraph-item-content h2 {
  padding: 15px 0;
}
.paragraph-item-content ol {
  list-style: decimal;
  padding: 10px 10px 10px 35px;
}
.paragraph-item-content ul {
  list-style: circle;
  padding: 10px 10px 10px 35px;
}
.paragraph-item-content li {
  display: list-item;
  padding: 5px 0;
}
.paragraph-item-content table {
  margin: 10px 0;
}
.paragraph-item-content table td {
  padding: 5px;
}
.paragraph-item-content table td textarea {
  min-width: 150px;
}
.paragraph-item-content table th label {
  padding: 5px;
  display: block;
}
.paragraph-description-wrapper {
  padding: 0 20px;
}
.paragraph-description-wrapper .l-wrapper-header {
  padding: 0;
}
.paragraph-description-wrapper .hero-img {
  margin: 5px auto;
  padding: 5px;
}
.paragraph-description-wrapper .hero-img img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.icon-group {
  display: flex;
  flex-direction: row;
}
.icon-group > *:first-child {
  margin: 0 5px;
}

/**
  * @stylesheet _form.scss Forms
  * @parent formelements
  * ...
  * @demo demos/formelements.html
  **/
.form-panel-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.form-wrapper {
  padding: 15px 0;
}

.form-register .input-wrapper-horizontal label {
  width: auto;
  max-width: initial;
  padding: 2px 5px;
  margin: 0 0 0 5px;
}
.form-register .message-error-small {
  margin: 5px 0;
}
.form-register .message-error-small p {
  padding: 0;
}

.form {
  max-width: 90%;
  margin: 10px 0;
  padding: 20px 0;
}
.form .input-wrapper input[type=checkbox], .form .input-wrapper input[type=radio] {
  max-width: 16px;
  max-height: 16px;
  min-width: 16px;
}
@media only screen and (min-width: 1024px) {
  .form .header {
    padding: 15px 0;
  }
  .form h3 {
    padding: 10px 0;
  }
}
.form .captcha-content {
  background-image: url(../images/captcha-background-large.png);
  background-size: cover;
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 10px 25px;
  min-width: 300px;
  font-size: 1.2rem;
  font-weight: bold;
}
.form .captcha-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 0;
}
.form .captcha-action > * {
  padding: 3px;
}
.form section, .form section.section {
  padding: 15px 30px;
}
.form section h4, .form section.section h4 {
  padding: 5px 0px;
}
.form .divider {
  margin: 0px 25px;
}
.form .divider:first-child {
  padding-top: 25px;
}
.form summary.divider {
  padding-bottom: 10px;
}
.form summary.divider h3 {
  display: inline-block;
}

.form-simple {
  margin: 0 auto;
  padding: 35px;
}
.form-simple .section {
  padding: 10px 0;
}
.form-simple .section-bold {
  margin: 15px 30px;
  padding: 15px;
}
.form-simple input {
  min-width: 90%;
}
@media only screen and (min-width: 640px) {
  .form-simple input {
    min-width: 280px;
    max-width: 70%;
  }
}

.form-modal {
  max-width: 500px;
  min-width: 380px;
  margin: 0;
}
.form-modal form {
  padding: 30px;
}
.form-modal form input, .form-modal form select, .form-modal form textarea {
  max-width: 90%;
  width: 90%;
}
.form-modal .header-wrapper {
  position: relative;
}
.form-modal .header-wrapper h4 {
  max-width: 95%;
  max-height: 32px;
  overflow: hidden;
  padding: 10px;
}

.form-login {
  position: relative;
}
.form-login .header-login-form {
  width: 100%;
}
.form-login .message-login-form {
  max-width: 400px;
  font-size: 1em;
}
.form-login section {
  padding: 10px;
}
.form-login form {
  padding: 30px;
  max-width: 100%;
  margin: 0;
}
.form-login form .btn-submit {
  margin: 0;
  width: 100%;
  max-width: 100%;
  margin: 30px 0 0 0;
}
.form-login form .input-wrapper {
  padding: 5px 0;
}
.form-login form .input-wrapper input {
  max-width: 100%;
  width: 100%;
}
.form-login form .message-small-error {
  margin: 0 0 15px 0;
}
.form-login .register-link {
  padding: 10px 0;
  width: 100%;
  text-align: center;
}

.form-preview {
  width: 100% !important;
  padding: 5px !important;
}
.form-preview > div > .l-wrapper-group-simple {
  margin-top: 20px;
}
.form-preview > div > .select-dropdown {
  height: 35px;
  position: relative;
  top: 5px;
  left: 0px;
  z-index: 2;
}
.form-preview .input-wrapper {
  padding: 5px;
}
.form-preview .accordion-wrapper input[disabled], .form-preview .accordion-wrapper select[disabled], .form-preview .accordion-wrapper textarea[disabled] {
  pointer-events: none;
}
.form-preview .accordion-wrapper .js-resizable-wrapper {
  margin-top: 5px;
}
.form-preview .accordion-wrapper > div:nth-child(2) .button-section {
  position: absolute;
  top: 6px;
  right: 7px;
  width: auto;
  justify-content: flex-end;
  padding: 10px;
  margin: 5px;
}
.form-preview .accordion-wrapper > div:nth-child(2) .button-section button {
  margin: 5px;
}

.file-upload-wrapper .btn-secondary {
  margin: 0;
}

.fileupload-row {
  gap: 5px;
}
.fileupload-row .icon-group {
  order: 6;
}
.fileupload-row .fileupload-icon-upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.fileupload-row .fileupload-icon-remove {
  order: 5;
  height: 24px;
  min-width: 20px;
  margin: 3px 2px;
}
.fileupload-row .fileupload-icon-document {
  height: 24px;
  min-width: 20px;
  margin: 3px 2px;
}
.fileupload-row.fileupload-row .fileupload-icon-remove {
  height: 24px;
  width: 20px;
}

.cont_fileupload .fileupload_cont_fileinput {
  position: relative;
  display: inline-block;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
}
.cont_fileupload .fileupload_cont_fileinput input {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 20px;
  cursor: pointer;
}
.cont_fileupload .fileupload_cont_fileinput input:hover {
  cursor: pointer;
}
.cont_fileupload .fileupload_cont_fileinput input.fileupload {
  min-width: 90px !important;
}
.cont_fileupload .fileupload_cont_fileinput .fileupload_cont_fileinput.hide {
  display: none;
}

.cont_fileupload .fileupload_cont_fileinput .button {
  margin: 0;
  cursor: pointer;
}
.cont_fileupload .fileupload_cont_fileinput .button:hover {
  cursor: pointer;
}

.cont_fileupload + .gm-img-float {
  padding: 0px 10px;
}
.cont_fileupload + .gm-img-float > img {
  position: relative;
  right: unset;
  left: 0;
  bottom: unset;
  width: unset;
}

.fileupload-wrapper .gm-img-float {
  margin: 0 5px;
}
.fileupload-wrapper .gm-img-float img {
  right: unset;
  width: auto;
}

.fileupload-icon.gm-img-float {
  width: 20px;
  height: 25px !important;
}
.fileupload-icon.gm-img-float img {
  cursor: pointer;
  width: auto;
  right: unset;
  bottom: unset;
  top: unset;
}

.cont_fileupload .fileupload_cont_uploaded {
  position: relative;
  height: 60px;
  width: 200px;
  display: block;
  margin-bottom: 20px;
}
.cont_fileupload .fileupload_cont_uploaded .btn-primary {
  min-width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

.cont_fileupload .fileupload_cont_uploaded > .fileupload_filename {
  margin-right: 30px;
  padding-top: 40px;
  max-width: 88%;
  width: 180px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
}

.cont_fileupload .fileupload_cont_uploaded > .fileupload_cont_progress {
  position: absolute;
  height: 30px;
  width: 180px;
  top: 0;
  left: 0;
  border: none;
  padding-right: 10px;
  line-height: 30px;
  text-align: center;
}

.cont_fileupload .fileupload_cont_uploaded > .fileupload_cont_progress > .fileupload_progressbar {
  height: 100%;
  padding: 2px 0;
}

.hide {
  display: none !important;
}

/**
  * @stylesheet _slider.scss Slider
  * @parent formelements
  * ...
  * @demo demos/slider.html
  **/
.slider-wrapper label {
  display: block;
}
.slider-wrapper input {
  -webkit-appearance: none;
  display: inline-block;
  border: 5px;
  height: 5px;
  width: 220px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.slider-wrapper span {
  display: inline-block;
  position: relative;
  width: 50px;
  line-height: 20px;
  text-align: center;
  padding: 5px 10px;
  margin-left: 12px;
}
.slider-wrapper span:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  content: "";
}

/**
  * @stylesheet _input.scss Inputs
  * @parent formelements
  * Text fields consist of a label and an input field. When the user activates a text field, the input field is highlighted.
  *
  * Input fields allow people to enter any combination of letters, numbers, or symbols of their choosing (unless otherwise restricted). They can span single or multiple lines and vary in width. You can combine them with an icon (like [_date-picker.scss] ). Do not require users to write paragraphs of text into a single-line input box; use a text area instead.
  * @demo demos/input.html
  **/
.input-wrapper {
  padding: 5px 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.input-wrapper table img {
  position: relative;
  right: unset;
  bottom: unset;
  min-width: 24px;
  min-height: 24px;
}
.input-wrapper table .gm-img-float {
  min-width: 24px;
  min-height: 24px;
}
.input-wrapper label {
  display: block;
  margin: 0 0 2px 0;
  padding: 0 !important;
}
.input-wrapper a {
  margin: 0 2px;
}
.input-wrapper img {
  position: absolute;
  right: -25px;
  bottom: 5px;
  width: 24px;
  height: 24px;
}
.input-wrapper .description-img img {
  position: relative;
  right: unset;
  bottom: unset;
  width: auto;
  height: inherit;
  max-height: 220px;
  margin: 10px auto;
}
@media only screen and (min-width: 640px) {
  .input-wrapper .description-img img {
    max-height: 140px;
  }
}
@media only screen and (min-width: 1024px) {
  .input-wrapper .description-img img {
    max-height: 220px;
  }
}
.input-wrapper .prev-image-border img {
  position: relative;
  right: unset;
  bottom: unset;
  min-width: 120px;
  height: auto;
}
.input-wrapper input:not([type=checkbox]),
.input-wrapper input:not([type=radio]),
.input-wrapper select,
.input-wrapper textarea {
  padding: 4px 10px;
  height: 30px;
}
@media only screen and (min-width: 640px) {
  .input-wrapper input:not([type=checkbox]),
  .input-wrapper input:not([type=radio]),
  .input-wrapper select,
  .input-wrapper textarea {
    min-width: 320px;
    max-width: 50%;
    box-sizing: border-box;
  }
}
.input-wrapper input.datetime-field {
  min-width: 120px;
  max-width: 120px;
}
.input-wrapper input.datetime-field + input {
  margin-left: 5px;
}
.input-wrapper input.datetime-timepicker {
  min-width: 150px;
  max-width: 165px;
}
.input-wrapper input.datetime-timepicker + input {
  margin-left: 5px;
}
.input-wrapper select[multiple] {
  min-height: 8em;
}
.input-wrapper select[multiple] option {
  padding: 4px 0;
}
.input-wrapper .message-small-error {
  position: absolute;
  top: 70%;
  right: 75%;
}
@media only screen and (min-width: 640px) {
  .input-wrapper .message-small-error {
    top: 20%;
    right: 11%;
  }
}
@media only screen and (min-width: 768px) {
  .input-wrapper .message-small-error {
    right: 17%;
  }
}
@media only screen and (min-width: 1024px) {
  .input-wrapper .message-small-error {
    right: 23%;
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrapper .message-small-error {
    right: 32%;
  }
}
.input-wrapper .gm-img-float {
  display: inline-block;
  padding: 5px;
  height: 24px;
}
.input-wrapper.field-s textarea, .input-wrapper.field-s input:not([type=radio]), .input-wrapper.field-s input:not([type=checkbox]), .input-wrapper .field-s textarea, .input-wrapper .field-s input:not([type=radio]), .input-wrapper .field-s input:not([type=checkbox]) {
  min-width: 50%;
  width: 50%;
}
.input-wrapper.field-s .input-wrapper-row, .input-wrapper .field-s .input-wrapper-row {
  min-width: 100%;
}
@media only screen and (min-width: 1280px) {
  .input-wrapper.field-s textarea, .input-wrapper.field-s input:not([type=radio]), .input-wrapper.field-s input:not([type=checkbox]), .input-wrapper.field-s ~ .quill-wrapper, .input-wrapper.field-s ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-s ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-s textarea, .input-wrapper .field-s input:not([type=radio]), .input-wrapper .field-s input:not([type=checkbox]), .input-wrapper .field-s ~ .quill-wrapper, .input-wrapper .field-s ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-s ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 50% !important;
    min-width: 50% !important;
    width: 50% !important;
  }
}
@media only screen and (min-width: 1920px) {
  .input-wrapper.field-s textarea, .input-wrapper.field-s input:not([type=radio]), .input-wrapper.field-s input:not([type=checkbox]), .input-wrapper.field-s ~ .quill-wrapper, .input-wrapper.field-s ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-s ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-s textarea, .input-wrapper .field-s input:not([type=radio]), .input-wrapper .field-s input:not([type=checkbox]), .input-wrapper .field-s ~ .quill-wrapper, .input-wrapper .field-s ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-s ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 55%;
    min-width: 55%;
    width: 55%;
  }
}
.input-wrapper.field-m textarea, .input-wrapper.field-m input:not([type=radio]), .input-wrapper.field-m input:not([type=checkbox]), .input-wrapper .field-m textarea, .input-wrapper .field-m input:not([type=radio]), .input-wrapper .field-m input:not([type=checkbox]) {
  min-width: 70%;
  width: 70%;
}
.input-wrapper.field-m .input-wrapper-row, .input-wrapper .field-m .input-wrapper-row {
  min-width: 100%;
}
@media only screen and (min-width: 1280px) {
  .input-wrapper.field-m textarea, .input-wrapper.field-m input:not([type=radio]), .input-wrapper.field-m input:not([type=checkbox]), .input-wrapper.field-m ~ .quill-wrapper, .input-wrapper.field-m ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-m ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-m textarea, .input-wrapper .field-m input:not([type=radio]), .input-wrapper .field-m input:not([type=checkbox]), .input-wrapper .field-m ~ .quill-wrapper, .input-wrapper .field-m ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-m ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 70% !important;
    min-width: 50% !important;
    width: 70% !important;
  }
}
@media only screen and (min-width: 1920px) {
  .input-wrapper.field-m textarea, .input-wrapper.field-m input:not([type=radio]), .input-wrapper.field-m input:not([type=checkbox]), .input-wrapper.field-m ~ .quill-wrapper, .input-wrapper.field-m ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-m ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-m textarea, .input-wrapper .field-m input:not([type=radio]), .input-wrapper .field-m input:not([type=checkbox]), .input-wrapper .field-m ~ .quill-wrapper, .input-wrapper .field-m ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-m ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 75%;
    min-width: 75%;
    width: 75%;
  }
}
.input-wrapper.field-l textarea, .input-wrapper.field-l input:not([type=radio]), .input-wrapper.field-l input:not([type=checkbox]), .input-wrapper .field-l textarea, .input-wrapper .field-l input:not([type=radio]), .input-wrapper .field-l input:not([type=checkbox]) {
  min-width: 80%;
  width: 80%;
}
.input-wrapper.field-l .input-wrapper-row, .input-wrapper .field-l .input-wrapper-row {
  min-width: 100%;
}
@media only screen and (min-width: 1280px) {
  .input-wrapper.field-l textarea, .input-wrapper.field-l input:not([type=radio]), .input-wrapper.field-l input:not([type=checkbox]), .input-wrapper.field-l ~ .quill-wrapper, .input-wrapper.field-l ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-l ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-l textarea, .input-wrapper .field-l input:not([type=radio]), .input-wrapper .field-l input:not([type=checkbox]), .input-wrapper .field-l ~ .quill-wrapper, .input-wrapper .field-l ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-l ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 80% !important;
    min-width: 70% !important;
    width: 80% !important;
  }
}
@media only screen and (min-width: 1920px) {
  .input-wrapper.field-l textarea, .input-wrapper.field-l input:not([type=radio]), .input-wrapper.field-l input:not([type=checkbox]), .input-wrapper.field-l ~ .quill-wrapper, .input-wrapper.field-l ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-l ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-l textarea, .input-wrapper .field-l input:not([type=radio]), .input-wrapper .field-l input:not([type=checkbox]), .input-wrapper .field-l ~ .quill-wrapper, .input-wrapper .field-l ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-l ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 85%;
    min-width: 85%;
    width: 85%;
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrapper.field-l.force-l textarea, .input-wrapper.field-l.force-l input:not([type=radio]), .input-wrapper.field-l.force-l input:not([type=checkbox]), .input-wrapper.field-l.force-l ~ .quill-wrapper, .input-wrapper.field-l.force-l ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-l.force-l ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-l.force-l textarea, .input-wrapper .field-l.force-l input:not([type=radio]), .input-wrapper .field-l.force-l input:not([type=checkbox]), .input-wrapper .field-l.force-l ~ .quill-wrapper, .input-wrapper .field-l.force-l ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-l.force-l ~ .quill-wrapper .ql-container.ql-snow {
    min-width: 800px !important;
  }
}
.input-wrapper.field-xl textarea, .input-wrapper.field-xl input:not([type=radio]), .input-wrapper.field-xl input:not([type=checkbox]), .input-wrapper .field-xl textarea, .input-wrapper .field-xl input:not([type=radio]), .input-wrapper .field-xl input:not([type=checkbox]) {
  min-width: 100%;
  width: 100%;
}
.input-wrapper.field-xl .input-wrapper-row, .input-wrapper .field-xl .input-wrapper-row {
  min-width: 100%;
}
@media only screen and (min-width: 1280px) {
  .input-wrapper.field-xl textarea, .input-wrapper.field-xl input:not([type=radio]), .input-wrapper.field-xl input:not([type=checkbox]), .input-wrapper.field-xl ~ .quill-wrapper, .input-wrapper.field-xl ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-xl ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-xl textarea, .input-wrapper .field-xl input:not([type=radio]), .input-wrapper .field-xl input:not([type=checkbox]), .input-wrapper .field-xl ~ .quill-wrapper, .input-wrapper .field-xl ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-xl ~ .quill-wrapper .ql-container.ql-snow {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrapper.field-xl.force-xl textarea, .input-wrapper.field-xl.force-xl input:not([type=radio]), .input-wrapper.field-xl.force-xl input:not([type=checkbox]), .input-wrapper.field-xl.force-xl ~ .quill-wrapper, .input-wrapper.field-xl.force-xl ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper.field-xl.force-xl ~ .quill-wrapper .ql-container.ql-snow, .input-wrapper .field-xl.force-xl textarea, .input-wrapper .field-xl.force-xl input:not([type=radio]), .input-wrapper .field-xl.force-xl input:not([type=checkbox]), .input-wrapper .field-xl.force-xl ~ .quill-wrapper, .input-wrapper .field-xl.force-xl ~ .quill-wrapper .ql-toolbar.ql-snow, .input-wrapper .field-xl.force-xl ~ .quill-wrapper .ql-container.ql-snow {
    min-width: 1024px !important;
  }
}
.input-wrapper.textarea-3 textarea {
  min-height: 60px !important;
  height: 60px !important;
}
.input-wrapper.textarea-5 textarea {
  min-height: 92px !important;
  height: 92px !important;
}
.input-wrapper.textarea-7 textarea {
  min-height: 126px !important;
  height: 126px !important;
}
.input-wrapper.textarea-10 textarea {
  min-height: 176px !important;
  height: 176px !important;
}
.input-wrapper.textarea-12 textarea {
  min-height: 210px !important;
  height: 210px !important;
}
.input-wrapper.textarea-15 textarea {
  min-height: 260px !important;
  height: 260px !important;
}
.input-wrapper.textarea-20 textarea {
  min-height: 344px !important;
  height: 344px !important;
}

.input-wrapper-prev {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.input-wrapper-prev .gm-img-float {
  height: auto;
}
.input-wrapper-prev .gm-img-float img {
  position: relative;
  right: unset;
  bottom: unset;
  width: auto;
}
.input-wrapper-prev .icon-small {
  margin: 0 5px 0 15px;
}

.input-wrapper-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.input-wrapper-group input:not([type=checkbox]),
.input-wrapper-group input:not([type=radio]),
.input-wrapper-group select.select-dropdown {
  padding: 3px 10px;
  height: 30px;
  width: 90%;
}
@media only screen and (min-width: 640px) {
  .input-wrapper-group label {
    margin: 0 5px 0 0;
    flex: 1 1 auto;
  }
  .input-wrapper-group input:not([type=checkbox]),
  .input-wrapper-group input:not([type=radio]),
  .input-wrapper-group select.select-dropdown,
  .input-wrapper-group textarea,
  .input-wrapper-group .quill-wrapper,
  .input-wrapper-group .ql-toolbar.ql-snow,
  .input-wrapper-group .ql-container.ql-snow {
    flex: 1 1 auto;
  }
}
@media only screen and (min-width: 640px) and (min-width: 640px) {
  .input-wrapper-group input:not([type=checkbox]),
  .input-wrapper-group input:not([type=radio]),
  .input-wrapper-group select.select-dropdown,
  .input-wrapper-group textarea,
  .input-wrapper-group .quill-wrapper,
  .input-wrapper-group .ql-toolbar.ql-snow,
  .input-wrapper-group .ql-container.ql-snow {
    min-width: 320px;
    max-width: 360px;
    box-sizing: border-box;
  }
}

.input-wrapper-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.input-wrapper-row > div {
  padding: 0 !important;
}
.input-wrapper-row > .radio-wrapper {
  padding: 10px 0 0 0 !important;
}
.input-wrapper-row > .btn-secondary {
  padding: 11px !important;
  margin: 0;
}
.input-wrapper-row .gm-img-float {
  height: auto;
  line-height: 30px;
}
.input-wrapper-row label {
  display: block;
  margin: 0 0 2px 0;
  padding: 0 !important;
}
.input-wrapper-row input:not([type=checkbox]),
.input-wrapper-row input:not([type=radio]),
.input-wrapper-row select,
.input-wrapper-row select.select-dropdown,
.input-wrapper-row textarea {
  padding: 3px 10px;
  height: 30px;
  width: 90%;
  box-sizing: border-box;
}
.input-wrapper-row input.datetime-field {
  min-width: 130px;
  max-width: 130px;
}
.input-wrapper-row input.datetime-timepicker {
  min-width: 150px;
  max-width: 175px;
}
.input-wrapper-row input.input-number {
  min-width: 85px !important;
  max-width: 90px !important;
}
.input-wrapper-row select[multiple] {
  min-height: 8em;
}
.input-wrapper-row select[multiple] option {
  padding: 4px 0;
}
.input-wrapper-row select {
  min-width: 85%;
  max-width: 95%;
}
@media only screen and (min-width: 640px) {
  .input-wrapper-row label {
    margin: 0 5px 0 0;
    flex: 1 1 auto;
  }
  .input-wrapper-row input:not([type=checkbox]),
  .input-wrapper-row input:not([type=radio]),
  .input-wrapper-row select,
  .input-wrapper-row select.select-dropdown,
  .input-wrapper-row textarea,
  .input-wrapper-row .quill-wrapper,
  .input-wrapper-row .ql-toolbar.ql-snow,
  .input-wrapper-row .ql-container.ql-snow {
    flex: 1 1 auto;
    min-width: 30%;
    width: auto;
    max-width: 360px;
    box-sizing: border-box;
  }
  .input-wrapper-row input.datetime-field {
    min-width: 130px;
    max-width: 130px;
  }
  .input-wrapper-row input.datetime-timepicker {
    min-width: 150px;
    max-width: 175px;
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrapper-row input:not([type=checkbox]),
  .input-wrapper-row input:not([type=radio]),
  .input-wrapper-row select.select-dropdown,
  .input-wrapper-row select,
  .input-wrapper-row textarea,
  .input-wrapper-row .quill-wrapper,
  .input-wrapper-row .ql-toolbar.ql-snow,
  .input-wrapper-row .ql-container.ql-snow {
    min-width: 320px;
  }
  .input-wrapper-row input.datetime-field {
    min-width: 130px;
    max-width: 130px;
  }
  .input-wrapper-row input.datetime-timepicker {
    min-width: 150px;
    max-width: 175px;
  }
}
.input-wrapper-row .js-suffix {
  padding: 0 3px !important;
}

.input-wrapper-horizontal {
  padding: 5px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input-wrapper-horizontal label {
  text-align: right;
  padding: 0 5px 0 0;
  max-width: 50%;
  width: 45%;
}
.input-wrapper-horizontal input {
  padding: 0 0 0 5px;
}

.input-wrapper-inline {
  display: flex;
  flex-wrap: wrap;
}
.input-wrapper-inline label {
  width: 100%;
}

.tail-datetime-calendar {
  width: 280px;
  margin: 0 10px;
}
.tail-datetime-calendar .calendar-timepicker {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tail-datetime-calendar .calendar-timepicker .timepicker-field.timepicker-hours,
.tail-datetime-calendar .calendar-timepicker .timepicker-field.timepicker-minutes,
.tail-datetime-calendar .calendar-timepicker .timepicker-field.timepicker-seconds {
  flex: 1;
}
.tail-datetime-calendar .calendar-timepicker .timepicker-field.timepicker-hours input,
.tail-datetime-calendar .calendar-timepicker .timepicker-field.timepicker-minutes input,
.tail-datetime-calendar .calendar-timepicker .timepicker-field.timepicker-seconds input {
  min-width: 60px;
  padding: 3px;
}
.tail-datetime-calendar .calendar-timepicker .timepicker-field label {
  text-align: center;
}

/**
  * @stylesheet _checkbox.scss Checkbox
  * @parent formelements
  * Checkboxes are used when there is a list of options and the user may select multiple options, including all or none.
  * However, if there are too many options to display on a mobile screen, you should consider using different element.
  *
  * If a user can only select one option from a list, use radio buttons instead.
  * @demo demos/checkbox.html
  **/
.checkbox-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 0 0 0;
}
.checkbox-wrapper .checkbox-wrapper-input-wrapper label {
  margin: 0;
  text-align: center;
  line-height: 1.3em;
}

.checkbox-inline-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
.checkbox-inline-reverse.grid-height {
  height: 56px;
  align-items: flex-start;
  padding: 5px 0;
}
.checkbox-inline-reverse label {
  padding: 0;
  margin: 0;
}
.checkbox-inline-reverse input[type=checkbox] {
  min-width: 15px;
  max-width: 20px;
  min-height: 35px;
  padding: 0 5px 0 0;
  height: 35px;
}
.checkbox-inline-reverse .input-wrapper-row {
  width: auto;
}
.checkbox-inline-reverse .checkbox-wrapper {
  padding: 0;
}

.checkbox-multi-wrapper {
  align-items: start;
  flex-direction: column;
}
.checkbox-multi-wrapper label.multi-label {
  order: 1;
  width: 100%;
}
.checkbox-multi-wrapper .multi-inputs {
  order: 2;
}
.checkbox-multi-wrapper .checkbox-wrapper-input-wrapper input[type=checkbox] {
  min-height: 18px;
  min-width: 20px;
}
.checkbox-multi-wrapper .checkbox-wrapper-input-wrapper label {
  margin: 0;
}

.checkbox-wrapper-input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.checkbox-wrapper-input-wrapper input[type=checkbox] {
  width: 15px;
  height: 18px;
  min-height: 18px;
  min-width: 15px;
  margin: 0 5px 0 0;
}
.checkbox-wrapper-input-wrapper div {
  display: flex;
  flex-direction: column;
}
.checkbox-wrapper-input-wrapper div > * {
  padding: 0 0 3px 0;
}
.checkbox-wrapper-input-wrapper span {
  padding: 0 0 0 15px;
  margin: 0 0 2px 0;
}

.checkbox-complex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.checkbox-complex input {
  margin: 0 5px 0 0;
}

/**
  * @stylesheet _radiobutton.scss Radio
  * @parent formelements
  * Radio buttons allow users to see all available choices at once and select exactly one option. You should consider checkboxes if the user needs to select more than one option or if there is only one item to select.
  * @demo demos/radiobutton.html
  **/
.radio-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.radio-wrapper input[type=radio] {
  max-height: 14px;
  width: 14px;
  min-width: 12px;
  min-height: 12px;
  margin: 0 6px 0 0;
}
.radio-wrapper input[type=radio]:focus {
  box-shadow: none;
}
.radio-wrapper input[type=radio]:hover {
  cursor: pointer;
}

.radio-input-wrapper, .radio-wrapper-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 18px;
}
.radio-input-wrapper input[type=radio], .radio-wrapper-horizontal input[type=radio] {
  padding: 0;
  min-width: 12px;
  max-width: 15px;
  max-height: 15px;
}

.radio-wrapper-horizontal label {
  margin: 0 15px 0 0;
}

.radio-wrapper-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.radio-wrapper-vertical input {
  padding: 0;
  margin: 0 5px 0 0;
}

.label-radio label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

/**
  * @stylesheet _color-picker.scss Color picker
  * @parent formelements
  * Color picker allow users to select any color from a spectrum.
*
* In order to use this element, you need to attach jquery library an additional two js files: frontend.js (with ColorPicker() function) and tinycolor.js (Brian Grinstead's script , MIT License).
  * @demo demos/colorpicker.html
  **/
.color-picker-panel {
  width: 300px;
  z-index: 97;
  position: absolute;
  top: 15px;
}
.color-picker-panel .btn-neutral {
  position: absolute;
  top: 0;
  right: 5px;
  width: 65px;
  height: 35px;
  padding: 10px;
  text-align: center;
}

.panel-row {
  position: relative;
  margin: 0 10px 10px;
}
.panel-row:first-child {
  margin-top: 10px;
  margin-bottom: 5px;
}

.swatch {
  display: inline-block;
  cursor: pointer;
  width: 25px;
  height: 25px;
  list-style-type: none;
}

#color-swatch {
  width: 32px;
  height: 32px;
  margin: -2PX 0 0 1PX;
  display: inline-block;
}

#color-swatch-preview {
  height: 35px;
  width: 200px;
  display: block;
}

.color-cursor {
  border-radius: 100%;
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  pointer-events: none;
  z-index: 99;
}
.color-cursor#spectrum-cursor {
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}
.color-cursor#hue-cursor {
  top: 3px;
  left: 50%;
  height: 20px;
  width: 20px;
  margin: -10px 0 0 -10px;
  pointer-events: none;
}

.spectrum-map {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

#spectrum-canvas {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hue-map {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 30px;
  width: 15px;
}

#hue-canvas {
  border-radius: 0px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.value-fields {
  display: none;
  align-items: center;
}
.value-fields.active {
  display: flex;
}
.value-fields .field-label {
  margin-right: 2px;
}

.rgb-fields .field-group {
  display: flex;
  align-items: center;
}
.rgb-fields .field-input {
  width: 42px;
  margin-right: 10px;
}

.hex-field .field-input {
  width: 170px;
}

/**
  * @stylesheet _color-picker-list.scss Color picker (simple)
  * @parent formelements
  * Simple color picker allows users to select a specific color. It should be used, when a user can choose only one color from the predefined list.
*
* In order to use this element, you need to attach jquery library an additional js file (frontend.js).
  * @demo demos/colorpickerlist.html
  **/
.color-wrapper {
  position: relative;
  margin: 21px 0 0 0;
}
.color-wrapper label {
  display: block;
}
.color-wrapper input {
  border: none;
  padding: 6px 10px;
  height: 35px;
  text-transform: uppercase;
  display: inline-block;
}
.color-wrapper > input {
  min-width: 205px;
}
.color-wrapper .color-holder {
  width: 32px;
  height: 32px;
  margin: -2PX 0 0 1PX;
  display: inline-block;
}

.dialog-picker {
  width: 300px;
  height: auto;
  padding: 5px;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 99;
  top: 49px;
  left: -5px;
}
.dialog-picker .color-item {
  cursor: pointer;
  width: 25px;
  height: 25px;
  list-style-type: none;
  float: left;
  margin: 5px;
}

/**
  * @stylesheet _bolean.scss Ja/Nein
  * @parent formelements
  *
  *
  *
  * @demo demos/bolean.html
  **/
.bolean-wrapper {
  padding: 10px 0;
  position: relative;
}
.bolean-wrapper label {
  display: block;
  margin: 0 0 4px 0;
}
.bolean-wrapper span {
  display: inline-block;
  padding: 5px 10px;
}

.custom-width-s textarea, .custom-width-s input:not([type=radio]), .custom-width-s input:not([type=checkbox]), .custom-width-s select, .custom-width-s select[multiple] {
  min-width: 50%;
  max-width: 50%;
  width: 50%;
  flex: initial;
}
.custom-width-s .input-wrapper-row input.input-number {
  min-width: 20% !important;
  max-width: 20% !important;
}
.custom-width-s .quill-wrapper {
  min-width: 50%;
  width: 50%;
  flex: initial;
}
.custom-width-s .quill-wrapper .ql-snow {
  min-width: 50%;
}
@media only screen and (min-width: 1280px) {
  .custom-width-s textarea, .custom-width-s input:not([type=radio]), .custom-width-s input:not([type=checkbox]), .custom-width-s select, .custom-width-s select[multiple] {
    max-width: 620px !important;
    min-width: 420px !important;
  }
  .custom-width-s .input-wrapper-row input.input-number {
    min-width: 220px !important;
    max-width: 220px !important;
  }
  .custom-width-s .quill-wrapper {
    max-width: 620px !important;
    min-width: 420px !important;
  }
  .custom-width-s .quill-wrapper .ql-snow {
    max-width: 620px !important;
    min-width: 420px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .custom-width-s textarea, .custom-width-s input:not([type=radio]), .custom-width-s input:not([type=checkbox]) {
    max-width: 820px !important;
    min-width: 420px !important;
  }
  .custom-width-s .input-wrapper-row input.input-number {
    min-width: 320px !important;
    max-width: 320px !important;
  }
  .custom-width-s .quill-wrapper {
    max-width: 820px !important;
    min-width: 420px !important;
  }
  .custom-width-s .quill-wrapper .ql-snow {
    max-width: 820px !important;
    min-width: 420px !important;
  }
}

.custom-width-m textarea, .custom-width-m input:not([type=radio]), .custom-width-m input:not([type=checkbox]), .custom-width-m select, .custom-width-m select[multiple] {
  min-width: unset;
  max-width: 70%;
  width: 70%;
  flex: initial;
}
.custom-width-m .input-wrapper-row input.input-number {
  min-width: 30% !important;
  max-width: 30% !important;
}
.custom-width-m .quill-wrapper {
  min-width: 70% !important;
  width: 70% !important;
  flex: initial;
}
.custom-width-m .quill-wrapper .ql-snow {
  min-width: 70% !important;
}
@media only screen and (min-width: 1280px) {
  .custom-width-m textarea, .custom-width-m input:not([type=radio]), .custom-width-m input:not([type=checkbox]), .custom-width-m select, .custom-width-m select[multiple] {
    max-width: 820px !important;
    min-width: 620px !important;
  }
  .custom-width-m .input-wrapper-row input.input-number {
    min-width: 280px !important;
    max-width: 280px !important;
  }
  .custom-width-m .quill-wrapper {
    max-width: 820px !important;
    min-width: 620px !important;
  }
  .custom-width-m .quill-wrapper .ql-snow {
    max-width: 820px !important;
    min-width: 620px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .custom-width-m textarea, .custom-width-m input:not([type=radio]), .custom-width-m input:not([type=checkbox]) {
    max-width: 1120px !important;
    min-width: 760px !important;
  }
  .custom-width-m .input-wrapper-row input.input-number {
    min-width: 350px !important;
    max-width: 350px !important;
  }
  .custom-width-m .quill-wrapper {
    max-width: 1120px !important;
    min-width: 760px !important;
  }
  .custom-width-m .quill-wrapper .ql-snow {
    max-width: 1120px !important;
    min-width: 760px !important;
  }
}

.custom-width-l textarea, .custom-width-l input:not([type=radio]), .custom-width-l input:not([type=checkbox]), .custom-width-l select, .custom-width-l select[multiple] {
  min-width: unset;
  max-width: 80%;
  width: 80% !important;
  flex: initial;
}
.custom-width-l .input-wrapper-row input.input-number {
  min-width: 40% !important;
  max-width: 40% !important;
}
.custom-width-l .quill-wrapper {
  min-width: 80% !important;
  width: 80% !important;
  flex: initial;
}
.custom-width-l .quill-wrapper .ql-snow {
  min-width: 80% !important;
}
@media only screen and (min-width: 1280px) {
  .custom-width-l textarea, .custom-width-l input:not([type=radio]), .custom-width-l input:not([type=checkbox]), .custom-width-l select, .custom-width-l select[multiple] {
    max-width: 920px !important;
    min-width: 820px !important;
  }
  .custom-width-l .input-wrapper-row input.input-number {
    min-width: 320px !important;
    max-width: 320px !important;
  }
  .custom-width-l .quill-wrapper {
    max-width: 920px !important;
    min-width: 820px !important;
  }
  .custom-width-l .quill-wrapper .ql-snow {
    max-width: 920px !important;
    min-width: 820px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .custom-width-l textarea, .custom-width-l input:not([type=radio]), .custom-width-l input:not([type=checkbox]) {
    max-width: 1420px !important;
    min-width: 1000px !important;
  }
  .custom-width-l .input-wrapper-row input.input-number {
    min-width: 380px !important;
    max-width: 380px !important;
  }
  .custom-width-l .quill-wrapper {
    max-width: 1420px !important;
    min-width: 1000px !important;
  }
  .custom-width-l .quill-wrapper .ql-snow {
    max-width: 1420px !important;
    min-width: 1000px !important;
  }
}

.custom-width-xl textarea, .custom-width-xl input:not([type=radio]), .custom-width-xl input:not([type=checkbox]), .custom-width-xl select, .custom-width-xl select[multiple] {
  min-width: unset;
  max-width: 90%;
  width: 90% !important;
  flex: initial;
}
.custom-width-xl .input-wrapper-row input.input-number {
  min-width: 50% !important;
  max-width: 50% !important;
}
.custom-width-xl .quill-wrapper {
  min-width: 90% !important;
  width: 90% !important;
  flex: initial;
}
.custom-width-xl .quill-wrapper .ql-snow {
  min-width: 100% !important;
}
@media only screen and (min-width: 1280px) {
  .custom-width-xl textarea, .custom-width-xl input:not([type=radio]), .custom-width-xl input:not([type=checkbox]), .custom-width-xl select, .custom-width-xl select[multiple] {
    max-width: 1220px !important;
    min-width: 950px !important;
  }
  .custom-width-xl .input-wrapper-row input.input-number {
    min-width: 380px !important;
    max-width: 380px !important;
  }
  .custom-width-xl .quill-wrapper {
    max-width: 1220px !important;
    min-width: 950px !important;
  }
  .custom-width-xl .quill-wrapper .ql-snow {
    max-width: 1220px !important;
    min-width: 950px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .custom-width-xl textarea, .custom-width-xl input:not([type=radio]), .custom-width-xl input:not([type=checkbox]) {
    max-width: 1600px !important;
    min-width: 1200px !important;
  }
  .custom-width-xl .input-wrapper-row input.input-number {
    min-width: 420px !important;
    max-width: 420px !important;
  }
  .custom-width-xl .quill-wrapper {
    max-width: 1600px !important;
    min-width: 1200px !important;
  }
  .custom-width-xl .quill-wrapper .ql-snow {
    max-width: 1600px !important;
    min-width: 1200px !important;
  }
}

.custom-width-full {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}
.custom-width-full textarea, .custom-width-full input:not([type=radio]), .custom-width-full input:not([type=checkbox]), .custom-width-full select, .custom-width-full select[multiple], .custom-width-full .quill-wrapper,
.custom-width-full .quill-wrapper .ql-snow {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}

table td.custom-height-2l textarea, table td.custom-height-2l select[multiple], table td.custom-height-2l .ql-editor, .custom-height-2l textarea, .custom-height-2l select[multiple], .custom-height-2l .ql-editor {
  min-height: calc(2.4em + 10px) !important;
}

textarea.custom-height-2l, select[multiple].custom-height-2l, .ql-editor.custom-height-2l {
  min-height: calc(2.4em + 10px) !important;
}

table td.custom-height-3l textarea, table td.custom-height-3l select[multiple], table td.custom-height-3l .ql-editor, .custom-height-3l textarea, .custom-height-3l select[multiple], .custom-height-3l .ql-editor {
  min-height: calc(3.6em + 10px) !important;
}

textarea.custom-height-3l, select[multiple].custom-height-3l, .ql-editor.custom-height-3l {
  min-height: calc(3.6em + 10px) !important;
}

table td.custom-height-4l textarea, table td.custom-height-4l select[multiple], table td.custom-height-4l .ql-editor, .custom-height-4l textarea, .custom-height-4l select[multiple], .custom-height-4l .ql-editor {
  min-height: calc(4.8em + 10px) !important;
}

textarea.custom-height-4l, select[multiple].custom-height-4l, .ql-editor.custom-height-4l {
  min-height: calc(4.8em + 10px) !important;
}

table td.custom-height-5l textarea, table td.custom-height-5l select[multiple], table td.custom-height-5l .ql-editor, .custom-height-5l textarea, .custom-height-5l select[multiple], .custom-height-5l .ql-editor {
  min-height: calc(6em + 10px) !important;
}

textarea.custom-height-5l, select[multiple].custom-height-5l, .ql-editor.custom-height-5l {
  min-height: calc(6em + 10px) !important;
}

table td.custom-height-6l textarea, table td.custom-height-6l select[multiple], table td.custom-height-6l .ql-editor, .custom-height-6l textarea, .custom-height-6l select[multiple], .custom-height-6l .ql-editor {
  min-height: calc(7.2em + 10px) !important;
}

textarea.custom-height-6l, select[multiple].custom-height-6l, .ql-editor.custom-height-6l {
  min-height: calc(7.2em + 10px) !important;
}

table td.custom-height-7l textarea, table td.custom-height-7l select[multiple], table td.custom-height-7l .ql-editor, .custom-height-7l textarea, .custom-height-7l select[multiple], .custom-height-7l .ql-editor {
  min-height: calc(8.4em + 10px) !important;
}

textarea.custom-height-7l, select[multiple].custom-height-7l, .ql-editor.custom-height-7l {
  min-height: calc(8.4em + 10px) !important;
}

table td.custom-height-8l textarea, table td.custom-height-8l select[multiple], table td.custom-height-8l .ql-editor, .custom-height-8l textarea, .custom-height-8l select[multiple], .custom-height-8l .ql-editor {
  min-height: calc(9.6em + 10px) !important;
}

textarea.custom-height-8l, select[multiple].custom-height-8l, .ql-editor.custom-height-8l {
  min-height: calc(9.6em + 10px) !important;
}

table td.custom-height-9l textarea, table td.custom-height-9l select[multiple], table td.custom-height-9l .ql-editor, .custom-height-9l textarea, .custom-height-9l select[multiple], .custom-height-9l .ql-editor {
  min-height: calc(10.8em + 10px) !important;
}

textarea.custom-height-9l, select[multiple].custom-height-9l, .ql-editor.custom-height-9l {
  min-height: calc(10.8em + 10px) !important;
}

table td.custom-height-10l textarea, table td.custom-height-10l select[multiple], table td.custom-height-10l .ql-editor, .custom-height-10l textarea, .custom-height-10l select[multiple], .custom-height-10l .ql-editor {
  min-height: calc(12em + 10px) !important;
}

textarea.custom-height-10l, select[multiple].custom-height-10l, .ql-editor.custom-height-10l {
  min-height: calc(12em + 10px) !important;
}

table td.custom-height-15l textarea, table td.custom-height-15l select[multiple], table td.custom-height-15l .ql-editor, .custom-height-15l textarea, .custom-height-15l select[multiple], .custom-height-15l .ql-editor {
  min-height: calc(18em + 10px) !important;
}

textarea.custom-height-15l, select[multiple].custom-height-15l, .ql-editor.custom-height-15l {
  min-height: calc(18em + 10px) !important;
}

table td.custom-height-20l textarea, table td.custom-height-20l select[multiple], table td.custom-height-20l .ql-editor, .custom-height-20l textarea, .custom-height-20l select[multiple], .custom-height-20l .ql-editor {
  min-height: calc(24em + 10px) !important;
}

textarea.custom-height-20l, select[multiple].custom-height-20l, .ql-editor.custom-height-20l {
  min-height: calc(24em + 10px) !important;
}

textarea.custom-height-q {
  min-height: 116px;
}

textarea.custom-height-2q, textarea.custom-height-2qc {
  min-height: 140px;
}

textarea.custom-height-3q {
  min-height: 140px;
}

@media only screen and (min-width: 768px) {
  textarea.custom-height-2q {
    min-height: 164px;
  }
  textarea.custom-height-2qc {
    min-height: 166px;
  }
  textarea.custom-height-3q {
    min-height: 215px;
  }
}
@media only screen and (min-width: 775px) {
  textarea.custom-height-2q {
    min-height: 140px;
  }
}
@media only screen and (min-width: 797px) {
  textarea.custom-height-2qc {
    min-height: 140px;
  }
  textarea.custom-height-3q {
    min-height: 188px;
  }
}
@media only screen and (min-width: 906px) {
  textarea.custom-height-3q {
    min-height: 166px;
  }
}
@media only screen and (min-width: 1115px) {
  textarea.custom-height-3q {
    min-height: 140px;
  }
}
@media only screen and (min-width: 1175px) {
  textarea.custom-height-2qc {
    min-height: 117px;
  }
}
@media only screen and (min-width: 1274px) {
  textarea.custom-height-2q {
    min-height: 117px;
  }
}
@media only screen and (min-width: 1841px) {
  textarea.custom-height-3q {
    min-height: 117px;
  }
}
.mult-select-tag {
  display: flex;
  width: 90%;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .mult-select-tag {
    min-width: 30%;
    max-width: 360px;
  }
}
@media only screen and (min-width: 1280px) {
  .mult-select-tag {
    min-width: 320px;
  }
}

.mult-select-tag .wrapper {
  width: 100%;
}
.mult-select-tag .body {
  display: flex;
  height: 30px;
  width: 100%;
  min-width: 14rem;
}
.mult-select-tag .input-container {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  padding: 0.1rem;
  align-items: center;
}
.mult-select-tag .input-body {
  display: flex;
  width: 100%;
}
.mult-select-tag .input {
  flex: 1;
  padding: 0.45rem;
  margin: 10px;
}
.mult-select-tag .btn-container {
  padding: 5px 10px;
  display: flex;
}
.mult-select-tag button {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.mult-select-tag button:first-child {
  width: 1rem;
  height: 80%;
}
.mult-select-tag .drawer {
  position: absolute;
  max-height: 15rem;
  z-index: 40;
  top: 98%;
  width: 100%;
  overflow-y: scroll;
}
.mult-select-tag ul {
  list-style-type: none;
  padding: 0.5rem;
  margin: 0;
}
.mult-select-tag ul li {
  padding: 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.mult-select-tag .item-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 0.4rem;
  margin: 0.2rem;
  font-weight: 500;
  border-radius: 20px;
}
.mult-select-tag .item-label {
  max-width: 100%;
  line-height: 1;
  font-size: 0.75rem;
  font-weight: 400;
  flex: 0 1 auto;
}
.mult-select-tag .item-close-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row-reverse;
}
.mult-select-tag .item-close-svg {
  width: 1rem;
  margin-left: 0.5rem;
  height: 1rem;
  cursor: pointer;
  border-radius: 9999px;
  display: block;
}

.hidden {
  display: none;
}

.selectedItems-container {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  padding: 0.1rem;
  align-items: center;
}

.quill-fullToolbar ~ .quill-wrapper .ql-toolbar.ql-snow {
  flex-wrap: wrap;
}

.quill-medium ~ .quill-wrapper .ql-toolbar.ql-snow {
  flex-wrap: wrap;
}

.quill-color ~ .quill-wrapper .ql-toolbar.ql-snow {
  flex-wrap: wrap;
}

.quill-wrapper {
  display: block;
  width: 100%;
  min-width: 320px;
  max-width: 400px;
  border: 2px solid transparent;
  margin-top: -2px;
}

.ql-toolbar.ql-snow {
  width: 100%;
  min-width: 320px;
  padding: 2px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ql-toolbar.ql-snow .ql-formats {
  display: flex;
}
.ql-toolbar.ql-snow .ql-formats button {
  margin: 0 2px;
  box-shadow: none;
}

.ql-container.ql-snow {
  min-height: 85px;
  width: 100%;
  min-width: 320px;
  max-width: 100%;
  height: auto;
}

.ql-editor {
  white-space: normal;
}
.ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor p, .ql-editor ul, .ql-editor ol {
  white-space: pre-wrap;
}
.ql-editor p {
  font-size: 1em;
}
.ql-editor strong {
  font-weight: bold;
  vertical-align: baseline;
}
.ql-editor em {
  font-style: italic;
  vertical-align: baseline;
}
.ql-editor u {
  text-decoration: underline;
  vertical-align: baseline;
}
.ql-editor img {
  position: unset;
  right: unset;
  bottom: unset;
  width: unset;
  height: unset;
  display: unset;
}

/**
  * @stylesheet _tree.scss Tree
  * @parent formelements
  * The tree shows groups of elements in a very structured way. You should use it to display dependencies between sets and subsets of items.
  * @demo demos/tree.html
  **/
.tree-wrapper {
  padding: 20px;
  width: 90%;
}
.tree-wrapper label, .tree-wrapper a {
  display: block;
  padding: 5px 0;
}
.tree-wrapper input[type=checkbox] {
  display: none;
}
.tree-wrapper .group-members {
  display: none;
  position: relative;
  padding-left: 30px;
}
.tree-wrapper input:checked ~ .group-members {
  display: block;
}
.tree-wrapper .group-members-all {
  padding: 20px 0 0 0;
}

.js-vtree.treejs-nocheckbox .treejs-checkbox {
  display: none !important;
}

.treejs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
.treejs > .treejs-node {
  padding-left: 0;
}
.treejs .treejs-nodes {
  list-style: none;
  padding-left: 20px;
  overflow: hidden;
  -webkit-transition: height 150ms ease-out, opacity 150ms ease-out;
  -o-transition: height 150ms ease-out, opacity 150ms ease-out;
  transition: height 150ms ease-out, opacity 150ms ease-out;
}
.treejs .treejs-node {
  cursor: pointer;
  overflow: hidden;
  padding: 2px;
}
.treejs .treejs-node.treejs-placeholder {
  padding-left: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.treejs .treejs-node__close > .treejs-switcher {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.treejs .treejs-node__close > .treejs-nodes {
  height: 0;
}
.treejs .treejs-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
}
.treejs .treejs-label {
  vertical-align: middle;
  display: inline-block;
  padding: 2px 5px;
}

.treejs *:after,
.treejs *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.phases-wrapper {
  display: flex;
  justify-content: center;
  padding: 0 0 5px 0;
  margin: 10px;
}
.phases-wrapper .phases-list {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 10px;
  width: 100%;
}
.phases-wrapper .phases-list .phases-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  line-height: 1;
  padding: 0 10px 0 5px;
  margin-right: 13px;
  min-width: 120px;
}

@media (max-width: 1050px) {
  .phases-wrapper {
    overflow-x: auto;
  }
  .phases-wrapper .phases-list .phases-item {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media (max-width: 640px) {
  .phases-wrapper .phases-list .phases-item {
    font-size: 12px;
    line-height: 1.4;
    min-width: 110px;
  }
}
@media (max-width: 550px) {
  .phases-wrapper {
    padding: 5px;
    justify-content: start;
  }
}
.reset-display {
  display: none !important;
}

.reset-block {
  display: block !important;
}

.reset-flex {
  display: flex !important;
}

.reset-grid {
  display: grid !important;
}

label.reset-flex {
  margin: 5px 0;
}

.documentation-popup-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 98;
}
.documentation-popup-wrapper .documentation-bcg {
  height: 100%;
  width: 100%;
  position: fixed;
}

.documentation-config-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  padding: 0px;
  z-index: 99;
}
.documentation-config-popup .popup-title {
  line-height: 18px;
  padding: 10px 20px;
}
.documentation-config-popup .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.documentation-config-popup .popup-close:hover {
  cursor: pointer;
}
.documentation-config-popup .popup-content {
  padding: 20px;
}
.documentation-config-popup .popup-input {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.documentation-config-popup .popup-input input, .documentation-config-popup .popup-input select {
  padding: 5px;
  margin-left: 5px;
  width: 65%;
}
.documentation-config-popup .popup-input input[type=checkbox] {
  width: unset;
  height: 28px;
  margin-right: auto;
}
.documentation-config-popup .popup-input label {
  text-align: right;
  width: 35%;
}
.documentation-config-popup .popup-button-container {
  display: flex;
  justify-content: space-evenly;
  padding: 10px 20px;
}

.nav-logo {
  min-height: 40px;
  width: 40px;
  overflow: hidden;
  box-sizing: border-box;
  display: none;
}
@media only screen and (min-width: 640px) {
  .nav-logo {
    background-size: 80%;
  }
}
.nav-logo:hover {
  cursor: pointer;
}

/**
  * @stylesheet _nav-component.scss Navigation for component
  * @parent navigation
  * Use it whenever you need to have navigation inside a component.
  * You shouldn't have more than 7-8 elements in your navigation.
  * @demo demos/componentnav.html
  **/
.nav-component {
  margin: 0;
  border: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nav-component li {
  padding: 20px 20px 20px 0;
  display: flex;
  flex-direction: row-reverse;
}
.nav-component li span {
  padding: 0 5px 0 0;
}
.nav-component li a, .nav-component li span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
}

.nav-anonymous .nav-logo {
  display: block;
  width: 150px;
  background-size: 80%;
}
.nav-anonymous .portal-l-leftsidebar {
  display: none;
}
.nav-anonymous .portal-nav {
  height: 50px;
  justify-content: space-between;
}
.nav-anonymous .l-container-popup {
  z-index: 3;
}
.nav-anonymous .portal-nav-top {
  height: 100%;
}
.nav-anonymous .portal-nav-top span {
  font-size: 16px;
  line-height: 32px;
}
.nav-anonymous .portal-nav-top .dropdown.dropdown-language h6 {
  line-height: 32px;
}
.nav-anonymous .portal-nav-top .t-dropdown-language:after {
  top: 12px;
}
@media only screen and (min-width: 640px) {
  .nav-anonymous .portal-nav-top svg {
    height: 24px;
    width: 24px;
  }
  .nav-anonymous .portal-nav-top span {
    line-height: 24px;
  }
  .nav-anonymous .portal-nav-top .dropdown.dropdown-language h6 {
    line-height: 24px;
  }
  .nav-anonymous .portal-nav-top .t-dropdown-language:after {
    top: 5px;
  }
}

.portal-nav-top-anonym {
  display: flex;
  align-items: center;
}
.portal-nav-top-anonym li {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  margin-right: 15px;
}
.portal-nav-top-anonym li:last-child {
  margin-right: 0;
}
.portal-nav-top-anonym li svg {
  width: 24px;
  height: 24px;
}
.portal-nav-top-anonym li span {
  margin: 0 3px;
  white-space: nowrap;
}

/**
  * @stylesheet _portal-nav.scss Main navigation
  * @parent navigation
  * This is the main navigation of the platform.
  * It will be always visible, no matter which section is a user at the moment in.
  * @demo demos/portalnavmain.html
  **/
.portal-nav {
  height: 50px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: end;
}
.portal-nav nav {
  width: 100%;
}
.portal-nav .portal-nav-wrapper {
  max-width: 1300px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .portal-nav {
    height: 30px;
  }
  .portal-nav .nav-logo {
    margin-left: 5px;
  }
  .portal-nav .portal-nav-wrapper ul li {
    font-size: 15px;
  }
  .portal-nav .portal-nav-wrapper ul li span {
    font-size: 15px;
  }
}
.portal-nav .portal-nav-maxWidth {
  max-width: none;
}

.portal-nav-top {
  display: flex;
  justify-content: flex-end;
  z-index: 5;
  margin-right: 10px;
}
.portal-nav-top li {
  display: flex;
  flex-direction: row;
}
.portal-nav-top li a {
  display: flex;
  flex-direction: row;
  padding: 0 3px;
  margin: 5px;
}
.portal-nav-top svg {
  height: 32px;
  width: 32px;
}
.portal-nav-top span, .portal-nav-top div {
  font-size: 14px;
  display: none;
  margin: 0 5px;
  padding-bottom: 2px;
  line-height: 16px;
}
@media only screen and (min-width: 640px) {
  .portal-nav-top li {
    align-items: center;
  }
  .portal-nav-top a {
    margin: 0px;
  }
  .portal-nav-top span, .portal-nav-top div {
    display: inline-block;
  }
  .portal-nav-top svg {
    height: 16px;
    width: 16px;
  }
}
.portal-nav-top .portal-nav-top-cta {
  display: flex;
  align-items: center;
  padding: 1px 3px;
}
.portal-nav-top .portal-nav-top-username {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.portal-nav-top .portal-nav-top-username svg {
  transition: transform 0.3s;
}
.portal-nav-top .portal-nav-top-username span {
  padding-bottom: 2px;
  display: inline-block;
}
.portal-nav-top .portal-nav-top-username span:first-child {
  display: none;
}
.portal-nav-top .portal-nav-top-username .portal-nav-top-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  left: -18px;
  top: 18px;
  padding: 4px 12px 12px;
}
.portal-nav-top .portal-nav-top-username .portal-nav-top-menu li {
  display: flex;
  align-items: center;
  margin: 6px;
}
.portal-nav-top .portal-nav-top-username .portal-nav-top-menu li a {
  display: flex;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 640px) {
  .portal-nav-top .portal-nav-top-username span:first-child {
    display: inline-block;
  }
}
.portal-nav-top .portal-nav-top-username:hover .portal-nav-top-menu {
  display: flex;
}
.portal-nav-top .portal-nav-top-username:hover #nav_top_username_ico {
  transform: rotate(180deg);
}
.portal-nav-top .portal-nav-top-starting {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
}
.portal-nav-top .portal-nav-top-starting:last-child {
  margin-right: 35px;
}
.portal-nav-top .portal-nav-top-starting.full {
  margin-right: 35px;
}
.portal-nav-top .portal-nav-top-message {
  display: block;
  max-height: 42px;
  overflow: hidden;
  line-height: 1em;
  text-align: right;
}
@media only screen and (min-width: 640px) {
  .portal-nav-top .portal-nav-top-message {
    max-height: 14px;
  }
}

.nav-arrow {
  height: 30px;
  width: 25px;
  min-height: 30px;
  position: absolute;
  top: 0px;
  right: -21px;
  z-index: 1001;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.nav-arrow span {
  height: 3px;
  width: 52%;
  position: absolute;
  display: block;
  left: 4px;
  top: 44%;
  transition: all 300ms ease-in-out;
}
.nav-arrow span:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.15s;
}
.nav-arrow span:first-child {
  transform: rotate(45deg);
  transform-origin: bottom right;
}
.nav-arrow span:first-child:after {
  left: 100%;
  right: 0;
  transition-delay: 0s;
}
.nav-arrow span:last-child {
  transform: rotate(-45deg);
  transform-origin: top right;
}
.nav-arrow span:last-child:after {
  left: 0;
  right: 100%;
  transition-delay: 0.15s;
}
.nav-arrow:hover {
  cursor: pointer;
}
.nav-arrow:hover span:first-child:after {
  left: 0;
  transition-delay: 0.15s;
}
.nav-arrow:hover span:last-child:after {
  right: 0;
  transition-delay: 0s;
}

.nav-burger-trigger {
  height: 50px;
  width: 50px;
  min-height: 50px;
  padding: 1em 0.5em;
  position: absolute;
  top: 3px;
  right: -15px;
  z-index: 1001;
}
.nav-burger-trigger a {
  position: absolute;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
.nav-burger-trigger a span, .nav-burger-trigger a span:before, .nav-burger-trigger a span:after {
  cursor: pointer;
  border-radius: 5px;
  height: 3px;
  width: 32px;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
.nav-burger-trigger a span:before {
  top: -10px;
}
.nav-burger-trigger a span:after {
  bottom: -10px;
}
.nav-burger-trigger a.active span {
  background-color: transparent;
}
.nav-burger-trigger a.active span:before {
  top: 0;
  transform: rotate(45deg);
}
.nav-burger-trigger a.active span:after {
  top: 0;
  transform: rotate(-45deg);
}

/**
  * @stylesheet _portal-nav-module.scss Secondary navigation
  * @parent navigation
  * This is the secondary navigation for the platform.
  * It shows a list of modules, which are available for a user.
  * @demo demos/portalnavmodules.html
  **/
.portal-nav-module-vertical {
  height: calc(100% - 60px);
}

.portal-nav-module-wrapper {
  height: 100%;
  overflow-y: auto;
}

.portal-nav-module {
  display: none;
  position: relative;
  float: left;
  border: 0;
  list-style: none;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .portal-nav-module {
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
  }
}
.portal-nav-module .navi-item .icon {
  display: block;
}
.portal-nav-module .navi-item a {
  height: 45px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 43px;
}
.portal-nav-module .navi-item-second {
  display: none;
}
.portal-nav-module .navi-item-second a {
  padding: 0 0 0 10px;
  display: block;
  line-height: 45px;
  max-width: 205px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portal-nav-module .navi-item-open .navi-item-second {
  display: block;
  margin: 5px 0;
}

.portal-nav-module-wide {
  padding: 10px 0;
}
.portal-nav-module-wide .navi-item {
  padding: 0.6em 0.3em;
}

.nav-active .nav-logo {
  width: 150px;
  background-size: 80%;
}
.nav-active .nav-arrow {
  right: 20px;
  top: 6px;
}
.nav-active .nav-arrow span:first-child {
  transform: rotate(45deg);
  transform-origin: top left;
}
.nav-active .nav-arrow span:last-child {
  transform: rotate(-45deg);
  transform-origin: top left;
  top: 42%;
  left: 2px;
}
@media only screen and (min-width: 640px) {
  .nav-active .nav-arrow {
    right: 2px;
  }
}
.nav-active .assistant-wrapper-link-row {
  display: flex;
}
.nav-active .portal-nav-module {
  display: block;
}
.nav-active .portal-nav-module .navi-item a {
  width: 100%;
}

.descriptive-component {
  max-width: 1300px;
}
@media only screen and (min-width: 1280px) {
  .descriptive-component {
    max-width: 100%;
  }
}
.descriptive-component table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 98%;
  table-layout: fixed;
}
.descriptive-component button {
  outline: none;
  border: none;
}
.descriptive-component input, .descriptive-component select {
  min-height: 30px;
  height: 30px;
  padding: 5px;
  min-width: 180px;
}
.descriptive-component input[type=checkbox], .descriptive-component input[type=radio] {
  min-width: 15px;
  min-height: 15px;
  padding: 0 5px 0 0;
  height: 15px;
}
.descriptive-component textarea {
  min-width: 320px;
  max-width: 45%;
  min-height: 100px;
  padding: 5px;
}
.descriptive-component input, .descriptive-component select, .descriptive-component textarea {
  font-size: 12px;
}
@media only screen and (min-width: 640px) {
  .descriptive-component input, .descriptive-component select, .descriptive-component textarea {
    font-size: 1em !important;
  }
}
.descriptive-component input.datetime-field {
  min-width: 110px;
}
.descriptive-component input.datetime-field.datetime-timepicker {
  min-width: 150px;
}
.descriptive-component input[type=radio] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}
.descriptive-component input[type=checkbox] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}

.descriptiver-wrapper table tbody td {
  vertical-align: top !important;
}
.descriptiver-wrapper table select, .descriptiver-wrapper table textarea, .descriptiver-wrapper table input {
  min-width: 60%;
  max-width: 90%;
}
.descriptiver-wrapper table select {
  height: 90%;
}
.descriptiver-wrapper table .dropdown-icon {
  min-width: unset;
  width: 99%;
  max-width: 99%;
}
.descriptiver-wrapper table .dropdown-icon h6 {
  line-height: 25px;
}
@media only screen and (min-width: 768px) {
  .descriptiver-wrapper table .dropdown-icon {
    width: 99%;
    max-width: 99%;
  }
  .descriptiver-wrapper table .dropdown-icon h6 {
    line-height: 25px;
  }
}
@media only screen and (min-width: 1680px) {
  .descriptiver-wrapper table .dropdown-icon {
    min-width: 120px;
    width: 99%;
    max-width: 99%;
  }
  .descriptiver-wrapper table .dropdown-icon h6 {
    line-height: 25px;
  }
}
.descriptiver-wrapper[wftaskclassification="Specify Conditions"] select option {
  white-space: pre-wrap;
  margin: 0 0 7px 0;
}

div[field_name=newLine], div[field_name=deleteLine] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 12px;
  padding: 5px;
}

.help-wrapper-row > *:first-child {
  flex: 1 1 0;
}
.help-wrapper-row > *:nth-child(2) {
  min-width: 300px;
  flex: 0 1 33%;
}

.help-wrapper-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.help-wrapper-article {
  display: block;
  position: relative;
}

.help-nav-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: fixed;
  right: 10px;
  top: 50px;
  padding: 15px;
  width: 270px;
}
.help-nav-wrapper [scrollto] {
  display: block;
  padding: 5px;
  font-size: 14px;
}

.help-wrapper-search {
  justify-content: center;
  padding: 15px;
}
.help-wrapper-search input {
  flex: 1;
  max-width: 60%;
  height: 35px;
}
.help-wrapper-search .btn-primary {
  margin: 0 10px;
}

.help-wrapper-searchresult {
  padding: 15px;
}
.help-wrapper-searchresult .help-searchresult-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.help-wrapper-searchresult .help-searchresult-item {
  line-height: 1.5em;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
}
@media only screen and (min-width: 1920px) {
  .help-wrapper-searchresult .help-searchresult-item {
    max-width: 90%;
  }
}
.help-wrapper-searchresult .help-searchresult-item .help-text-highlight {
  padding: 2px;
}
.help-wrapper-searchresult .help-searchresult-link {
  padding: 10px 20px 10px 0;
}
.help-wrapper-searchresult .help-searchresult-category {
  padding: 10px 0;
  display: block;
}

.help-wrapper-frame {
  width: 100%;
  border: none;
  padding: 15px;
}

.help-wrapper .l-wrapper-group-vertical > * {
  padding: 0px;
}
.help-wrapper .l-wrapper-row {
  flex-direction: row;
}

.help-wrapper-col {
  padding: 15px;
}

.help-wrapper-col-main .hero-img img {
  max-width: 700px;
}
@media only screen and (min-width: 1920px) {
  .help-wrapper-col-main .hero-img img {
    max-width: 1024px;
  }
}

@media only screen and (min-width: 768px) {
  .help-wrapper-col-sec {
    max-width: 350px;
  }
}

.help-wrapper-header {
  max-width: 90%;
  max-height: 45px;
  overflow: hidden;
  margin-bottom: 20px;
}

.help-wrapper-img-small {
  height: 220px;
}

.help-thumbnail {
  display: block;
  box-sizing: border-box;
  padding: 30px 15px;
  height: 120px;
  margin: 10px;
}
@media only screen and (min-width: 1024px) {
  .help-thumbnail {
    max-width: 90%;
    margin: 10px auto;
  }
}
.help-thumbnail:hover {
  cursor: pointer;
}

.help-thumbnail-tipp {
  padding: 15px;
}
.help-thumbnail-tipp h3 {
  font-size: 1.5em;
  padding: 20px;
  white-space: nowrap;
  max-height: 70px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .help-thumbnail-tipp h3 {
    margin: 15px 0;
  }
}

.help-faq-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.help-faq-container.hide {
  display: none;
}
.help-faq-container .help-faq-item {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.help-faq-container .help-faq-item-header {
  font-size: 16px;
  padding: 10px;
}
.help-faq-container .help-faq-item-header:hover {
  cursor: pointer;
}
.help-faq-container .help-faq-item-body {
  display: none;
}
.help-faq-container .help-faq-item-body.open {
  display: block;
  padding: 10px;
}
.help-faq-container .help-faq-item-body .help-faq-frame {
  width: 100%;
}

div[rapp_component=administration] {
  padding: 0 !important;
}

.adm-wrapper, .adm-wrapper[rapp_component=administration] {
  padding: 10px !important;
  width: 100%;
}

.adm-wrapper > div:not(:first-child) {
  margin: 15px 0;
}

.adm-edit-wrapper {
  margin: 10px 0;
}

.adm-wrapper-content, .adm-wrapper-content[rapp_component=administration] {
  padding: 15px !important;
}

.adm-wrapper-form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 15px;
}
@media only screen and (min-width: 1024px) {
  .adm-wrapper-form {
    flex-wrap: nowrap;
  }
}
.adm-wrapper-form > div {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.adm-wrapper-form .checkbox-inline-reverse {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
.adm-wrapper-form .checkbox-inline-reverse input[type=checkbox] {
  margin: 0 5px 0 0;
}
.adm-wrapper-form .checkbox-inline-reverse:hover label {
  cursor: pointer;
}

.adm-wrapper-col {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.adm-wrapper-btn {
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
}

.adm-wrapper-btn-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 5px 0;
  gap: 10px;
}

.adm-wrapper-btn-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.adm-wrapper-tab {
  padding: 15px 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 15px;
}
.adm-wrapper-tab li {
  cursor: pointer;
}

.adm-wrapper-filter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
}
.adm-wrapper-filter input {
  min-width: 200px;
}
@media only screen and (min-width: 1024px) {
  .adm-wrapper-filter input {
    min-width: 320px;
    width: 40%;
  }
}

.adm-wrapper-active {
  min-height: 400px;
}

.adm-l-wrapper {
  max-width: 90%;
  margin: 30px auto;
}
.adm-l-wrapper .adm-l-section-wrapper {
  padding: 15px 0;
  max-width: 100%;
}

.adm-l-header {
  flex: 1;
}

.adm-l-back-wrapper {
  display: flex;
}

.adm-l-search-button {
  height: auto;
  padding: 9px;
}

.adm-l-tile-name-header {
  font-size: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 20px 5px 20px;
}

.adm-l-input-width {
  width: 500px;
}

.adm-l-tabs-wrapper {
  margin-top: 50px;
}

.adm-l-su-inner-wrapper {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.cursor_pointer {
  cursor: pointer;
}

.adm-l-search-tab {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.adm-l-table-title {
  font-weight: bold;
}

.adm-l-line-height-adjust {
  line-height: 1.2em;
}

.t-adm-table-background {
  background-color: white;
}

.adm-thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (min-width: 640px) {
  .adm-thumbnail-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .adm-thumbnail-wrapper {
    gap: 15px;
  }
}
@media only screen and (min-width: 2200px) {
  .adm-thumbnail-wrapper {
    gap: 20px;
  }
}

.adm-thumbnail.l-thumbnail {
  padding: 0;
  width: 250px;
}
@media only screen and (min-width: 1024px) {
  .adm-thumbnail.l-thumbnail {
    width: 270px;
  }
}
@media only screen and (min-width: 1920px) {
  .adm-thumbnail.l-thumbnail {
    width: 300px;
  }
}
.adm-thumbnail .adm-thumbnail-header {
  padding: 5px 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.adm-thumbnail .adm-thumbnail-header .icon {
  margin: 0 3px;
}
.adm-thumbnail .adm-thumbnail-header h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.adm-thumbnail .adm-thumbnail-body {
  height: 60px;
  overflow: hidden;
  padding: 10px;
}
.adm-thumbnail .adm-thumbnail-footer ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 10px 10px 10px;
  gap: 5px;
}
.adm-thumbnail .adm-thumbnail-footer ul li {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  position: relative;
}
.adm-thumbnail .adm-thumbnail-footer ul li .adm-ico-attributes, .adm-thumbnail .adm-thumbnail-footer ul li .adm-ico-privileges {
  padding-left: 20px;
}

.adm-l-thumbnail {
  width: 300px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  margin: 10px;
}
@media (max-width: 640px) {
  .adm-l-thumbnail {
    margin: 10px 0;
  }
}
.adm-l-thumbnail .adm-l-thumbnail-header {
  padding: 10px;
  border-radius: 3px 3px 0 0;
  display: flex;
  align-items: end;
}
.adm-l-thumbnail .adm-l-thumbnail-header h4 {
  margin-top: 0px;
  margin-left: 10px;
  font-size: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.adm-l-thumbnail .adm-l-thumbnail-header svg {
  height: 24px;
  width: 24px;
  float: left;
  margin-right: 3px;
}
.adm-l-thumbnail .adm-l-thumbnail-body-wrapper {
  border-radius: 0 0 3px 3px;
}
.adm-l-thumbnail .adm-l-thumbnail-body {
  padding: 0px 20px 15px 20px;
  display: grid;
  grid-template-columns: auto auto;
}
.adm-l-thumbnail .adm-l-thumbnail-body li {
  font-weight: 500;
  font-size: 90%;
}
.adm-l-thumbnail .adm-l-thumbnail-body li::before {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.adm-l-thumbnail .adm-l-thumbnail-body li:nth-child(1),
.adm-l-thumbnail .adm-l-thumbnail-body li:nth-child(2) {
  margin-bottom: 10px;
}
.adm-l-thumbnail .adm-l-thumbnail-body li:nth-child(2),
.adm-l-thumbnail .adm-l-thumbnail-body li:nth-child(4) {
  margin-left: 20px;
}

/**
  * @stylesheet _list-view-list.scss List - gallery view
  * @parent administrationmodule
  * This is an example of a thumbnail for a list showed as a gallery.
  * Use it to list groups, users exc.
  * @demo demos/listgallery.html
  **/
.list-list {
  display: grid;
  grid-template-row: 1fr;
}

.list-item-2col {
  display: grid;
  grid-template-columns: 1fr 60px;
}
.list-item-2col .thumbnail-options a, .list-item-2col .thumbnail-options .icon {
  margin-top: 7px;
  max-height: 35px;
}
@media only screen and (min-width: 1024px) {
  .list-item-2col {
    grid-template-columns: 1fr 160px;
    max-width: 75%;
  }
}
.list-item-2col .thumbnail-options {
  grid-column: 3;
  border: none;
}

.list-item-3col {
  display: grid;
  grid-template-columns: max-content 1fr max-content 60px;
}
@media only screen and (min-width: 1024px) {
  .list-item-3col {
    grid-template-columns: max-content 1fr max-content 160px;
    max-width: 75%;
  }
}
.list-item-3col .message-small-error {
  grid-column: 3;
  padding-bottom: 10px;
  padding-right: 12px;
}
.list-item-3col .thumbnail-options {
  grid-column: 4;
  border: none;
  width: 150px;
}
.list-item-3col .thumbnail-options .icon {
  left: -30px;
}
.list-item-3col p {
  padding: 8px 10px 0 0;
}

.myProjects-wrapper {
  max-width: 90%;
  margin: 30px auto;
}

.myprojects-thumbnail-text {
  padding: 10px 20px;
}
.myprojects-thumbnail-text .thumbnail-details span {
  padding: 5px 0;
}
.myprojects-thumbnail-text .thumbnail-header {
  padding: 0 0 10px 0;
}
.myprojects-thumbnail-text .thumbnail-header h3, .myprojects-thumbnail-text .thumbnail-header div {
  max-height: 50px;
  max-width: 88%;
  overflow: hidden;
}
.myprojects-thumbnail-text .thumbnail-header h3 h3, .myprojects-thumbnail-text .thumbnail-header div h3 {
  flex: 1;
}
.myprojects-thumbnail-text .thumbnail-header h3:hover, .myprojects-thumbnail-text .thumbnail-header div:hover {
  cursor: pointer;
}
.myprojects-thumbnail-text .thumbnail-header .btn-submenu {
  width: 32px;
  height: 32px;
}

.myprojects-thumbnail-icon .thumbnail-header {
  padding: 15px;
  order: 1;
}
.myprojects-thumbnail-icon .thumbnail-header h4, .myprojects-thumbnail-icon .thumbnail-header div, .myprojects-thumbnail-icon .thumbnail-header a {
  height: 35px;
  width: 95%;
  overflow: hidden;
}
.myprojects-thumbnail-icon .thumbnail-header h4 h4, .myprojects-thumbnail-icon .thumbnail-header div h4, .myprojects-thumbnail-icon .thumbnail-header a h4 {
  flex: 1;
  height: 30px;
  overflow: hidden;
}
.myprojects-thumbnail-icon .thumbnail-header h4:hover, .myprojects-thumbnail-icon .thumbnail-header div:hover, .myprojects-thumbnail-icon .thumbnail-header a:hover {
  cursor: pointer;
}
.myprojects-thumbnail-icon .thumbnail-header .btn-submenu {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 5px;
}
.myprojects-thumbnail-icon .thumbnail-img {
  order: 3;
}
.myprojects-thumbnail-icon .thumbnail-img img {
  height: 100%;
  margin: auto;
}
.myprojects-thumbnail-icon .thumbnail-details {
  padding: 15px;
  display: flex;
  flex-direction: column;
  order: 2;
}
.myprojects-thumbnail-icon .thumbnail-details h6, .myprojects-thumbnail-icon .thumbnail-details h6 > p, .myprojects-thumbnail-icon .thumbnail-details p {
  height: 32px;
  overflow: hidden;
}
.myprojects-thumbnail-icon .thumbnail-details > * {
  padding: 5px 5px 5px 10px;
  position: relative;
  display: flex;
  flex-direction: row;
}

.task-box {
  width: 100%;
  padding: 5px;
  max-width: 200px;
  min-width: 100px;
  margin: 10px 5px;
  display: inline-block;
  position: relative;
}
.task-box .btn-submenu {
  position: absolute;
  top: 0;
  right: 0;
}
.task-box h5 {
  font-weight: 700;
  max-width: 80%;
}
.task-box h6 {
  padding: 5px 0;
}
.task-box a {
  padding: 0px 5px;
}
.task-box p {
  font-size: 12px;
  font-weight: 300;
  padding: 10px 0 0 0;
}
.task-box .task-box-details {
  position: relative;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.2em;
  padding: 20px 0 5px 0;
  display: none;
}
.task-box .task-box-details li {
  padding: 8px 7px;
}
.task-box .task-box-details .btn-icon {
  position: absolute;
  top: 14px;
  right: 0;
}
.task-box .task-box-details.active {
  display: block;
}
.task-box .task-comment p {
  padding: 0 0 10px 0;
}
.task-box .task-comment-add {
  padding: 10px;
  margin-top: 5px;
}
.task-box .task-comment-add label {
  font-size: 12px;
}
.task-box .task-comment-add input {
  height: 30px;
}

.overview-modify-container, .overview-modify-item {
  width: 100%;
  height: 100%;
}

.overview-modify-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: all 500ms ease;
  display: none;
}

.overview-modify-item {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
}
.overview-modify-item form {
  width: 100%;
  padding: 50px;
}
@media only screen and (min-width: 640px) {
  .overview-modify-item form {
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .overview-modify-item form {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .overview-modify-item form {
    width: 40%;
  }
}
@media only screen and (min-width: 1920px) {
  .overview-modify-item form {
    width: 30%;
  }
}
.overview-modify-item form .btn-icon {
  position: absolute;
  top: 2px;
  right: 5px;
}
.overview-modify-item form .divider {
  margin: 0px 20px;
}
.overview-modify-item form section {
  padding: 20px;
}

.content_wrapper_carousel {
  max-width: 1300px;
  width: 100%;
  min-width: 100%;
  height: 525px;
  margin-top: 5px;
  overflow: hidden;
  z-index: 2;
}
.content_wrapper_carousel div {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 100%;
}
.content_wrapper_carousel div .cms-carousel_item {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
  transition: opacity 1s ease-in;
}
.content_wrapper_carousel div .cms-carousel_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content_wrapper_carousel div .cms-carousel_subtitle {
  position: absolute;
  display: block;
  top: 15%;
  left: 2%;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .content_wrapper_carousel div .cms-carousel_subtitle {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1024px) {
  .content_wrapper_carousel div .cms-carousel_subtitle {
    top: 45%;
    right: 2%;
    left: unset;
  }
}
@media only screen and (min-width: 1680px) {
  .content_wrapper_carousel div .cms-carousel_subtitle {
    font-size: 48px;
  }
}
.content_wrapper_carousel div .cms-carousel_text {
  position: absolute;
  display: block;
  bottom: 20%;
  left: 2%;
  min-width: 400px;
  width: 400px;
  height: auto;
}
.content_wrapper_carousel div .cms-carousel_text div {
  display: flex;
  flex-direction: column;
}
.content_wrapper_carousel div .cms-carousel_text h1 {
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .content_wrapper_carousel div .cms-carousel_text h1 {
    font-size: 38px;
  }
}
.content_wrapper_carousel div .cms-carousel_text h2 {
  font-size: 16px;
  padding-top: 15px;
}
@media only screen and (min-width: 768px) {
  .content_wrapper_carousel div .cms-carousel_text h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .content_wrapper_carousel div .cms-carousel_text {
    top: 45%;
    left: 8%;
  }
}
.content_wrapper_carousel div .show_item {
  opacity: 1;
}
.content_wrapper_carousel div .carousel_button {
  position: absolute;
  display: inline-block;
  width: 75px;
  height: 100px;
  z-index: 10;
  top: calc(50% - 50px);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.content_wrapper_carousel div .prevBtn {
  left: -90px;
}
.content_wrapper_carousel div .prevBtn-active {
  left: 15px;
}
.content_wrapper_carousel div .nextBtn {
  right: -90px;
  transform: rotate(180deg);
}
.content_wrapper_carousel div .nextBtn-active {
  right: 15px;
}
@media only screen and (min-width: 768px) {
  .content_wrapper_carousel div .cms-carousel_item img {
    object-position: 30%;
  }
  .content_wrapper_carousel div .carousel_button {
    width: 50px;
    height: 70px;
  }
}

.cms-content-art {
  padding: 20px;
}

.content_wrapper_section .cms-welcome-box {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px;
}
.content_wrapper_section .cms-welcome-box h2 {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
}
.content_wrapper_section .cms-welcome-box .cms-welcome-box-element {
  height: 350px;
  width: 400px;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.content_wrapper_section .cms-welcome-box .cms-welcome-box-element img {
  width: 100%;
  height: 100%;
}
.content_wrapper_section .cms-welcome-box .cms-welcome-box-element .cms-welcome-box-text {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px 20px 20px 0;
  left: 0;
  top: 0;
  z-index: 2;
  transition: background-color 0.2s ease-in;
}
.content_wrapper_section .cms-welcome-box .cms-welcome-box-element .cms-welcome-box-text p {
  font-size: 18px;
  padding-left: 20px;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.content_wrapper_section .cms-welcome-box .cms-welcome-box-element .cms-welcome-box-text p a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  color: transparent;
}
.content_wrapper_section .cms-welcome-box .cms-welcome-box-element .cms-welcome-box-text p:first-of-type {
  display: inline-block;
  margin: 50px 0 25px;
  padding: 10px 20px;
  opacity: 1;
  font-size: 24px;
}
@media only screen and (min-width: 640px) {
  .content_wrapper_section .cms-welcome-box .cms-welcome-box-element {
    width: 400px;
    margin: 0;
  }
  .content_wrapper_section .cms-welcome-box .cms-welcome-box-element:nth-child(3n) {
    margin-left: -415px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .content_wrapper_section .cms-welcome-box .cms-welcome-box-element {
    width: 400px;
    margin: 0;
  }
  .content_wrapper_section .cms-welcome-box .cms-welcome-box-element:nth-child(3n) {
    margin-left: -415px;
    margin-top: 0;
  }
}

@media (max-width: 852px) {
  .content_wrapper_section .cms-welcome-box .cms-welcome-box-element {
    width: 100%;
    margin: 0;
  }
  .content_wrapper_section .cms-welcome-box .cms-welcome-box-element:nth-child(3n) {
    margin-left: 0;
    margin-top: -365px;
  }
}
.content_wrapper_steps {
  margin-top: 50px;
}
.content_wrapper_steps .cms-wrapper-cont {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(2) {
  order: 1;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(3) {
  order: 2;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(5) {
  order: 4;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(6) {
  order: 3;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(8) {
  order: 5;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(9) {
  order: 6;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(11) {
  order: 8;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(12) {
  order: 7;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(14) {
  order: 9;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(15) {
  order: 10;
}
.content_wrapper_steps .cms-wrapper-cont .cms-wrapper-row {
  flex: 100%;
}
.content_wrapper_steps .cms-wrapper-cont .cms-wrapper-row-half {
  flex: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_wrapper_steps .cms-wrapper-cont .cms-wrapper-numer {
  justify-content: center;
  align-items: center;
  position: relative;
  display: none;
}
.content_wrapper_steps .cms-wrapper-cont .cms-wrapper-numer h2 {
  width: 85px;
  height: 85px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  font-size: 50px;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-image img {
  object-fit: cover;
  max-width: 480px;
  width: 100%;
  height: 350px;
  margin: 0 auto;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 480px;
  padding: 30px 10px 30px 0;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-text p:first-child {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px;
}
.content_wrapper_steps .cms-wrapper-cont .cms-element-text p {
  font-size: 18px;
  line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
  .content_wrapper_steps .cms-wrapper-cont {
    flex-direction: row;
  }
  .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(2), .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(3),
  .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(5), .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(6),
  .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(8), .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(9),
  .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(11), .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(12),
  .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(14), .content_wrapper_steps .cms-wrapper-cont .cms-element-container:nth-child(15) {
    order: unset;
    justify-content: initial;
  }
  .content_wrapper_steps .cms-wrapper-cont .cms-wrapper-numer {
    display: flex;
  }
  .content_wrapper_steps .cms-wrapper-cont .cms-wrapper-row-half {
    flex: 50%;
  }
  .content_wrapper_steps .cms-wrapper-cont .cms-wrapper-row-half:nth-child(3n) {
    display: flex;
    justify-content: flex-end;
    padding-left: 40px;
  }
  .content_wrapper_steps .cms-wrapper-cont .cms-element-image img {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1280px) {
  .content_wrapper_steps .cms-wrapper-cont .cms-element-image img {
    max-width: 480px;
    margin: 0;
  }
  .content_wrapper_steps .cms-wrapper-cont .cms-element-text {
    padding: 30px 20px 30px 0;
  }
}
@media only screen and (min-width: 1680px) {
  .content_wrapper_steps .cms-wrapper-cont .cms-wrapper-row-half:nth-child(3n) {
    padding-left: 90px;
  }
}

.kbn-component-wrapper {
  line-height: 1.2em;
}

.kbn-component-header {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 10px 0;
  padding: 0 30px 0 5px;
}
@media only screen and (min-width: 768px) {
  .kbn-component-header {
    flex-wrap: nowrap;
    margin: 20px 0;
  }
}
.kbn-component-header .kbn-component-link {
  margin-left: 20px;
  padding: 0 10px;
}

.kbn-component-board {
  display: flex;
  width: 100%;
  flex-direction: column;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .kbn-component-board {
    flex-direction: row;
    overflow-x: auto;
  }
}

.kbn-toolbar {
  display: flex;
  align-items: center;
  padding: 5px;
}

.kbn-button-group {
  display: flex;
  align-items: center;
  gap: 5px;
}

.kbn-toolbar-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  min-height: 40px;
  border-radius: 3px;
}

.kbn-toolbar-gap {
  margin-right: 5px;
  padding-right: 5px;
}

.kbn-toolbar-gap:nth-child(3) {
  margin-right: 0;
  margin-left: auto;
  padding-right: 0;
  padding-left: 5px;
}

.kbn-panel {
  padding: 0;
}

.kbn-phasenText {
  z-index: 3;
  transition: transform 0.2s ease-in;
}

.kbn-download-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  order: 3;
}
.kbn-download-container #downloadbtn {
  margin-left: auto;
}
.kbn-download-container #downloadbtn .t-btn-secondary:focus {
  border: revert;
}

.knb-download-info-text {
  max-width: 750px;
  padding: 10px;
}

.kbn-focused-text, .kbn-focused-white-text {
  border-radius: 3px;
  padding: 3px;
}

.kbn-false-text {
  border-radius: 3px;
}

.kbn-false {
  position: relative;
}
.kbn-false::after {
  content: "Name ist leer oder schon vorhanden!";
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1000;
  width: 195px;
  font-size: 11px;
  padding: 5px;
  border-radius: 3px;
  opacity: 1;
}

.kbn-false-variable {
  position: relative;
}
.kbn-false-variable::after {
  content: "Falscher Wert!";
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1000;
  width: 78px;
  font-size: 11px;
  padding: 5px;
  border-radius: 3px;
  opacity: 1;
}

.cjs-container {
  padding: 5px 47px 0 40px;
  max-width: 1680px;
}

.djs-container {
  border: 1px solid black;
}

.cjs-powered-by {
  right: 60px !important;
}

.kbn-padding-icon {
  padding: 0 3px;
}

.kbn-boardlist-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  margin-left: 5px;
}

.kbn-panel-input {
  min-height: 40px;
  width: 100%;
  margin: 0 5px;
  padding: 0px 5px;
  font-size: 14px;
  border-radius: 3px;
}

.kbn-create-btn {
  min-width: 170px;
  justify-content: center;
}

.kbn-change-view-btn {
  min-width: 170px;
  justify-content: center;
}

.kbn-boardlist-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 0 0 0;
  margin-left: 5px;
}

.card-view .kbn-processs-cont {
  padding: 10px;
  min-height: 150px;
  width: calc(25% - 8px);
}
.card-view .kbn-processs-cont .kbn-process-cont-title {
  display: block !important;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  overflow: hidden;
}
.card-view .kbn-processs-cont .kbn-process-cont-description {
  display: block !important;
  padding-top: 10px;
}
.card-view .kbn-processs-cont .kbn-boardlist-icon:hover {
  cursor: pointer;
}

@media (max-width: 1000px) {
  .kbn-download-container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .knb-download-info-text {
    width: 100%;
    max-width: 100%;
  }
  .kbn-download-container > #downloadbtn {
    margin-left: unset;
  }
}
@media (max-width: 900px) {
  .kbn-short-icon {
    display: none;
  }
  .kbn-button-group .t-kbn-icon-info-object {
    display: inline-block !important;
  }
  .kbn-toolbar-button:has(.t-kbn-icon-info-object) {
    padding: 0;
  }
}
@media (max-width: 640px) {
  .l-wrapper-item .l-wrapper-header {
    padding: 10px 0 15px 0;
  }
}
@media (max-width: 510px) {
  .kbn-toolbar-gap {
    border-right: none !important;
    margin-right: 0;
  }
  .kbn-toolbar-gap:nth-child(3) {
    padding-left: 0;
    border-left: none !important;
  }
  .kbn-button-group button {
    padding: 3px;
  }
  .kbn-button-group .t-kbn-icon-zoomOut, .kbn-button-group .t-kbn-icon-zoomIn, .kbn-button-group .t-kbn-icon-info-object, .kbn-button-group .t-kbn-icon-save {
    width: 30px !important;
    background-size: 65% !important;
  }
  .kbn-toolbar-button {
    min-height: 30px !important;
  }
  .kbn-download-container .btn-secondary {
    font-size: 10px !important;
  }
}
.kbn-icon {
  display: block;
  box-sizing: border-box;
  height: 24px;
  width: 24px;
}

.kbn-icon-small {
  display: block;
  box-sizing: border-box;
  height: 16px;
  width: 16px;
}

.kbn-wrapper-column .kbn-column-body .kbn-task {
  display: flex;
  position: relative;
  max-width: 200px;
  flex-direction: column;
  justify-content: space-between;
  margin: 15px;
  padding: 10px;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .kbn-task-header {
  display: flex;
  padding: 5px 0;
  align-items: center;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .kbn-task-header img.kbn-taks-tasktype {
  position: unset;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_card_wrapper {
  border: 1px solid transparent;
  border-radius: 3px;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_card_wrapper:hover {
  border: 1px solid #a19eaf;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_card_wrapper .js_card {
  min-height: 30px;
  min-width: 50px;
  max-width: 100%;
  width: 100%;
  text-overflow: ellipsis;
  border-radius: 3px;
  border: none;
  background-color: transparent;
  resize: none;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper {
  display: flex;
  border: 1px solid transparent;
  border-radius: 3px;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper:hover {
  border: 1px solid #a19eaf;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper .js_cardText {
  min-height: 50px;
  min-width: 50px;
  max-width: 100%;
  width: 100%;
  border-radius: 3px;
  border: none;
  background-color: transparent;
  resize: none;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper .js_cardText::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #E3E4E1;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper .js_cardText::-webkit-scrollbar-track {
  background: transparent;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper .js_cardText::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .js_cardText_wrapper .js_cardText::-webkit-scrollbar-thumb:hover {
  background: #A19EAF;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .kbn-task-footer {
  display: flex;
  padding: 5px 0;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.kbn-wrapper-column .kbn-column-body .kbn-task .kbn-task-body {
  padding: 10px 3px;
}
.kbn-wrapper-column .kbn-phasen .kbn-pashenTextCont .kbn-phasenText {
  width: 20px;
  min-width: 94px;
  max-width: 250px;
  height: 60px;
}

.kbn-task-add {
  order: 9;
  height: 5em;
  width: 5em;
  padding: 12px 23px 12px 7px;
}

.kbn-img-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kbn-dialog-process {
  display: none;
  order: 2;
  max-height: 400px;
  min-height: 400px;
  width: 100%;
  padding: 0;
  overflow: scroll;
}
@media only screen and (min-width: 768px) {
  .kbn-dialog-process {
    max-height: 600px;
    min-height: 600px;
  }
}
.kbn-dialog-process .kbn-dialog-img {
  margin-top: 25px;
  position: static;
  width: auto;
  height: auto;
  top: unset;
  bottom: unset;
  display: block;
}
.kbn-dialog-process #cmmnContainer .cjs-container {
  padding: 0;
  max-width: unset;
}
.kbn-dialog-process #cmmnContainer .cjs-container .djs-container {
  border: none;
}

.kbn-img-buttons {
  order: 1;
  width: 100%;
}

.kbn-dialog-popup {
  min-width: 360px;
  padding-bottom: 15px;
}
.kbn-dialog-popup .kbn-dialog-header {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px;
  height: 35px;
}
.kbn-dialog-popup .kbn-dialog-header-aufgabe {
  width: 100%;
}
.kbn-dialog-popup .kbn-dialog-cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 15px 15px 0 15px;
  max-height: 80vh;
  overflow-y: auto;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane {
  max-width: 450px;
  width: 49%;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-section-container .kbn-section-header {
  padding: 7px 5px 7px;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-section-container .kbn-select-cont {
  display: flex;
  justify-content: space-between;
  padding: 0 4px 3px;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-section-container .kbn-select-cont .kbn-maxWidth-200 {
  max-width: 200px;
  width: 200px;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList {
  margin: 0;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList ul li {
  padding: 3px;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane .kbn-edint-aufgabeList .kbn-aufgabeList-header {
  padding-left: 3px;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard {
  width: 100%;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard .kbn-dialog-editKard-cont {
  padding: 10px;
  height: 100%;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard textarea {
  max-width: 100%;
  min-width: 100%;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard textarea:focus {
  box-shadow: 0px 0px 3px 0px #A19EAF;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard input {
  max-width: 100%;
  min-width: 100%;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard input:focus {
  box-shadow: 0px 0px 3px 0px #A19EAF;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard select {
  max-width: 100%;
  min-width: 100%;
}
.kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard select:focus {
  box-shadow: 0px 0px 3px 0px #A19EAF;
}
.kbn-dialog-popup .kbn-dialog-body {
  padding: 1em 2em 0 2em;
  max-height: 80vh;
  overflow-y: auto;
}
.kbn-dialog-popup .kbn-dialog-body table tbody td {
  padding: 10px 10px 10px 0;
}
.kbn-dialog-popup .kbn-dialog-body table tbody td textarea {
  margin: 0;
  min-width: 150px !important;
  padding: 5px;
}
.kbn-dialog-popup .kbn-dialog-body table tbody td select {
  min-width: 245px !important;
}
.kbn-dialog-popup .kbn-dialog-body table tbody td input:not([type=radio]) {
  min-width: 150px !important;
  padding: 0 5px;
}
.kbn-dialog-popup .kbn-dialog-body table tbody td input:not([type=checkbox]) {
  min-width: 150px !important;
  padding: 0 5px;
}
.kbn-dialog-popup .kbn-dialog-body .kbn-dialog-text {
  padding: 20px 10px;
}
.kbn-dialog-popup .kbn-dialog-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  padding-top: 15px;
}
.kbn-dialog-popup .kbn-dialog-footer > * {
  margin: 0;
}
.kbn-dialog-popup .kbn-dialog-footer button {
  margin: 0 10px;
  line-height: 0;
}
.kbn-dialog-popup ul > li {
  padding-left: 3px;
}

.kbn-dialog-aufgabe {
  display: flex;
  flex-wrap: wrap;
  max-width: 450px;
}

@media screen and (max-width: 930px) {
  .kbn-dialog-aufgabe {
    max-width: 450px;
  }
  .kbn-dialog-popup .kbn-dialog-cont {
    justify-content: center;
  }
  .kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-selectLane {
    width: 100%;
  }
  .kbn-dialog-popup .kbn-dialog-cont .kbn-dialog-editKard {
    width: 100%;
    padding-top: 15px;
  }
}
.kbn-wrapper-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  white-space: normal;
  position: relative;
  margin: 2px;
}
.kbn-wrapper-column.kbn_phase_col {
  display: none;
}
@media only screen and (min-width: 768px) {
  .kbn-wrapper-column.kbn_phase_col {
    display: flex;
    flex-basis: 20%;
    max-width: 105px;
    min-width: 105px;
  }
}
.kbn-wrapper-column .kbn-column-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: grab;
  min-height: 40px;
  padding: 0 3px;
}
.kbn-wrapper-column .kbn-column-header .kbn-column-tile-wrapper input {
  width: 100%;
  min-width: 120px;
  padding: 0 5px;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1024px) {
  .kbn-wrapper-column .kbn-column-header .kbn-column-tile-wrapper input {
    min-width: 280px;
    max-width: 280px;
  }
}
.kbn-wrapper-column .kbn-column-header .kbn-column-links {
  display: flex;
  gap: 5px;
}
@media only screen and (min-width: 768px) {
  .kbn-wrapper-column .kbn-column-header .kbn-column-links {
    flex-wrap: nowrap;
  }
}
.kbn-wrapper-column .kbn-column-header .kbn-column-links .kbn-link {
  padding: 0 5px 0 20px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.kbn-wrapper-column .kbn-column-body {
  padding: 10px 5px;
  position: relative;
  flex-grow: inherit;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.kbn-wrapper-column .kbn-column-body:after {
  display: block;
  content: " Phase: " attr(milestone-title);
  position: absolute;
  top: -1px;
  left: 0;
  padding: 3px 10px 3px;
}
@media only screen and (min-width: 768px) {
  .kbn-wrapper-column .kbn-column-body {
    min-height: 200px;
  }
  .kbn-wrapper-column .kbn-column-body:after {
    display: none;
  }
}
.kbn-wrapper-column .kbn-phasen {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.kbn-wrapper-column .kbn-column-footer {
  padding: 5px;
}
@media only screen and (min-width: 768px) {
  .kbn-wrapper-column {
    min-height: 300px;
    min-width: 480px;
    margin: 5px;
  }
}

float:right .kbn-wrapper-float-r::after {
  clear: both;
}

.kbn-wrapper-inline {
  display: inline-block;
}

.kbn-wrapper-input {
  margin: 0.5em 0;
  display: flex;
  flex-direction: column;
}
.kbn-wrapper-input > div, .kbn-wrapper-input > span, .kbn-wrapper-input > label {
  padding: 3px 1px;
}
.kbn-wrapper-input input:not([type=checkbox]),
.kbn-wrapper-input input:not([type=radio]),
.kbn-wrapper-input select {
  min-height: 30px;
  min-width: 70%;
  max-width: 420px;
  padding: 5px;
}
.kbn-wrapper-input select {
  padding: 2px;
}
.kbn-wrapper-input textarea {
  white-space: pre;
  padding: 7px;
  min-height: 3em;
}

.kanban-l-right {
  float: right;
  text-align: right;
}

.kanban-l-right::after {
  clear: both;
}

.kanban-l-col {
  padding: 10px 5px;
  flex-grow: inherit;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.kanban-l-toggle-header {
  width: 100%;
  padding: 5px;
}

.kanban-l-processing-dialog {
  padding: 1em;
}

.kanban-l-process-demo {
  position: static !important;
  width: auto !important;
  height: auto !important;
}

.kanban-l-var-listitem {
  list-style: none;
  margin-top: 0.5em;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

.processMap-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.processMap-wrapper .layer-wrapper {
  padding: 0px;
}
.processMap-wrapper .layer-wrapper > div {
  padding: 10px;
}
.processMap-wrapper .layer-wrapper > div.accordion-header {
  padding: 10px 10px 10px 25px;
  font-size: 16px;
}
.processMap-wrapper .processMap-2 {
  margin: 10px;
  width: auto;
}
.processMap-wrapper .items-wrapper.accordion-body.open {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.processMap-wrapper .item-wrapper {
  display: flex;
  flex-direction: row;
  margin: 10px 5px;
}
.processMap-wrapper .item-wrapper .item-single {
  padding: 15px 5px;
  margin-left: 15px;
  flex-basis: 120px;
  height: 40px;
  line-height: 10px;
}
.processMap-wrapper .item-wrapper .item-single[onclick]:not([onclick=""]) {
  cursor: pointer;
}

.descriptive-component {
  max-width: 1300px;
}
@media only screen and (min-width: 1280px) {
  .descriptive-component {
    max-width: 100%;
  }
}
.descriptive-component table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 98%;
  table-layout: fixed;
}
.descriptive-component button {
  outline: none;
  border: none;
}
.descriptive-component input, .descriptive-component select {
  min-height: 30px;
  height: 30px;
  padding: 5px;
  min-width: 180px;
}
.descriptive-component input[type=checkbox], .descriptive-component input[type=radio] {
  min-width: 15px;
  min-height: 15px;
  padding: 0 5px 0 0;
  height: 15px;
}
.descriptive-component textarea {
  min-width: 320px;
  max-width: 45%;
  min-height: 100px;
  padding: 5px;
}
.descriptive-component input, .descriptive-component select, .descriptive-component textarea {
  font-size: 12px;
}
@media only screen and (min-width: 640px) {
  .descriptive-component input, .descriptive-component select, .descriptive-component textarea {
    font-size: 1em !important;
  }
}
.descriptive-component input.datetime-field {
  min-width: 110px;
}
.descriptive-component input.datetime-field.datetime-timepicker {
  min-width: 150px;
}
.descriptive-component input[type=radio] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}
.descriptive-component input[type=checkbox] {
  min-width: 15px !important;
  max-width: 15px !important;
  max-height: 15px;
}

.descriptiver-wrapper table tbody td {
  vertical-align: top !important;
}
.descriptiver-wrapper table select, .descriptiver-wrapper table textarea, .descriptiver-wrapper table input {
  min-width: 60%;
  max-width: 90%;
}
.descriptiver-wrapper table select {
  height: 90%;
}
.descriptiver-wrapper table .dropdown-icon {
  min-width: unset;
  width: 99%;
  max-width: 99%;
}
.descriptiver-wrapper table .dropdown-icon h6 {
  line-height: 25px;
}
@media only screen and (min-width: 768px) {
  .descriptiver-wrapper table .dropdown-icon {
    width: 99%;
    max-width: 99%;
  }
  .descriptiver-wrapper table .dropdown-icon h6 {
    line-height: 25px;
  }
}
@media only screen and (min-width: 1680px) {
  .descriptiver-wrapper table .dropdown-icon {
    min-width: 120px;
    width: 99%;
    max-width: 99%;
  }
  .descriptiver-wrapper table .dropdown-icon h6 {
    line-height: 25px;
  }
}
.descriptiver-wrapper[wftaskclassification="Specify Conditions"] select option {
  white-space: pre-wrap;
  margin: 0 0 7px 0;
}

div[field_name=newLine], div[field_name=deleteLine] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 12px;
  padding: 5px;
}

/********************SAVING SCREEN**************************/
.ui-dialog-content.ui-widget-content {
  padding: 20px;
}

.saving_progress h4 {
  font-weight: 300;
  padding: 10px 0;
  font-size: 14px;
}

.saving_progress li {
  padding: 5px 15px;
}

.saving_progress li > p {
  padding: 0 0 0 22px;
  position: relative;
  font-size: 14px;
}

li > p.progress_message_details {
  font-size: 12px;
}

.saving_progress li > .progress_icon_ok:before, .saving_progress li > .progress_icon_warning:before,
.saving_progress li > .progress_icon_error:first-child:before {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0px;
}

.saving_progress li > .progress_icon_ok:before {
  content: "";
  background-image: url(../images/icons/ok.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.saving_progress li > .progress_icon_error:first-child:before {
  content: "";
  background-image: url(../images/icons/error.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.saving_progress li > .progress_icon_warning:first-child:before {
  content: "";
  background-image: url(../images/icons/warning.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.ui-dialog-buttonset button {
  border: none;
  margin: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  height: 25px;
  padding: 6px 15px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 11px;
}

.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  background-color: transparent;
  border: none;
}

@media only screen and (min-width: 1024px) {
  .ui-dialog.ui-widget-content {
    min-width: 500px;
  }
}
.ui-dialog .ui-dialog-buttonpane button {
  height: 35px;
  padding: 8px 11px;
  font-size: 12px;
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  border-radius: 0;
  margin: 10px;
  border: none;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane button:focus {
  border: none;
}