.psol-comp-viewbase-all {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
}

.psol-comp-viewbase-all img {
  border: 0;
  vertical-align: middle;
  pointer-events: none;
}

.psol-comp-viewbase-pull-right {
  float: right !important;  /* stylelint-disable-line declaration-no-important */
}

.psol-comp-viewbase-pull-left {
  float: left !important;  /* stylelint-disable-line declaration-no-important */
}

.psol-comp-viewbase-clearfix::before,
.psol-comp-viewbase-clearfix::after {
  content: ' ';
  display: table;
}

.psol-comp-viewbase-clearfix::after {
  clear: both;
}

.psol-comp-viewbase-scroll-notransform {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
}

.psol-comp-viewbase-scroll {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
}

.psol-comp-viewbase-scroll-x {
  overflow-x: auto;
}

.psol-comp-viewbase-scroll-y {
  overflow-y: auto;
}

.psol-comp-viewbase-button {
  position: relative;
  border-radius: 2px;
  text-align: center;
  overflow: visible;
  border: 0;
  cursor: pointer;
  padding: 10px;
  min-width: 86px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.psol-comp-viewbase-button,
.psol-comp-viewbase-button:active,
.psol-comp-viewbase-button:focus {
  color: #ffffff;
  font-weight: bold;
  /* border-color: #777; */
  outline-style: none !important;  /* stylelint-disable-line declaration-no-important */
  background: #9ab6ca;
}

.psol-comp-viewbase-button:active,
.psol-comp-viewbase-button.active {
  background: #326283;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  z-index: 3;
}

.psol-comp-viewbase-circle {
  border-radius: 50%;
}

.psol-comp-viewbase-iconbutton {
  cursor: pointer;
}

.psol-comp-viewbase-iconbutton,
.psol-comp-viewbase-iconbutton:active,
.psol-comp-viewbase-iconbutton:focus {
  background-position: 50%, 50%;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  margin-right: 6px;
  margin-bottom: 6px;
}

.psol-comp-viewbase-iconbutton.active {
  background-color: rgba(0, 0, 0, 0.25);
}

.psol-comp-viewbase-iconbutton-36 {
  background-size: 24px;
  width: 36px;
  height: 36px;
}

.psol-comp-viewbase-iconbutton-44 {
  background-size: 32px;
  width: 44px;
  height: 44px;
}

.psol-comp-viewbase-svgcontainer {
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.psol-comp-viewbase-svgicon {
  pointer-events: none;
}

.psol-comp-viewbase-iconbutton-44 .psol-comp-viewbase-svgicon {
  width: 28px;
  height: 28px;
  margin: 8px;
}

input[type=radio].ComponentCustomizeViewBaseRadiobtn {
  display: none;
}

.ComponentCustomizeViewBaseRadiobtn + label {
  cursor: pointer;
  display: inline-block;
}

.ComponentCustomizeViewBaseRadiobtn + label span {
  pointer-events: none;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../img/viewbase/radio_button_not-selected.png);
  background-repeat: no-repeat;
  background-size: 32px;
  margin-right: 8px;
  vertical-align: middle;
}

.ComponentCustomizeViewBaseCheckbox + label span {
  pointer-events: none;
  display: inline-block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  background: url(../img/viewbase/checkbox_unchecked.png);
  background-repeat: no-repeat;
  background-size: 32px;
  margin-right: 8px;
  vertical-align: middle;
}

.ComponentCustomizeViewBaseRadiobtn:checked + label span {
  background: url(../img/viewbase/radio_button_selected.png);
  background-repeat: no-repeat;
  background-size: 32px;
}

input[type=checkbox].ComponentCustomizeViewBaseCheckbox {
  display: none;
}

.ComponentCustomizeViewBaseCheckbox + label {
  display: inline-block;
  cursor: pointer;
}

.ComponentCustomizeViewBaseCheckbox:checked + label span {
  background: url(../img/viewbase/checkbox_checked.png);
  background-repeat: no-repeat;
  background-size: 32px;
}

.psol-comp-viewbase-FullScreenElement {
  /* stylelint-disable declaration-no-important */
  position: fixed !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999 !important;
  /* stylelint-enable declaration-no-important */
}

.psol-comp-viewbase-all select {
  background-color: white;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/viewbase/arrow_down.png);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 32px;
  padding-left: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-color: transparent;
  outline: 1px solid #888888;
  font: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  max-width: 100%;
  text-overflow: ellipsis;
  border-width: 2px;
}

.psol-comp-viewbase-all select::-ms-expand {
  display: none;
}

.psol-comp-viewbase-all select[multiple] {
  background-image: none;
  padding-right: 5px;
}

.psol-comp-viewbase-all select:focus {
  outline: 2px solid #4d90fe;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 144, 254, 0.6);
}

.psol-comp-viewbase-all input[type='text'],
.psol-comp-viewbase-all input[type='search'],
.psol-comp-viewbase-all input[type='email'],
.psol-comp-viewbase-all input[type='tel'],
.psol-comp-viewbase-all input[type='password'],
.psol-comp-viewbase-all input[type='number'],
.psol-comp-viewbase-all input[type='url'],
.psol-comp-viewbase-all textarea {
  border-radius: 0;
  padding: 6px;
  box-sizing: border-box;
  border-color: transparent;
  outline: 1px solid #888888;
  font: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-overflow: ellipsis;
  border-width: 2px;
}

.psol-comp-viewbase-all input.error,
.psol-comp-viewbase-all select.error {
  outline: 2px solid #ff0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.psol-comp-viewbase-all input[type='text']:focus,
.psol-comp-viewbase-all input[type='search']:focus,
.psol-comp-viewbase-all input[type='email']:focus,
.psol-comp-viewbase-all input[type='tel']:focus,
.psol-comp-viewbase-all input[type='password']:focus,
.psol-comp-viewbase-all input[type='number']:focus,
.psol-comp-viewbase-all input[type='url']:focus,
.psol-comp-viewbase-all textarea:focus,
.psol-comp-viewbase-all input.error:focus,
.psol-comp-viewbase-all select.error:focus {
  outline: 2px solid #4d90fe;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 144, 254, 0.6);
}

.psol-comp-viewbase-all input.warn,
.psol-comp-viewbase-all select.warn,
.psol-comp-viewbase-all input.warn:focus,
.psol-comp-viewbase-all select.warn:focus {
  outline: 2px solid #ff5400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 84, 0, 0.6);
}

.psol-comp-viewbase-all input.success,
.psol-comp-viewbase-all select.success,
.psol-comp-viewbase-all input.success:focus,
.psol-comp-viewbase-all select.success:focus {
  outline: 2px solid #00ff00;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 255, 0, 0.6);
}

.psol-comp-viewbase-input-group {
  position: relative;
}

.psol-comp-viewbase-all .psol-comp-viewbase-input-group input[type='text'],
.psol-comp-viewbase-all .psol-comp-viewbase-input-group input[type='email'],
.psol-comp-viewbase-all .psol-comp-viewbase-input-group input[type='tel'],
.psol-comp-viewbase-all .psol-comp-viewbase-input-group input[type='password'],
.psol-comp-viewbase-all .psol-comp-viewbase-input-group input[type='url'],
.psol-comp-viewbase-all .psol-comp-viewbase-input-group div.psol-comp-viewbase-input-div {
  padding-right: 37px;
}

.psol-comp-viewbase-input-group span.psol-comp-viewbase-input-group-button {
  position: absolute;
  top: 50%;
  right: 5px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.psol-comp-viewbase-input-div span.psol-comp-viewbase-input-group-button {
  right: 0;
}

.psol-comp-viewbase-action {
  display: none;
}

.psol-comp-viewbase-action-State-visible {
  display: block;
}

.psol-comp-viewbase-action-State-disabled {
  cursor: not-allowed;
}

/* TOAST */

.psol-comp-viewbase-toast {
  background-color: #000000;
  color: #ffffff;
  position: absolute;
  top: 20px;
  left: 50%;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: none;
  opacity: 0.7;
  transition: all 0.4s ease-in;
  transition-property: opacity;
  border: 2px solid #ffffff;
}

.psol-comp-viewbase-disabled {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.65;
}

@-webkit-keyframes psol-comp-viewbase-progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes psol-comp-viewbase-progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.psol-comp-viewbase-progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.psol-comp-viewbase-progress-bar {
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #9ab6ca;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.psol-comp-viewbase-progress-striped .psol-comp-viewbase-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.psol-comp-viewbase-progress.active .psol-comp-viewbase-progress-bar {
  -webkit-animation: psol-comp-viewbase-progress-bar-stripes 2s linear infinite;
          animation: psol-comp-viewbase-progress-bar-stripes 2s linear infinite;
}

.psol-comp-viewbase-pointer-events-disabled {
  pointer-events: none;
}

a.psol-comp-viewbase-flex-item-link {
  display: -ms-flexbox;
  display: flex;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #999999;
  text-decoration: unset;
}

.psol-comp-viewbase-card {
  -ms-transform: scale(1);
      transform: scale(1);
  transition: all 0.1s ease-out;
  z-index: 1;
  position: relative;
}

.psol-comp-viewbase-flex-item-link .psol-comp-viewbase-card {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-viewbase-card-inner {
  padding: 5px;
  margin: 5px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  cursor: auto;
  background-color: #ffffff;
}

.psol-comp-viewbase-card-inner-full {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 2px;
}

.psol-comp-viewbase-card.active,
.psol-comp-viewbase-card:active {
  z-index: 3;
}

.psol-comp-viewbase-card-hover.active > .psol-comp-viewbase-card-inner,
.psol-comp-viewbase-card-hover:active > .psol-comp-viewbase-card-inner {
  cursor: pointer;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}

.psol-comp-viewbase-card-content {
  width: 100%;
  height: 100%;
}

.psol-comp-dialogbase-backdrop {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
  z-index: 99999;
  pointer-events: none;
}

.psol-comp-dialogbase-container {
  display: none;
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-dialogbase-showModal {
  overflow: hidden;
}

.psol-comp-dialogbase-dialog {
  /*position: absolute;*/
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border-radius: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}

.psol-comp-dialogbase-dialog[data-b-view='psol-comp-ProgressDialog'] {
  z-index: 100001;
}

.psol-comp-dialogbase-dialog-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}

.psol-comp-dialogbase-dialog-container-padding {
  position: relative;
  padding: 25px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  overflow-y: auto;
}

.psol-comp-dialogbase-dialog-auto-height {
  width: 90%;
  max-height: 90%;
  height: auto;
}

.psol-comp-dialogbase-dialog-fixed-height {
  width: 90%;
  height: 90%;
}

@media only screen and (min-width: 768px) {
  .psol-comp-dialogbase-dialog-auto-height {
    width: 60%;
    max-height: 60%;
    height: auto;
  }
  .psol-comp-dialogbase-dialog-fixed-height {
    width: 60%;
    height: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .psol-comp-dialogbase-dialog-auto-height {
    width: 45%;
    max-height: 60%;
    height: auto;
  }
  .psol-comp-dialogbase-dialog-fixed-height {
    width: 45%;
    height: 60%;
  }
}
@media only screen and (min-width: 1200px) {
  .psol-comp-dialogbase-dialog-auto-height {
    width: 40%;
    max-height: 60%;
    height: auto;
  }
  .psol-comp-dialogbase-dialog-fixed-height {
    width: 40%;
    height: 60%;
  }
}
@media only screen and (min-width: 1600px) {
  .psol-comp-dialogbase-dialog-auto-height {
    width: 30%;
    max-height: 60%;
    height: auto;
  }
  .psol-comp-dialogbase-dialog-fixed-height {
    width: 30%;
    height: 60%;
  }
}

@media (max-height: 775px) and (min-width: 768px) {
  .psol-comp-dialogbase-dialog-auto-height {
    width: 80%;
    max-height: 90%;
    height: auto;
  }
  .psol-comp-dialogbase-dialog-fixed-height {
    width: 70%;
    height: 65%;
  }
}

.psol-comp-dialogbase-dialog-header {
  border-bottom: 2px solid #dddddd;
  padding-bottom: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-dialogbase-dialog-header-title {
  font-weight: bold;
  color: #9ab6ca;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 44px);
  line-height: 48px;
}

.psol-comp-dialogbase-dialog-header-closebtn {
  width: 44px;
  height: 44px;
  background-position: 50%, 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  background-image: url(../img/dialogbase/close_button.png);
  cursor: pointer;
}

.psol-comp-dialogbase-dialog-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-overflow-scrolling: touch;
}

.psol-comp-dialogbase-dialog-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-dialogbase-dialog-footer div:last-child {
  margin-right: 0;
}

.psol-comp-dialogbase-buttoncontainer {
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-dialogbase-dialog-container-fullwidth {
  width: calc(100% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}

.psol-comp-dialogbase-dialog-container-fullheight {
  height: calc(100% - 16px);
  margin-top: 8px;
  margin-bottom: 8px;
}

.psol-comp-dialogbase-button {
  margin-right: 10px;
  margin-top: 10px;
}

.psol-comp-dialogbase-hidden {
  visibility: hidden;
}


/* Assistant */
.psol-comp-assistant-container {
  width: 100%;
  height: 100%;
  color: #000000;
  position: relative;
  background: #ccd9df;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-assistant-background {
  background: #ccd9df;
  padding: 0 2px;
}
.psol-comp-assistant-header {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 6px;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.psol-comp-assistant-content {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-assistant-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.psol-comp-assistant-scroll-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  background: #ffffff;
  overflow: auto;
}
.psol-comp-assistant-tv-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 6px;
  background: #9ab6ca;
  border-top: 1px solid #99aabb;
  box-sizing: border-box;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
  height: 35px;
}
.psol-comp-assistant-tv-container-expanded {
  height: 100%;
}
.psol-comp-assistant-footer-container {
  text-align: right;
  padding: 8px 6px;
}
.psol-comp-assistant-header-title {
  display: block;
}
.psol-comp-assistant-header-subtitle {
  display: block;
  font-weight: normal;
}
.psol-comp-assistant-tab-item {
  border-top: 1px solid #ffffff;
  background: #e2eff5;
  padding: 8px 6px;
  overflow: hidden;
}
.psol-comp-assistant-result-item {
  background: #c3ff7c;
  margin: 6px 0 0;
}
.psol-comp-assistant-tab-item-result {
  font-weight: normal;
}
.psol-comp-assistant-description-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.psol-comp-assistant-tab-item-title {
  font-weight: bold;
  display: block;
}
.psol-comp-assistant-list {
  width: 100%;
  border-color: rgba(169, 169, 169, 0.8);
  margin: 6px 0;
  list-style: none;
}
.psol-comp-assistant-value-static {
  display: block;
  margin: 6px 0 0;
}

.psol-comp-assistant-expand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.psol-comp-assistant-expand svg {
  height: 25px;
  width: 25px;
}

.psol-comp-assistant-tab-item[data-collapsed='false'] > .psol-comp-assistant-expand-container {
  display: none;
}

.psol-comp-assistant-tab-item[data-collapsed='true'] > .psol-comp-assistant-expand-container {
  display: block;
}

.psol-comp-assistant-tv-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.psol-comp-assistant-tv-header::before {
  content: '';
  background-image: url(../img/assistant/expand_icon.png);
  width: 1.25em;
  height: 1.25em;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 8px;
  -ms-transform: rotate(0deg);
      transform: rotateZ(0deg);
  -ms-transform-origin: center;
      transform-origin: center;
  transition: transform 0.5s ease-in-out;
}
.psol-comp-assistant-tv-container-expanded > .psol-comp-assistant-tv-header::before {
  -ms-transform: rotate(180deg);
      transform: rotateZ(180deg);
}
.psol-comp-assistant-tv-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 6px;
}
.psol-comp-assistant-tv-list-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  position: relative;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  transition: left 0.5s ease-in-out;
}
/* .psol-comp-assistant-tv-list {
  width: 100%;
  position: relative;
  left: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  transition: left 0.5s ease-in-out;
} */
.psol-comp-assistant-tv-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
/* .psol-comp-assistant-tv-img-box {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
} */
.psol-comp-assistant-tv-img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
}
.psol-comp-assistant-tv-label {
  display: block;
  text-align: right;
}
.psol-comp-assistant-tv-footer {
  text-align: center;
}
.psol-comp-assistant-tv-nav {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.psol-comp-assistant-tv-nav-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: opacity 0.4s;
}
.psol-comp-assistant-tv-nav-current {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.psol-comp-assistant-tv-counter {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
}
.psol-comp-assistant-tv-counter-sel {
  opacity: 1;
}
.psol-comp-assistant-tv-nav-icon-next {
  background-image: url(../img/assistant/next_icon.png);
}
.psol-comp-assistant-tv-nav-icon-back {
  background-image: url(../img/assistant/back_icon.png);
  opacity: 0;
  visibility: hidden;
}

.psol-comp-assistant-button {
  float: right;
  margin: 5px;
}

.psol-comp-assistant-header-filtercheckbox {
  display: -ms-flexbox;
  display: flex;
  padding-left: 5px;
}

.psol-comp-assistant-header-filtercheckbox .psol-comp-assistant-checkbox-showfilter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: 100;
}

.viewFilterAssistant .psol-comp-index-dynamic-filter-assistant .psol-comp-assistant-header-filtercheckbox label.psol-comp-assistant-checkbox-showfilter span {
  margin-right: 3px;
}

.psol-comp-buttonBar-container {
  position: relative;
  padding-left: 6px;
  padding-top: 6px;
  display: inline-block;
}

.psol-comp-cadformats-formats-scrollable {
  overflow: auto;
  height: 100%;
  padding: 10px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.psol-comp-cadformats-filter {
  margin-bottom: 5px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.psol-comp-cadformats-filter-input {
  width: 50%;
  margin-right: 10px;
  font-weight: normal;
  padding: 3px;
  color: #000000;
  background: #ffffff;
  box-sizing: border-box;
  cursor: text;
  display: inline-block;
  text-align: start;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-rendering: auto;
}

.psol-comp-cadformats-icon-cadFormats {
  line-height: 16px;
  height: 16px;
  width: 16px;
  margin: 0.25em;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
}

.psol-comp-cadformats-container {
  max-height: calc(100% - 10px);
  width: 100%;
  position: relative;
}

.psol-comp-cadformats-filter-2d,
.psol-comp-cadformats-filter-3d,
.psol-comp-cadformats-filter-check-box {
  margin-left: 5px;
}

.psol-comp-cadformats-checkbox {
  background-color: #ffffff;
  background-image: none;
  text-align: center;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #a8a8a8;
}

.psol-components-cadformats-checkfilter {
  height: 12px;
  width: 12px;
  fill: #999999;
  border: 1px solid #999999;
  background: url(../img/viewbase/checkbox_checked.png);
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 2px;
}

.psol-comp-cadformats-message-warning {
  display: none;
  bottom: 0;
  color: #ff0000;
  padding: 10px;
  width: 100%;
}

.psol-comp-cadformats-list {
  cursor: pointer;
}

.psol-comp-catalogfilter-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.psol-comp-catalogfilter-ctrlcontainer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 0.5em;
}

.psol-comp-catalogfilter-cataloglist-catalog,
.psol-comp-catalogfilter-allcatalogs {
  padding: 0.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-bottom: 1px solid #c5c5c5;
  cursor: pointer;
}

.psol-comp-catalogfilter-cataloglistcontainer {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.psol-comp-catalogfilter-cataloglist-catalog > img {
  border: 1px solid #c5c5c5;
  width: 25px;
  height: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-catalogfilter-cataloglist-catalog > a,
.psol-comp-catalogfilter-allcatalogs > a {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  padding-left: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.psol-comp-catalogfilter-input {
  width: 100%;
}

.psol-comp-catalogfilter-input input[type='text']:focus {
  -webkit-appearance: none;
  box-shadow: none;
}

.psol-comp-catalogfilter-cataloglist-catalog-active {
  background: #9ab6ca;
  color: #ffffff;
}

.psol-comp-catalogfilter-allcatalogs-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25px;
  height: 25px;
  background-image: url(../img/catalogfilter/catalogs_64.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0);
}

.psol-comp-Camera-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.psol-comp-Camera-video {
  position: relative;
  height: 100%;
  width: 100%;
}

.ComponentCustomizeCameraFavoriteButtonsBarContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 42;
}

.psol-comp-catalogselectiondialog-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  background-color: #ffffff;
}

.psol-comp-catalogselectiondialog-ctrlcontainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 6px;
}

.psol-comp-catalogselectiondialog-input {
  background-color: #e9ecef;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 100px;
  margin-right: 6px;
}

.psol-comp-catalogselectiondialog-cataloglistcontainer {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
}

.psol-comp-catalogselectiondialog-cataloglist {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto;
}

.psol-comp-catalogselectiondialog-checkrow {
  padding: 6px;
}

.psol-comp-colorsearch-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

.psol-comp-colorsearch-tolerance-range {
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

.psol-comp-colorsearch-predifined {
  height: 25px;
  width: 25px;
  margin: 5px;
  cursor: pointer;
}

.psol-comp-colorsearch-predifined-colors {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin: 15px;
}

.psol-comp-colorsearch-selected-color {
  outline: 2px solid #5b6166;
}

.psol-comp-colorsearch-predifined-colors > span {
  box-sizing: border-box;
  margin: 5px;
}

.psol-comp-colorsearch-options {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-colorsearch-description {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.psol-comp-colorsearch-container input[type='text'] {
  padding: 6px 6px 6px 26px;
}

.psol-comp-colorsearch-container .minicolors-theme-default .minicolors-input {
  height: auto;
}

.psol-comp-colorsearch-container .minicolors-theme-default {
  margin: 0 10px 20px 10px;
}

.psol-comp-colorsearch-container .minicolors-theme-default span.minicolors-swatch {
  top: 28%;
}

.psol-comp-colorsearch-add-colors {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: baseline;
      align-items: baseline;
  max-width: 471px;
  margin-left: auto;
  margin-right: auto;
}

.psol-comp-colorsearch-add,
.psol-comp-colorsearch-change {
  margin-left: 8px;
  margin-right: 8px;
}

.psol-comp-viewbase-colorsearch-button-svg {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

.psol-comp-colorsearch-edit,
.psol-comp-colorsearch-remove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
}

.psol-comp-colorsearch-edit path {
  fill: white;
}

.psol-comp-colorsearch-remove path {
  fill: white;
}

.psol-comp-colorsearch-disabled {
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}

.psol-comp-colorsearch-disabled:hover {
  background: #9ab6ca;
  box-shadow: none;
}

.psol-comp-colorsearch-buttons-control {
  margin-bottom: 20px;
}

.psol-comp-colorsearch-default-color-buttons-control {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px;
}

.psol-comp-colorsearch-default-color-buttons-control .psol-comp-colorsearch-default-color-colum {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 385px;
  margin-left: 3px;
  margin-right: auto;
}

.psol-comp-colorsearch-default-color-buttons-control .psol-comp-colorsearch-default-color-colum .psol-comp-colorsearch-default-color-raw-item {
  display: block;
  height: 32px;
  width: 32px;
  margin: 6px;
  border-radius: 4px;
  border-color: #aab0b3;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 12%;
      flex-basis: 12%;
  max-width: 32px;
}
.psol-comp-colorsearch-default-color-buttons-control .psol-comp-colorsearch-default-color-colum .psol-comp-colorsearch-default-color-raw-item:hover {
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}

@media only screen and (max-width: 548px) {
  .psol-comp-colorsearch-default-color-buttons-control {
    max-width: 260px;
  }
  .psol-comp-colorsearch-default-color-buttons-control .psol-comp-colorsearch-default-color-colum {
    max-width: 260px;
    margin: 0;
  }
}
@media only screen and (max-width: 326px) {
  .psol-comp-colorsearch-add,
  .psol-comp-colorsearch-change {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.psol-comp-cubesketcher-container {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-cubesketcher-container-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-cubesketcher-settings-container {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.psol-comp-cubesketcher-settings-buttonbar-container {
  position: relative;
}
.psol-comp-cubesketcher-settings-thickness-container {
  position: relative;
  padding-left: 6px;
}
.psol-comp-cubesketcher-cube-container {
  padding: 8px;
  position: relative;
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.psol-comp-cubesketcher-cube-complete {
  position: relative;
}
.psol-comp-cubesketcher-footer {
  padding: 8px;
  box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-cubesketcher-search-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.psol-comp-cubesketcher-search-options + .psol-comp-cubesketcher-searchbutton {
  margin-top: 8px;
}
.psol-comp-cubesketcher-search-options-label {
  margin-right: 8px;
}
.psol-comp-cubesketcher-quality-slider {
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.psol-comp-cubesketcher-cube-container-flex {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.psol-comp-cubesketcher-subcontainer-flex {
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.psol-comp-cubesketcher-canvas,
.psol-comp-cubesketcher-tmp-canvas {
  width: 250px;
  height: 250px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.psol-comp-cubesketcher-grid {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 0;
  left: 0;
  z-index: 4;
  background-image: url(../img/cubesketcher/grid.png);
}
.psol-comp-cubesketcher-face {
  width: 250px;
  height: 250px;
  box-sizing: border-box;
  position: absolute;
  font-size: 3em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}
.psol-comp-cubesketcher-front_face {
  background-color: #ffffff;
  border: 3px solid black;
}
.psol-comp-cubesketcher-caption {
  position: absolute;
  z-index: 5;
}
.psol-comp-cubesketcher-top_caption {
  bottom: 0;
  right: 8px;
  font-size: 3em;
}
.psol-comp-cubesketcher-side_caption {
  left: 8px;
}
.psol-comp-cubesketcher-front_caption {
  right: 8px;
}
.psol-comp-cubesketcher-front_current .psol-comp-cubesketcher-side_face {
  -ms-transform: skewY(-45deg) scale(0.25, 1);
  transform: skewY(-45deg) scale(0.25, 1);
  background-color: #ffffff;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  left: 500px;
  border: 3px solid black;
}
.psol-comp-cubesketcher-front_current .psol-comp-cubesketcher-top_face {
  -ms-transform: skew(-45deg, 0) scaleY(0.25);
  transform: skew(-45deg, 0) scaleY(0.25);
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: #ffffff;
  font-size: 0.862em;
  border: 3px solid black;
  left: 125px;
  top: -125px;
}
.psol-comp-cubesketcher-side_current .psol-comp-cubesketcher-side_face {
  background-color: #ffffff;
  left: 125px;
  border: 3px solid black;
}
.psol-comp-cubesketcher-side_current .psol-comp-cubesketcher-front_face {
  background-color: #ffffff;
  -ms-transform: skewY(45deg) scale(0.25, 1);
  transform: skewY(45deg) scale(0.25, 1);

  /* left: 125px; */
  top: -125px;
  border: 3px solid black;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.psol-comp-cubesketcher-side_current .psol-comp-cubesketcher-top_face {
  -ms-transform: skew(45deg, 0) scaleY(0.25) rotate(90deg);
  transform: skew(45deg, 0) scaleY(0.25) rotate(90deg);
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  background-color: #ffffff;
  font-size: 0.862em;
  border: 3px solid black;
  left: 125px;
}
.psol-comp-cubesketcher-top_current .psol-comp-cubesketcher-side_face {
  background-color: #ffffff;
  -ms-transform: skewY(45deg) scale(0.25, 1) rotate(-90deg);
  transform: skewY(45deg) scale(0.25, 1) rotate(-90deg);

  /* left: 500px;
   left: 125px; */
  border: 3px solid black;
  top: -125px;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.psol-comp-cubesketcher-top_current .psol-comp-cubesketcher-front_face {
  background-color: #ffffff;
  -ms-transform: skewX(45deg) scale(1, 0.25);
  transform: skewX(45deg) scale(1, 0.25);
  left: 125px;
  border: 3px solid black;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.psol-comp-cubesketcher-top_current .psol-comp-cubesketcher-top_face {
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  background-color: #ffffff;
  font-size: 0.862em;
  border: 3px solid black;
  top: -125px;
}
.psol-comp-cubesketcher-side_current .psol-comp-cubesketcher-side_caption {
  display: none;
}
.psol-comp-cubesketcher-top_current .psol-comp-cubesketcher-top_caption {
  display: none;
}
.psol-comp-cubesketcher-front_current .psol-comp-cubesketcher-front_caption {
  display: none;
}
.cubesketcher-pictureInput {
  display: none;
}
.cubesketcher-pictureLabel {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}

.psol-comp-cubesketcher-controls-title {
  font-weight: bold;
  padding-bottom: 5px;
}

.psol-comp-cubesketcher-size-container {
  position: absolute;
  display: none;
  min-width: 150px;
  max-width: 250px;
  text-align: center;
  overflow: hidden;
  z-index: 99;
}

.psol-comp-cubesketcher-helpcontainer {
  background-color: white;
  padding: 2%;
  word-break: break-word;
}

.psol-comp-cubesketcher-helpitem {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 55px;
  border-bottom: 1px solid;
  border-color: #b3b3b3;
}

.psol-comp-cubesketcher-lasthelpitem {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 55px;
  border-color: #b3b3b3;
}

.psol-comp-cubesketcher-buttonimage {
  background-size: 32px;
  background-position: 50%;
  height: 44px;
  width: 44px;
  float: left;
  background-repeat: no-repeat;
  border: 1px solid #b3b3b3;
}

.psol-comp-cubesketcher-helpgesture {
  color: white;
  padding-right: 3%;
  padding-left: 3%;
  font-size: 15px;
  background-color: #67a2c0;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 3%;
}

.psol-comp-cubesketcher-gesture-subheadline {
  font-size: 20px;
  text-align: center;
}

.psol-comp-cubesketcher-buttontext {
  padding-left: 50px;
  padding-top: 10px;
}

.psol-comp-cubesketcher-helpimage {
  height: 200px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.psol-comp-cubesketcher-helpbrush {
  background-image: url(../img/cubesketcher/actions/brush.png);
}

.psol-comp-cubesketcher-helpcircle {
  background-image: url(../img/cubesketcher/actions/circle.png);
}

.psol-comp-cubesketcher-helprectangle {
  background-image: url(../img/cubesketcher/actions/rectangle.png);
}

.psol-comp-cubesketcher-helpfill {
  background-image: url(../img/cubesketcher/actions/fill.png);
}

.psol-comp-cubesketcher-helpmakeimage {
  background-image: url(../img/cubesketcher/actions/makeimage.png);
}

.psol-comp-cubesketcher-helploadimage {
  background-image: url(../img/cubesketcher/actions/loadimage.png);
}

.psol-comp-cubesketcher-helpprimarycolor {
  background-image: url(../img/cubesketcher/actions/color.png);
}

.psol-comp-cubesketcher-helpsecondarycolor {
  background-image: url(../img/cubesketcher/actions/color-active.png);
}

.psol-comp-cubesketcher-helpclear {
  background-image: url(../img/cubesketcher/actions/clear.png);
}

.psol-comp-cubesketcher-helphelp {
  background-image: url(../img/cubesketcher/actions/help.png);
}

.psol-comp-cubesketcher-example-image-container {
  width: 128;
  height: 48px;
  -ms-flex-item-align: center;
      align-self: center;
  padding-top: 8px;
}

.psol-comp-cubesketcher-example-images {
  height: 48px;
  width: 48px;
  background-size: 48px;
  background-repeat: no-repeat;
}

.psol-comp-cubesketcher-example-image1 {
  background-image: url(../img/cubesketcher/sketch_example1_110.png);
  float: left;
  margin-right: 8px;
}

.psol-comp-cubesketcher-example-image2 {
  background-image: url(../img/cubesketcher/sketch_example2_110.png);
  margin-left: 56px;
}

.psol-comp-deliveryCountry-container {
  padding: 6px;
}
.psol-comp-deliverycountry-content-label {
  white-space: nowrap;
  margin-right: 6px;
}

.psol-comp-deliverycountry-dropdown-container {
  min-width: 0;
  -ms-flex: 1;
      flex: 1;
}

.psol-comp-dialogedittablevar-titlename {
  font-weight: bold;
  line-height: 24px;
}
.psol-comp-dialogedittablevar-titledesc {
  font-weight: normal;
  line-height: 24px;
}
.psol-comp-dialogedittablevar-fwvalues {
  position: relative;
  transform: translate3d(0, 0, 0);
}
.psol-comp-dialogedittablevar-fwvalues-visible,
.psol-comp-dialogedittablevar-fwvalues-hidden {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.psol-comp-dialogedittablevar-fwvalues-hidden {
  border-top: 2px solid #888888;
  top: -2px;
}
.psol-comp-dialogedittablevar-fwvalues-hidden::before {
  content: attr(data-seperator);
  font-size: 12px;
  position: absolute;
  top: -10px;
  background: white;
  padding: 0 1em;
  font-weight: bold;
  color: #888888;
}
.psol-comp-dialogedittablevar-fwvalues-item label {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.psol-comp-dialogedittablevar-fwvalues-item {
  border-bottom: 2px solid #eeeeee;
  color: #000000;
  font-weight: bold;
  width: 100%;
}

.psol-comp-dialogedittablevar-fwvalues-item[data-visible='false'] {
  font-style: italic;
  color: #326283;
}

.psol-comp-dialogedittablevar-fwvalues-img {
  border: 1px solid #cccccc;
  margin-right: 8px;
}
.psol-comp-dialogedittablevar-fwrange-slider-container {
  padding-bottom: 8px;
  padding-top: 8px;
  position: relative;
  width: 100%;
}
.psol-comp-viewbase-all input.psol-comp-dialogedittablevar-fwrange-input {
  width: 100%;
}
.psol-comp-dialogedittablevar-slider-input-container {
  min-height: 75px;
  width: 100%;
}

.psol-comp-dialogedittablevar-fwrange-description-header {
  font-weight: bold;
}
.psol-comp-dialogedittablevar-fwrange-description-ul {
  list-style-type: none;
  list-style-position: outside;
  padding-left: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}
.psol-comp-dialogedittablevar-fwrange-discrete-container {
  margin-top: 6px;
}
.psol-comp-dialogedittablevar-erp-img {
  max-width: 32px;
  max-height: 32px;
}

.psol-comp-drawing-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.psol-comp-drawing-overlay {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  opacity: 0.4;
  position: absolute;
}

.psol-comp-drawing-canvas-container,
.psol-comp-drawing-canvas,
.psol-comp-drawing-canvas-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.psol-comp-drawing-canvas-grid-container {
  pointer-events: none;
}

.psol-comp-drawing-controls-container {
  position: absolute;
  bottom: 0;
}

.psol-comp-drawing-sticky-arrow {
  position: absolute;
  display: none;
}

.psol-comp-drawing-size-container,
.psol-comp-drawing-color-container {
  position: absolute;
  display: none;
  min-width: 150px;
  max-width: 250px;
  text-align: center;
  overflow: hidden;
}

.psol-comp-drawing-controls-title {
  font-weight: bold;
  padding-bottom: 5px;
}

.psol-comp-drawing-context-menu {
  display: none;
  position: absolute;
  height: 44px;
  width: 44px;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.psol-comp-eolDialog-container {
  width: 100%;
}

/* .psol-comp-eolDialog-original-part-data .psol-comp-index-item {
  width: 180px;
} */

.psol-comp-eolDialog-original-part {
  -ms-flex: 1;
      flex: 1;
}

.psol-comp-eolDialog-replacement-part {
  -ms-flex: 1;
      flex: 1;
  padding-top: 3em;
}

.psol-comp-eolDialog-original-part-data,
.psol-comp-eolDialog-replacement-part-data {
  -ms-flex: 1;
      flex: 1;
}

.psol-comp-eolDialog-original-part-index,
.psol-comp-eolDialog-replacement-part-index {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.psol-comp-eolDialog-expirationDate {
  font-weight: bold;
}

.psol-comp-eolDialog-original-part-replacement-text {
  padding: 5px;
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.psol-comp-eolDialog-expired-available,
.psol-comp-eolDialog-replaced-available {
  color: #ff8c00;
}

.psol-comp-eolDialog-expired,
.psol-comp-eolDialog-expired-replaced {
  color: #ff0000;
}

.psol-comp-eolDialog-original-part-text,
.psol-comp-eolDialog-replacement-part-text {
  padding: 5px;
}

@media (max-width: 450px) {
  .psol-comp-eolDialog-original-part-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.psol-comp-dropdown-container {
  width: 100%;
  font-size: 14px;
}

.psol-comp-dropdown-list {
  display: block;
  overflow: hidden;
  padding: 2px 15px;
}

.psol-comp-dropdown-list:hover {
  color: #ffffff;
  background: #4d90fe;
  text-decoration: none;
  cursor: pointer;
}

.psol-comp-dropdown-list-unclickable:hover {
  cursor: default;
  background: none;
  color: inherit;
}

.psol-comp-dropdown-filter {
  border-top: 0;
  border-bottom: 0;
}

.psol-comp-dropdown-filter-input {
  width: calc(100% - 10px);
  margin: 5px;
  border-radius: 0;
  padding: 6px;
  box-sizing: border-box;
  border-color: transparent;
  outline: 1px solid #888888;
  font: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-overflow: ellipsis;
}

.psol-comp-dropdown-dropdown-container {
  display: inline-block;
  background-color: white;
  position: relative;
  color: black;
}

.psol-comp-dropdown-dropdown {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  z-index: 99;
  position: absolute;
  outline: 1px solid #888888;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
}

.psol-comp-dropdown-dropdown-bottom {
  top: 100%;
}

.psol-comp-dropdown-dropdown-top {
  bottom: 100%;
}

.psol-comp-dropdown-dropdown-content {
  border-top: 0;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.psol-comp-dropdown-selected {
  position: relative;
  background-color: white;
  border-radius: 0;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background-image: url(../img/viewbase/arrow_down.png);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 32px;
  padding-left: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  outline: 1px solid #888888;
  font: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  max-width: 100%;
  text-overflow: ellipsis;
  cursor: pointer;
}

.psol-comp-dropdown-selected-multiSelection {
  padding-bottom: 2px;
  padding-top: 2px;
}

.psol-comp-dropdown-filter-input:focus {
  outline: 2px solid #4d90fe;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(77, 144, 254, 0.6);
}

.psol-comp-dropdown-img {
  border: 1px solid #d3d3d3;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-dropdown-checkbox {
  background-color: #ffffff;
  background-image: none;
  text-align: center;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #a8a8a8;
}

.psol-comp-dropdown-multiselected-option {
  background-color: #9ab6ca;
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 3px;
}

.psol-comp-dropdown-visibleValue {
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.psol-comp-dropdown-multiselected-option > .psol-comp-viewbase-svgicon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.psol-comp-dropdown-selected-multiselected-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.psol-comp-dropdown-selected[data-nolabel='true'] .psol-comp-dropdown-visibleValue {
  display: none;
}

.psol-comp-hotspotDialog {
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
}

.psol-comp-hotspotDialog-flexRowContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 4px;
  padding-bottom: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-hotspotDialog-errorContainer {
  color: red;
}

.psol-comp-hotspotDialog-mandatoryFieldContainer {
  font-size: 0.7em;
}

.psol-comp-hotspotDialog-editorContainer {
  padding-top: 4px;
  padding-bottom: 4px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-hotspotDialog-flexItem,
select.psol-comp-hotspotDialog-flexItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  word-wrap: break-word;
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 50%; /* in landscape */
}

.psol-comp-hotspotDialog-flexCol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-hotspotDialog-freeText {
  min-height: 220px;
}

.psol-comp-hotspotDialog-editor {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  min-height: 150px;
  max-height: 200px;
}

/* SAVE CAMERA */
.psol-comp-hotspotDialog-saveCamera,
.psol-comp-hotspotDialog-updateCamera,
.psol-comp-hotspotDialog-removeCamera {
  display: none;
}

.psol-comp-hotspotDialog-camButtonContainer {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* yeah... cause fuck u box-model and Quill... -.- */
.ql-editor {
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: auto;
}

@media screen and (max-device-width: 450px) {
  .psol-comp-hotspotDialog-flexRowContainer {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .psol-comp-hotspotDialog-flexItem,
  select.psol-comp-hotspotDialog-flexItem {
    max-width: 100%;
  }
}

.psol-comp-hotspotDialog-flexColumnContainer {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

/* LINE LENGTH */
.psol-comp-hotspotDialog-lineLength-Container {
  position: relative;
  width: 100%;
}
input[type=number].psol-comp-hotspotDialog-lineLength {
  width: 100%;
  text-align: right;
  padding-right: 36px;
}

.psol-comp-hotspotDialog-lineLength-units {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 4px;
  padding-left: 4px;
  width: auto;
  -ms-flex-pack: center;
      justify-content: center;
}

/* CHECKBOX */
.psol-comp-hotspotDialog-checkboxContainer {
  text-align: center;
  padding: 4px;
  width: calc(100% - 8px);
}

/* LINK */

/* VIMEO / YOUTUBE*/

.psol-comp-hotspotDialog-flexItem label span {
  margin: 0;
}

/* IMAGES */
.psol-comp-hotspotDialog-imageLink {
  width: 100%;
}
input.psol-comp-hotspotDialog-addInputTagPadding {
  padding-right: 24px;
}

.psol-comp-hotspotDialog-addMoreButton,
.psol-comp-hotspotDialog-removeImageLink {
  width: 1.5em;
  height: 1.5em;
  background-size: 100% 100%;
}
.psol-comp-hotspotDialog-addMoreButton {
  background-image: url(../img/hotspotdialog/plus.png);
}
.psol-comp-hotspotDialog-removeImageLink {
  /*display: none;*/
  background-image: url(../img/hotspotdialog/minus.png);
}
.psol-comp-hotspotDialog-addMoreButtonContainer,
.psol-comp-hotspotDialog-removeLinkContainer {
  background: #f2f3f4;
}
.psol-comp-hotspotDialog-removeLinkContainer {
  display: none;
}
.psol-comp-hotspotDialog-imgUrlContainer {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-hotspotDialog-imageLinkContainer {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.psol-comp-hotspotDialog-imageLinkContainer:not(:nth-last-child(1)) {
  margin-bottom: 8px;
}

/* HELP */

/* NO HELP FOR HTML-HOTSPOTS ;) */

.psol-comp-hotspotDialog-helpContainer {
  display: none;
}
.psol-comp-hotspotDialog-helpContainer:not([data-type=html]):not([data-type=textsearch]) {
  padding-top: 5px;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
}

.psol-comp-hotspotDialog-help {
  background-size: contain;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  min-height: 100px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  background-position: top center;
}
.psol-comp-hotspotDialog-help[data-type=youtube] {
  background-image: url(../img/hotspotdialog/help/youtube.png);
}
.psol-comp-hotspotDialog-help[data-type=vimeo] {
  background-image: url(../img/hotspotdialog/help/vimeo.png);
}
.psol-comp-hotspotDialog-help[data-type=wikipedia] {
  background-image: url(../img/hotspotdialog/help/wikipedia.png);
}
.psol-comp-hotspotDialog-help[data-type=website] {
  background-image: url(../img/hotspotdialog/help/website.png);
}
.psol-comp-hotspotDialog-help[data-type=html] {
  /* do nothing :P*/
}
.psol-comp-hotspotDialog-help[data-type=prj] {
  background-image: url(../img/hotspotdialog/help/prj.png);
}
.psol-comp-hotspotDialog-help[data-type=dir] {
  background-image: url(../img/hotspotdialog/help/dir.png);
}
.psol-comp-hotspotDialog-help[data-type=model] {
  background-image: url(../img/hotspotdialog/help/model.png);
}
.psol-comp-hotspotDialog-help[data-type=collection] {
  background-image: url(../img/hotspotdialog/help/collection.png);
}
.psol-comp-hotspotDialog-help[data-type=image] {
  background-image: url(../img/hotspotdialog/help/image.png);
}

/* modifying this._$el a bit ;) */
div[data-b-view=psol-comp-HotSpot] {
  position: relative;
  z-index: 1;
}

div.psol-comp-hotspot-fading[data-b-view=psol-comp-HotSpot] {
  z-index: 0;
}

/* set color on each element because of overriding styles of some special website... -.- */
div.psol-comp-hotspot-textColor,
a.psol-comp-hotspot-textColor {
  color: white;
}

a.psol-comp-hotspot-hrefColor {
  color: inherit;
}
a.psol-comp-hotspot-removeHrefStyling,
div.psol-comp-hotspot-removeHrefStyling {
  text-decoration: none;
}

.psol-comp-hotspot-container {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: pointer;
  color: white;
  word-break: break-word;
  box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

.psol-comp-hotspont-content-websitelink,
.psol-comp-hotspont-content-wikipedialink,
.psol-comp-hotspont-content-html {
  padding: 5px;
}

.psol-comp-hotspot-smallText {
  font-size: 11px;
}

.psol-comp-hotspot-text {
  overflow: hidden;
}
.psol-comp-hotspont-content-wikipediadesc.psol-comp-hotspot-text {
  overflow: visible;
}
.psol-comp-hotspot-body {
  display: none;
  overflow: hidden;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.psol-comp-hotspot-content {
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: white;
  color: black;
  overflow: auto;
  max-height: inherit;
  max-width: inherit;
}

.psol-comp-hotspot-fading {
  opacity: 0.25;
}

.psol-comp-hotspot-fading > .psol-comp-hotspot-container:not(.psol-comp-hotspot-highlight) {
  box-shadow: none;
}

.psol-comp-hotspot-highlight {
  box-shadow: 0 0 2px 2px rgba(255, 0, 0, 0.8);
}

div.psol-comp-hotspot-expanded {
  z-index: 2;
  position: relative;
}

.psol-comp-hotspot-expanded.psol-comp-hotspot-fading {
  z-index: auto;
}

.psol-comp-hotspot-title {
  line-height: 1.2em; /* exactly one line */
  height: 1.2em; /* exactly one line */
  max-width: none;
  font-weight: bold;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  /*display: -webkit-inline-box;*/
  /*-webkit-box-orient: vertical;*/
}

.psol-comp-hotspot-favicon {
  background-image: url(../img/hotspot/cadenas.png);
  width: 1em;
  height: 1em;
  background-size: 1em 1em;
  margin-right: 0.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* HTML */
.psol-comp-hotspot-favicon[hotspottype=html] {
  background-image: url(../img/hotspot/html.png);
}

/* LINKS */
.psol-comp-hotspot-favicon[hotspottype=website] {
  background-image: url(../img/hotspot/website.png);
}

.psol-comp-hotspot-favicon[hotspottype=youtube] {
  background-image: url(../img/hotspot/youtube.png);
}

.psol-comp-hotspot-favicon[hotspottype=vimeo] {
  background-image: url(../img/hotspot/vimeo.png);
}

.psol-comp-hotspot-favicon[hotspottype=wikipedia] {
  background-image: url(../img/hotspot/wikipedia.png);
}

.psol-comp-hotspot-favicon[hotspottype=pdf] {
  background-image: url(../img/hotspot/pdf.png);
}

/* CATALOGS */
.psol-comp-hotspot-favicon[hotspottype=prj] {
  background-image: url(../img/hotspot/prj.png);
}

.psol-comp-hotspot-favicon[hotspottype=dir] {
  background-image: url(../img/hotspot/dir.png);
}

/* IMAGE */
.psol-comp-hotspot-favicon[hotspottype=image] {
  background-image: url(../img/hotspot/image.png);
}

/* PARTCLOUD */
.psol-comp-hotspot-favicon[hotspottype=model] {
  background-image: url(../img/hotspot/model.png);
}
.psol-comp-hotspot-favicon[hotspottype=collection] {
  background-image: url(../img/hotspot/collection.png);
}

/* SEARCH */
.psol-comp-hotspot-favicon[hotspottype=textsearch] {
  background-image: url(../img/hotspot/textsearch.png);
}

/*
NOT IN USE YET
.psol-comp-hotspot-favicon[hotspottype=category] {
background-image: url(../img/hotspot/category.png);
}*/

.psol-comp-hotspot-content img {
  max-width: 100%;
  max-height: 100%;
}

.psol-comp-hotspot-showmore {
  font-weight: bold;
}

.psol-comp-hotspot-footer {
  display: none;
}
.psol-comp-hotspot-showmoreContainer {
  padding: 5px;
  padding-top: 0;
  text-align: center;
}

/*.psol-comp-hotspot-expanded .psol-comp-hotspot-header {
  padding-left: 0.6em;
}*/

.psol-comp-hotspot-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 1em;
  /* a bit more than the width of the psol-comp-hotspot-circleContainer*/
  padding-right: 0.6em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-hotspot-container p {
  margin: 0;
}

.psol-comp-hotspot-container iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.psol-comp-hotspont-content-html {
  width: 100%;
  height: 100%;
  /*display: flex;
  flex-direction: column;*/
}

.psol-comp-hotspot-displayFlex {
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-hotspot-circleContainer {
  position: absolute;
  top: 50%;
  left: -0.5em;
  width: 1em;
  height: 1em;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #f2f3f4;
  border: 1px solid #acafb2;
}
.psol-comp-hotspot-circle {
  background-image: url(../img/hotspot/plus.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

.psol-comp-hotspot-expanded .psol-comp-hotspot-circle {
  background-image: url(../img/hotspot/minus.png);
}

/* IMAGES */

.psol-comp-hotspot-imageTypeContainer {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

.psol-comp-hotspot-image:not(:nth-child(1)) {
  display: none;
}

.psol-comp-hotspot-imagesContainer {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-hotspot-imagesNavigatorContainer {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.psol-comp-hotspot-imagesNavigator {
  width: 50%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
}

.psol-comp-hotspot-imagesNavigator-buttonContainer {
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
}

.psol-comp-hotspot-imagesNavigator-buttonContainer[data-direction=right] {
  background-image: url(../img/hotspot/next.png);
}
.psol-comp-hotspot-imagesNavigator-buttonContainer[data-direction=left] {
  background-image: url(../img/hotspot/previous.png);
}

.psol-comp-hotspot-imagesNavigator[data-direction=right] {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.psol-comp-hotspot-imagesNavigator[data-direction=left] {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.psol-comp-hotspot-imagesCirclesContainer {
  width: 100%;
  /* height of psol-comp-hotspot-imagesCircle + 2*border of psol-comp-hotspot-imagesCircle */
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  bottom: 4px;
  pointer-events: none;
}

.psol-comp-hotspot-imagesCircle {
  height: 10px;
  width: 10px;
  border: 3px solid #f2f3f4;
  background-color: #acafb2;
  border-radius: 50%;
}

.psol-comp-hotspot-imagesCircle.active {
  background-color: #5c6062;
}
.psol-comp-hotspot-imagesCircle:not(:nth-last-child(1)) {
  margin-right: 4px;
}

/* CATALOG - DIR */

.psol-comp-hotspot-catalog-dir {
  max-width: 100%;
  width: 100%;
}

.psol-comp-hotspot-catalog-dir-head {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  opacity: 0.8;
}

.psol-comp-hotspot-catalog-dir-node {
  display: -ms-flexbox;
  display: flex;
  /*flex-wrap: wrap;*/
  padding: 4px;
}

.psol-comp-hotspot-catalog-dir-node:nth-child(odd) {
  background-color: #f2f3f4;
}

.psol-comp-hotspot-catalog-dir-node:nth-child(even) {
  background-color: white;
}

.psol-comp-hotspot-catalog-dir-img {
  width: 3em;
  height: 3em;
  background-size: 3em 3em;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.psol-comp-hotspot-cloud-img {
  width: 3em;
  height: 2.4em;
  background-size: 3em 2.4em;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-hotspot-catalog-dir-fancyPath {
  padding-left: 4px;
}

.psol-comp-hotspot-catalog-dir-nodetext {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 4px;
}

/* CATALOG - PRJ / PARTCLOUD - MODEL */

.psol-comp-hotspot-singlepicture {
  text-align: center;
  width: 100%;
  height: 100%;
}

/* LINK - WIKIPEDIA */
.psol-comp-hotspont-content-wikipediadesc {
  padding: 5px;
}

.psol-comp-hotspont-content-wikipediaContentColumn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 5px;
}

/* LINK - PDF */
.psol-comp-hotspot-catalog-pdf {
  text-align: center;
  width: 100%;
  height: 100%;
}

/* CATALOG/PARTCLOUD - TEXTSEARCH */
.psol-comp-hotspot-textsearchContainer {
  padding: 4px;
}

.psol-comp-ImageViewer-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #f3f3f3;
}
.psol-comp-ImageViewer-imagesContainerContainer {
  position: absolute;
  background: inherit; /* need it for fullscreen on ie9...*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 80px; /* same as height of psol-comp-ImageViewer-previewImagesContainer */
}
.psol-comp-ImageViewer-imagesContainerContainer:-webkit-full-screen {
  bottom: 0;
  background-color: black;
}
.psol-comp-ImageViewer-imagesContainerContainer:-moz-full-screen {
  bottom: 0;
  background-color: black;
}
.psol-comp-ImageViewer-imagesContainerContainer:-ms-fullscreen {
  bottom: 0;
  background-color: black;
}
.psol-comp-ImageViewer-imagesContainerContainer:fullscreen {
  bottom: 0;
  background-color: black;
}
.psol-comp-ImageViewer-imagesContainerContainer.psol-comp-ImageViewer-nocarousel {
  bottom: 0;
}

div.psol-comp-ImageViewer-noTransition {
  transition: none;
}

.psol-comp-ImageViewer-imagesContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: transform 0.5s;
}

.psol-comp-ImageViewer-button {
  position: absolute;
  top: 0;
  background-size: 44px;
  margin: 6px;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}

.psol-comp-ImageViewer-backwardsButton {
  top: 50%;
  left: 0;
}
.psol-comp-ImageViewer-forwardsButton {
  top: 50%;
  right: 0;
}
.psol-comp-ImageViewer-fullscreenButton {
  right: 0;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}

.psol-comp-ImageViewer-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.psol-comp-ImageViewer-mainImageAndContentContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-ImageViewer-mainImageContainer {
  position: relative;
  margin: 8px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-ImageViewer-mainImage {
  max-width: 100%;
  max-height: 100%;
}

.psol-comp-ImageViewer-previewImageContainer.psol-comp-ImageViewer-previewImageContainer-active {
  border-color: #85cee4;
  z-index: 1;
}
.psol-comp-ImageViewer-previewImageContainer {
  position: relative;
  height: 72px;
  width: 100px;
  border: 2px solid transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

img.psol-comp-ImageViewer-previewImage {
  max-width: 96px;
  /* height of psol-comp-ImageViewer-previewImagesContainer minus its border */
  max-height: 68px;
}
.psol-comp-ImageViewer-previewImagesContainerContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
}

.psol-comp-ImageViewer-previewImagesContainer {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  transition: transform 0.5s;
}
.psol-comp-ImageViewer-additionalImageContentContainer {
  padding-left: 8px;
  padding-right: 8px;
}

.psol-comp-IPCView-container {
  position: absolute;
  display: inline-block;
}

.crumSegment {
  color: #9ab6ca;
  cursor: pointer;
}

.categories {
  cursor: pointer;
}

.parts {
  cursor: pointer;
}

.psol-comp-index-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-index-scroll-container {
  -ms-flex-positive: 2;
      flex-grow: 2;
  /*position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 5px;*/
}

/* improves index browsing performance:
   prevents relayouting and repainting of index node list in chrome */
.psol-comp-index-performance-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* hover effect in pure css prevents paint flashing of many index elements.
   TODO: consider to do this directly in viewBase and get rid of js .active logic */
.psol-comp-viewbase-card-index-hover:hover > .psol-comp-viewbase-card-inner {
  cursor: pointer;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}

.psol-comp-index-node-list {
  position: relative;
  height: 100%;
  width: 100%;
}

.psol-comp-index-item {
  position: relative;
  width: 140px;
}

.psol-comp-index-item-inner {
  min-height: 160px;
  height: 180px;
}

.psol-comp-index-item-inner.psol-comp-index-item-geo {
  height: 190px;
}

.psol-comp-index-item-cloud .psol-comp-index-item-inner {
  height: auto;
}

.psol-comp-index-item-erp-bar-background {
  background-color: #c0c0c0;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 10px;
  height: 117px;
}

.psol-comp-index-item-erp-bar-background-geometric {
  height: 137px;
}

.psol-comp-index-item-erp-bar-list-background {
  background-color: #c0c0c0;
  width: 10px;
  height: 100px;
  margin-right: 5px;
  float: left;
}

.psol-comp-index-item-erp-bar-background[data-transparent='1'],
.psol-comp-index-item-erp-bar-list-background[data-transparent='1'] {
  background-color: transparent;
  border: 1px solid black;
}

.psol-comp-index-item-erp-bar,
.psol-comp-index-item-erp-bar-list {
  background-color: #ff0000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
}

.psol-comp-index-item-erp-bar-background[data-transparent='1'] .psol-comp-index-item-erp-bar,
.psol-comp-index-item-erp-bar-list-background[data-transparent='1'] .psol-comp-index-item-erp-bar-list {
  display: none;
}

.psol-comp-index-item-img-wrapper {
  width: auto;
  height: 100px;
  text-align: center;
  margin-top: 17px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-index-item-img-wrapper-erp {
  margin-left: 17px;
  margin-right: 17px;
  width: auto;
}

.psol-comp-index-item-list .psol-comp-index-item-img-wrapper {
  margin-top: 0;
  width: 100px;
  float: left;
  text-align: left;
}

.psol-comp-index-item-cloud .psol-comp-index-item-img-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.psol-comp-index-item-img,
.psol-comp-index-item-img-cloud {
  max-height: 100%;
  max-width: 100%;
  width: 100px;
  height: 100px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  object-fit: scale-down;
}

.psol-comp-index-item-img.lazy-image,
.psol-comp-index-item-img-cloud.lazy-image {
  height: 100%;
}

.psol-comp-index-line-result {
  -ms-flex-positive: 1;
      flex-grow: 1;
  word-wrap: break-word;
}

.psol-comp-index-item-geo-distance-list {
  text-align: center;
  position: relative;
  overflow: hidden;
  font-size: 11px;
  margin: 5px;
  border: 1px solid grey;
}

/*********************************  text-ellipsis HACK ON ********************************/
div.psol-comp-index-item-desc {
  font-size: 14px;
  margin: 5px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.psol-comp-index-item-desc-line-clamp {
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* MS Edge targeting */
@supports (-ms-ime-align:auto) {
  div.psol-comp-index-item-desc-line-clamp::before {
    content: '\002026';
    width: 15%;
    right: 0;
    top: 1.3em;
    position: absolute;
    text-align: right;
    background: linear-gradient(90deg, transparent 0%, white 50%);
    padding-right: 5%;
  }

  div.psol-comp-index-item-desc-line-clamp::after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: inherit;
    position: absolute;
  }

  div.psol-comp-index-item-desc-line-clamp {
    max-height: 2.6em;
  }

  div.psol-comp-index-item-desc {
    font-size: 14px;
    margin: 5px;
    background-color: #ffffff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
  }
}

/* Firefox/Gecko browser targeting */
@supports not (-webkit-line-clamp: 2) {
  div.psol-comp-index-item-desc-line-clamp::before {
    content: '\002026';
    width: 15%;
    right: 0;
    top: 1.3em;
    position: absolute;
    text-align: right;
    background: linear-gradient(90deg, transparent 0%, white 50%);
    padding-right: 5%;
  }

  div.psol-comp-index-item-desc-line-clamp::after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: inherit;
    position: absolute;
  }

  div.psol-comp-index-item-desc-line-clamp {
    max-height: 2.6em;
  }

  div.psol-comp-index-item-desc {
    font-size: 14px;
    margin: 5px;
    background-color: #ffffff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
  }
}

/*  IE10+ browser targeting*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div.psol-comp-index-item-desc-line-clamp::before {
    content: '\002026';
    width: 15%;
    right: 0;
    top: 1.3em;
    position: absolute;
    text-align: right;
    background: linear-gradient(90deg, transparent 0%, white 50%);
    padding-right: 5%;
  }

  div.psol-comp-index-item-desc-line-clamp::after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: inherit;
    position: absolute;
  }

  div.psol-comp-index-item-desc-line-clamp {
    max-height: 2.6em;
  }

  div.psol-comp-index-item-desc {
    font-size: 14px;
    margin: 5px;
    background-color: #ffffff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
  }
}

/*  IE9 browser targeting*/
@media screen and (min-width: 0\0) {
  div.psol-comp-index-item-desc-line-clamp::before {
    content: '\002026';
    width: 15%;
    right: 0;
    top: 1.3em;
    position: absolute;
    text-align: right;
    background: linear-gradient(90deg, transparent 0%, white 50%);
    padding-right: 5%;
  }

  div.psol-comp-index-item-desc-line-clamp::after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: inherit;
    position: absolute;
  }

  div.psol-comp-index-item-desc-line-clamp {
    max-height: 2.6em;
  }

  div.psol-comp-index-item-desc {
    font-size: 14px;
    margin: 5px;
    background-color: #ffffff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
  }
}

/********************************* text-ellipsis HACK OFF ********************************/

div.psol-comp-index-item-desc-cloud {
  font-size: 14px;
  padding: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.psol-comp-index-item-catname {
  font-size: 11px;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

span.psol-comp-index-search-highlight {
  background-color: #fd9b32;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.psol-comp-index-item-list {
  position: relative;
  margin: 5px;
  padding: 5px;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  cursor: pointer;
  width: 100%;
}

.psol-comp-index-node-list.psol-comp-index-items-1 > .psol-comp-viewbase-flex-item {
  width: 100%;
  max-width: 100%;
}

.psol-comp-index-node-list.psol-comp-index-items-2 > .psol-comp-viewbase-flex-item {
  width: 50%;
  max-width: 50%;
}

.psol-comp-index-node-list.psol-comp-index-items-3 > .psol-comp-viewbase-flex-item {
  width: 33.333%;
  max-width: 33.333%;
}

.psol-comp-index-node-list.psol-comp-index-items-4 > .psol-comp-viewbase-flex-item {
  width: 25%;
  max-width: 25%;
}

.psol-comp-index-node-list.psol-comp-index-items-5 > .psol-comp-viewbase-flex-item {
  width: 20%;
  max-width: 20%;
}

.psol-comp-index-node-list.psol-comp-index-items-6 > .psol-comp-viewbase-flex-item {
  width: 16.666%;
  max-width: 16.666%;
}

.psol-comp-index-node-list.psol-comp-index-items-7 > .psol-comp-viewbase-flex-item {
  width: 14.285%;
  max-width: 14.285%;
}

.psol-comp-index-node-list.psol-comp-index-items-8 > .psol-comp-viewbase-flex-item {
  width: 12.5%;
  max-width: 12.5%;
}

.psol-comp-index-node-list.psol-comp-index-items-9 > .psol-comp-viewbase-flex-item {
  width: 11.111%;
  max-width: 11.111%;
}

.psol-comp-index-node-list.psol-comp-index-items-10 > .psol-comp-viewbase-flex-item {
  width: 10%;
  max-width: 10%;
}

.psol-comp-index-item-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.psol-comp-index-item-footer-list {
  padding: 5px;
  width: calc(100% - 100px);
  position: absolute;
  bottom: 0;
  left: 100px;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.psol-comp-index-item-views,
.psol-comp-index-item-likes,
.psol-comp-index-item-downloads,
.psol-comp-index-item-comments {
  width: 25%;
  height: 100%;
  text-align: center;
}

.psol-comp-index-item-list-views,
.psol-comp-index-item-list-likes,
.psol-comp-index-item-list-downloads,
.psol-comp-index-item-list-comments {
  width: 25%;
  height: 100%;
  text-align: center;
}

.psol-comp-index-item-collection {
  width: 100%;
  text-align: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.psol-comp-index-item-info-text {
  font-size: 11px;
  line-height: 22px;
  padding-left: 3px;
  padding-right: 8px;
}

.psol-comp-index-item-collection .psol-comp-index-item-info-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.psol-comp-index-item-info-pic,
.psol-comp-index-item-info-pic svg {
  height: 16px;
  width: 16px;
}

.psol-comp-index-item-collection .psol-comp-index-item-info-pic {
  width: 100%;
}

.psol-comp-index-item-parametric-icon {
  position: absolute;
  left: 10px;
}

.psol-comp-index-item-profile-pic-container {
  float: right;
  padding: 5px;
}

.psol-comp-index-item-profile-pic {
  width: 48px;
  height: 48px;
  max-width: 48px;
  max-height: 48px;
}

.psol-comp-index-item-geo-distance {
  border: 1px solid grey;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  font-size: 11px;
}

.psol-comp-index-item-geo-distance-bar {
  position: absolute;
  font-size: 11px;
}

.psol-comp-index-item-geo-distance-value {
  font-size: 11px;
  position: absolute;
  width: 100%;
}

.psol-comp-index-item-catalog-image-container {
  position: absolute;
  top: 8px;
  right: 8px;
}

.psol-comp-index-item-catalog-image {
  width: 50px;
  height: 50px;
}

.psol-comp-index-item-icon {
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 14px;
  top: 7px;
  background-image: url(../img/indexbrowsing/3d.png);
}

.psol-comp-index-item-crawlicon {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 38px;
  top: 7px;
}

.psol-comp-index-item-crawlicon svg.psol-comp-viewbase-svgicon {
  width: 15px;
  height: 15px;
}

.psol-comp-index-eol-icon {
  position: absolute;
  height: 18px;
  width: 18px;
  left: 14px;
  top: 28px;
}

.psol-comp-index-eol-icon-line {
  position: absolute;
  height: 18px;
  width: 18px;
  left: 38px;
  top: 7px;
}

.psol-comp-index-eol-icon-list {
  position: absolute;
  height: 18px;
  width: 18px;
}

.psol-comp-index-eol-icon svg,
.psol-comp-index-eol-icon-list svg,
.psol-comp-index-eol-icon-line svg {
  width: 100%;
  height: 100%;
}

.psol-comp-index-item-icon-erp {
  left: 27px;
}

.psol-comp-index-eol-icon-erp {
  left: 50px;
  top: 10px;
}

.psol-comp-index-item-icon-erp-list {
  left: 18px;
}

.psol-comp-index-item-prj {
  background-image: url(../img/indexbrowsing/3d.png);
}

.psol-comp-index-item-dir {
  background-image: url(../img/indexbrowsing/dir.png);
}

.psol-comp-index-item-doc {
  background-image: url(../img/indexbrowsing/document.png);
}

.psol-comp-index-item-nocad {
  background-image: url(../img/indexbrowsing/nocad.png);
}

.psol-comp-index-item-assemblytab {
  background-image: url(../img/indexbrowsing/asstab.png);
}

.psol-comp-index-item-list:active,
.psol-comp-index-item-list.active {
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  z-index: 3;
}

.psol-comp-index-alphabetic-container {
  text-align: center;
  cursor: pointer;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background: #ffffff;
  margin: 5px;
}

.psol-comp-index-alphabetic-container:first-child {
  margin: 0;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.psol-comp-index-alphabetic-container.active,
.psol-comp-index-alphabetic-container:active {
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  z-index: 3;
}

.psol-comp-index-alphabetic-nav {
  background-color: #ffffff;
  width: 30px;
  /*position: absolute;*/
  -ms-flex-negative: 0;
      flex-shrink: 0;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-index-alphabetic-nav-left {
  left: 0;
}

.psol-comp-index-alphabetic-nav-right {
  right: 0;
}

.psol-comp-index-scroll-container.psol-comp-index-alphabetic-nav-left {
  left: 30px;
}

.psol-comp-index-scroll-container.psol-comp-index-alphabetic-nav-right {
  right: 30px;
}

.psol-comp-index-alphabetic-nav-container {
  list-style-type: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}

.psol-comp-index-alphabetic-nav-letter {
  font-size: 16px;
  font-weight: 500;
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.psol-comp-index-alphabetic-nav-letter-hidden {
  display: none;
}

.psol-comp-index-alphabetic-nav-preview {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: white;
  text-align: center;
  font-size: 110px;
  line-height: 124px;
  height: 120px;
  width: 120px;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 1;
}

.psol-comp-index-letter-stretch {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  text-align: center;
  line-height: 160px;
  font-size: 100px;
  color: #000000;
  background: #ffffff;
  cursor: auto;
}

.psol-comp-index-letter-stretch svg {
  height: 60px;
  width: 60px;
}

.psol-comp-index-line-break {
  width: 100%;
  height: 10px;
}

.psol-comp-index-line-break:first-child {
  height: 0;
}

.psol-comp-index-backbutton {
  width: 100px;
  height: 100px;
  background-image: url(../img/indexbrowsing/folderback_200.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.psol-comp-index-catalogs {
  width: 100px;
  height: 100px;
  background-image: url(../img/indexbrowsing/catalogs.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.psol-comp-index-dynamic-filter-assistant {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30%;
  padding: 0 5px 5px 10px;
  border-left: 2px solid #9ab6ca;
  margin: 5px 0 0 5px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.psol-comp-index-dynamic-filter-assistant-m {
  width: 40%;
}

.psol-comp-index-dynamic-filter-assistant-s {
  width: 50px;
  border: none;
  padding: 5px;
  margin: 0;
}

.psol-comp-index-dynamic-filter-assistant-button {
  padding: 10px 0 0 8px;
  box-sizing: border-box;
}

.psol-comp-index-dynamic-filter-assistant-button > .psol-comp-viewbase-svgicon {
  width: 20px;
  height: 20px;
}

.psol-comp-index-dynamic-filter-assistant-expanded {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.psol-comp-index-dynamic-filter-assistant-close {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  text-align: center;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: bold;
  font-size: 20px;
  width: 44px;
  height: 44px;
  background-position: 50%, 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  background-image: url(../img/dialogbase/close_button.png);
  cursor: pointer;
}
.psol-comp-assistant-checkbox-showfilter {
  margin-right: 35px;
}

.psol-comp-index-dynamic-filter-assistant-container {
  height: 100%;
}

.psol-comp-index-dynamic-filter-assistant-s > .psol-comp-index-dynamic-filter-assistant-container {
  display: none !important;
}

.psol-comp-index-dynamic-filter-assisstant-item {
  width: 100px;
  height: 100px;
  background-image: url(../img/indexbrowsing/catalog.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.psol-comp-index-backbutton-to-all {
  background-image: url(../img/indexbrowsing/topback_200.png);
}

.psol-comp-index-items-line-result {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.psol-comp-index-items-line-result .psol-comp-index-item-img-wrapper {
  margin: 0;
  margin-top: 20px;
  margin-left: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-index-items-line-result-line .psol-comp-index-item-img-wrapper {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 50px;
  height: 100%;
}

.psol-comp-index-items-line-result-expander {
  margin-top: 10px;
  cursor: default;
  background-color: #eaeaea;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.psol-comp-index-items-line-result-expander-handle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding: 6px;
  cursor: pointer;
}

.psol-comp-index-items-line-result-expander-handle > svg {
  width: 32px;
  height: 32px;
}

.psol-comp-index-items-line-result-expander-handle > svg[data-svgsymbolid='actLineSearchCollapse'] {
  display: none;
}

.psol-comp-index-items-line-result-expander-handle.expanded > svg[data-svgsymbolid='actLineSearchCollapse'] {
  display: block;
}

.psol-comp-index-items-line-result-expander-handle.expanded > svg[data-svgsymbolid='actLineSearchExpand'] {
  display: none;
}

.psol-comp-index-items-line-result-expander-handle::after {
  content: attr(data-collapsed);
  margin-left: 1em;
}

.expanded.psol-comp-index-items-line-result-expander-handle::after {
  content: attr(data-expanded);
}

.psol-comp-index-items-line-result-line-data-container {
  -ms-flex: 1;
      flex: 1;
  counter-reset: lineNumber;
  padding-left: 3em;
  display: none;
}

.expanded + .psol-comp-index-items-line-result-line-data-container {
  display: block;
}

.psol-comp-index-items-line-result-line-info-text {
  padding: 6px;
}

.psol-comp-index-items-line-result-line-info-expanded .psol-comp-index-items-line-result-line-info-text {
  margin-bottom: 4px;
}

.psol-comp-index-items-line-result-line-data::before {
  counter-increment: lineNumber;
  content: counter(lineNumber);
  position: absolute;
  top: 1em;
  left: -2em;
}

.psol-comp-index-line-result-hasmore {
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-index-items-line-result .psol-comp-index-item-desc {
  margin-right: 50px;
  height: auto;
  line-height: normal;
  display: block;
  width: 100%;
}

.psol-comp-index-items-line-result .psol-comp-index-item-img-erp {
  margin: 5px;
  max-width: 32px;
  max-height: 32px;
}

.psol-comp-index-items-line-result-name {
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
  width: 100%;
  margin-bottom: 5px;
}

.psol-comp-index-items-line-result-line-details-name {
  font-weight: bold;
}

.psol-comp-index-item-geometric-wrapper {
  padding-left: 12px;
}

.psol-comp-index-items-single-parts-result {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.psol-comp-index-items-single-parts-result-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  margin-bottom: 5px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 12px;
  position: relative;
  background: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  cursor: pointer;
}

.psol-comp-index-items-single-parts-result-line:hover,
.psol-comp-index-items-single-parts-result-line:active {
  z-index: 3;
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}

.psol-comp-index-items-single-parts-result-line-header {
  border-bottom: 1px solid #ededea;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.psol-comp-index-items-single-parts-result-line-block {
  padding-right: 0.5em;
  border-right: 1px solid #ededea;
  margin-right: 0.5em;
}

.psol-comp-index-items-single-parts-result-line-block:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}

.psol-comp-index-items-single-parts-result-line-image {
  width: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.psol-comp-index-items-single-parts-result-line-image-preview {
  width: 100%;
}

.psol-comp-index-items-single-parts-result-line-image-erp {
  position: absolute;
  width: 15px;
  left: 0;
  top: 0;
}

.psol-comp-index-items-single-parts-result-line-catalog {
  width: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-index-items-single-parts-result-line-catalog > img {
  width: 100%;
}

.psol-comp-index-items-single-parts-result-line-details-name,
.psol-comp-index-items-single-parts-result-line-details-nb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.psol-comp-index-items-single-parts-result-line-details {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
}

.psol-comp-index-items-single-parts-result-line-details-nn {
  font-size: 14px;
}

.psol-comp-index-items-single-parts-result-line-variables {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
}

.psol-comp-index-items-single-parts-result-line-variables-chkbx {
  display: none;
}

.psol-comp-index-items-single-parts-result-line-variables-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.psol-comp-index-items-single-parts-result-line-variables-content-tabvars,
.psol-comp-index-items-single-parts-result-line-variables-content-erpvars {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 2.4em;
  position: relative;
}

.psol-comp-index-items-single-parts-result-line-variables-content-erpvars {
  border-top: 1px solid #ededea;
  margin-top: 0.25em;
  padding-top: 0.25em;
  box-sizing: border-box;
}

.psol-comp-index-items-single-parts-result-line-variables-content-hasmore::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.75em;
  background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
}

.psol-comp-index-items-single-parts-result-line-variables-chkbx:checked + .psol-comp-index-items-single-parts-result-line-variables-content .psol-comp-index-items-single-parts-result-line-variables-content-hasmore::after {
  content: none;
}

.psol-comp-index-items-single-parts-result-line-variables-content-item + .psol-comp-index-items-single-parts-result-line-variables-content-item {
  padding-left: 0.5em;
  border-left: 2px solid #ededea;
  margin-left: 0.5em;
}

.psol-comp-index-items-single-parts-result-line-variables-content-item-name {
  font-weight: bold;
}

.psol-comp-index-items-single-parts-result-line-variables-expand {
  margin-left: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #9ab6ca;
  color: white;
  padding: 0 0.5em;
  border: 1px solid rgba(154, 182, 202, 0.8);
  border-radius: 0.25em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: none;
}

.psol-comp-index-items-single-parts-result-line-variables-expand:hover,
.psol-comp-index-items-single-parts-result-line-variables-expand:active {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  -ms-transform: scale(1.025);
      transform: scale(1.025);
}

.psol-comp-index-items-single-parts-result-line-variables-expand::before {
  content: attr(data-expand);
}

.psol-comp-index-items-single-parts-result-line-variables-chkbx:checked ~ .psol-comp-index-items-single-parts-result-line-variables-expand::before {
  content: attr(data-collapse);
}

.psol-comp-index-items-single-parts-result-line-geo-distance {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  border: 1px solid;
  box-sizing: border-box;
  background: #ffffff;
}

.psol-comp-index-items-single-parts-result-line-geo-distance::after {
  content: attr(data-value);
  display: block;
  font-size: 8px;
  position: relative;
  text-align: center;
}

.psol-comp-index-items-single-parts-result-line-geo-distance-value {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.psol-comp-large .psol-comp-index-items-single-parts-result-line {
  -ms-flex-direction: row;
      flex-direction: row;
}

.psol-comp-large .psol-comp-index-items-single-parts-result-line-header {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-right: 1px solid #ededea;
  padding-right: 0.5em;
  margin-right: 0.5em;
  min-width: 40%;
}

.psol-comp-large .psol-comp-index-items-single-parts-result-line-variables-content {
  max-height: 60px;
}

.psol-comp-large .psol-comp-index-items-single-parts-result-line-variables-content-tabvars {
  max-height: 100%;
}

.psol-comp-large .psol-comp-index-items-single-parts-result-line-variables-content-erpvars {
  min-height: 30px;
}

.psol-comp-index-items-single-parts-result-line-variables-chkbx:checked ~ .psol-comp-index-items-single-parts-result-line-variables-content .psol-comp-index-items-single-parts-result-line-variables-content-tabvars,
.psol-comp-index-items-single-parts-result-line-variables-chkbx:checked ~ .psol-comp-index-items-single-parts-result-line-variables-content .psol-comp-index-items-single-parts-result-line-variables-content-erpvars {
  max-height: none;
  white-space: normal;
}

.psol-comp-large .psol-comp-index-items-single-parts-result-line-variables-chkbx:checked + .psol-comp-index-items-single-parts-result-line-variables-content {
  max-height: initial;
}

.psol-comp-mapViewer-container {
  height: 100%;
  width: 100%;
}

.psol-comp-mapViewer-map-canvas {
  height: 100%;
  width: 100%;
}

.psol-comp-webviewer3d-measure-container {
  position: absolute;
  display: none;
  z-index: 10;
  background-color: #eff4fa;
  border: 1px solid #d3d3d3;
  text-align: center;
  -ms-flex-direction: column;
      flex-direction: column;
  top: 64px;
  left: 10px;
}

.psol-comp-measureDialog-measureHeader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  cursor: move;
  background-color: #9ab6ca;
  color: #ffffff;
  padding: 0 10px;
}

.psol-comp-measureDialog-measureHeader p {
  margin: 0.5em;
}

.psol-comp-measureDialog-part,
.psol-comp-measureDialog-partHistory,
.psol-comp-measureDialog-partHistoryClear {
  margin: 10px;
  border: 2px solid #cec9c9;
}

.psol-comp-measureDialog-partHistoryClear {
  background-color: #ff5e35;
  color: darkgray;
}

.psol-comp-measureDialog-partHistoryClear:hover {
  background-color: #fa3706;
}

.psol-comp-measureDialog-partCompare {
  font-size: smaller;
  margin: 10px 10px 10px 14px;
  text-align: left;
}

.psol-comp-measureDialog-partHistory:hover {
  background-color: #9ab6ca;
}

.psol-comp-measureDialog-partContentContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.psol-comp-measureDialog-partContent {
  margin: 10px;
  text-align: left;
  min-width: 210px;
}

.psol-comp-measureDialog-partName {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: bold;
  padding: 3px 13px;
  height: 30px;
  background: rgb(217, 224, 228);
}

.psol-comp-measureDialog-measureHistoryHeader,
.psol-comp-measureDialog-measureCompareHeader {
  background-color: rgb(124, 124, 124);
  color: #ffffff;
}

.psol-comp-measureDialog-measureCompareHeader,
.psol-comp-measureDialog-measureHistoryHeader,
.psol-comp-measureDialog-measureCompareContainer {
  display: none;
}

.psol-comp-measureDialog-highlighter {
  border-color: red;
}

.psol-comp-measureDialog-partIcon {
  width: 55px;
  height: 55px;
  margin: 10px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  background-size: 100%;
}

.psol-comp-measureDialog-partIcon-plane {
  background-image: url(../img/measure/plane.svg);
}

.psol-comp-measureDialog-partIcon-cone {
  background-image: url(../img/measure/cone.svg);
}

.psol-comp-measureDialog-partIcon-cylinder {
  background-image: url(../img/measure/cylinder.svg);
}

.psol-comp-measureDialog-partIcon-sphere {
  background-image: url(../img/measure/sphere.svg);
}

.psol-comp-measureDialog-partIcon-torus {
  background-image: url(../img/measure/torus.svg);
}

.psol-comp-measureDialog-partIcon-thread {
  background-image: url(../img/measure/thread.svg);
}

.psol-comp-measureDialog-reset {
  width: 22px;
  height: 22px;
  background-position: 50%, 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  cursor: pointer;
  padding-left: 10px;
}

.psol-comp-measureDialog-reset .solid-dark {
  fill: #d80000;
}

.psol-comp-measureDialog-part .psol-comp-viewbase-svgicon,
.psol-comp-measureDialog-part .psol-comp-viewbase-circle {
  width: 18px;
  height: 18px;
}

.psol-comp-measureDialog-crossDelete {
  cursor: pointer;
}

.psol-comp-measureDialog-closeContainer {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 5px;
  margin-right: 5px;
}

.psol-comp-message-dialog {
  /*
  overflow-y: auto;
  overflow-x: hidden;
  */
}

.psol-comp-progress-dialog {
  padding: 10px;
}

.psol-comp-QRScan-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.psol-comp-QRScan-video-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.psol-comp-QRScan-canvas {
  display: none;
}

.psol-comp-QRScan-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border: 1px solid black;
}

.psol-comp-QRScan-focusQuadrat {
  position: absolute;
  border: 4px dashed #ffa500;
  pointer-events: none;
}

.psol-comp-radialMenu-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.psol-comp-radialMenu-button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  transition: all 0.2s ease-in;
  transition-property: opacity, visibility, transform;
}

.psol-comp-radialMenu-mainActionsContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.psol-comp-radialMenu-mainAction {
  opacity: 0;
  visibility: hidden;
  margin: auto;
  position: absolute;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  transition: all 0.2s ease-in;
  transition-property: opacity, visibility, transform;
}

.psol-comp-radialMenu-subActionsContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.psol-comp-radialMenu-subAction {
  opacity: 0;
  visibility: hidden;
  margin: auto;
  position: absolute;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  transition: all 0.2s ease-in;
  transition-property: opacity, visibility, transform;
}

.psol-comp-searchbar-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

.psol-comp-searchbar-controlcontainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.psol-comp-searchbar-searchbar-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-positive: 9999;
      flex-grow: 9999;
  -ms-flex-align: center;
      align-items: center;
  padding: 6px;
  min-width: 250px;
}

.psol-comp-searchbar-searchbar-searchtypecontainer {
  display: none;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  border: 1px solid #9ab6ca;
  margin-right: 8px;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-searchbar-searchbar-searchtype-fulltext,
.psol-comp-searchbar-searchbar-searchtype-typecode {
  width: 32px;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.psol-comp-searchbar-searchbar-searchtype-active {
  background-color: #9ab6ca;
}

.psol-comp-searchbar-searchbar-searchtype-active svg * {
  fill: #ffffff;
}

.psol-com-searchbar-inputcontainer {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: center;
      justify-content: center;
}

.psol-comp-searchbar-input {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-searchbar-reset {
  position: absolute;
  right: 12px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: none;
}

.psol-comp-searchbar-searchbutton {
  height: 100%;
  width: 32px;
  background-color: #9ab6ca;
  padding-left: 5px;
  padding-right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

.psol-comp-searchbar-searchbutton path {
  fill: white;
}

.psol-comp-searchbar-searchselection-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-searchbar-autocomplete-suggestions-container {
  display: none;
  position: absolute;
  z-index: 2;
  background: #ffffff;
  padding: 0 5px;
  border: 1px solid #cccccc;
  border-top-color: #d9d9d9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-height: 160px;
  overflow-y: auto;
  left: 12px;
  right: 12px;
  top: calc(100% - 6px);
  cursor: pointer;
}

.psol-comp-searchbar-autoCompl-bold {
  font-weight: bold;
}

.psol-comp-searchbar-autocomplete-suggestion {
  padding-top: 5px;
}

.psol-comp-searchbar-autocomplete-suggestion.selected {
  background-color: #9ab6ca;
}

.psol-comp-searchselection-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-searchselection-searchin-container {
  display: none;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  padding: 6px;
}

.psol-comp-searchselection-searchresult-container {
  display: none;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  padding: 6px;
}

.psol-comp-searchselection-searchin-label,
.psol-comp-searchselection-searchresult-label {
  white-space: nowrap;
  margin-right: 6px;
}

.psol-comp-searchselection-searchin-select,
.psol-comp-searchselection-searchtype-select {
  -ms-flex-positive: 1;
      flex-grow: 1;
  /* margin-left: 6px;
  width: 100%; */
}

.psol-comp-searchselection-searchin-select option[value='custom'] {
  display: none;
}

.psol-comp-slider {
  width: 100%;
  height: 100%;
}
.psol-comp-slider-container {
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.psol-comp-slider-input {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-slider-input-left,
.psol-comp-slider-input-right {
  width: calc(30% - 10px);
}

.psol-comp-slider-input-translate-y {
  -ms-transform: translateY(50%);
      transform: translateY(50%);
}

.psol-comp-slider-input-left {
  margin-right: 6px;
  margin-left: 1px;
}

.psol-comp-slider-input-right {
  margin-left: 6px;
  margin-right: 1px;
}

.psol-comp-slider-pos-both .psol-comp-slider-container {
  /* width: 50%; */
}

.psol-comp-slider-pos-both .psol-comp-slider-input-left,
.psol-comp-slider-pos-both .psol-comp-slider-input-right {
  width: calc(25% - 10px);
}

.psol-comp-sketchimageeditor-main {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-sketchimageeditor {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-sketchimageeditor-container {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  min-width: 150px;
  min-height: 150px;
}

.psol-comp-sketchimageeditor-container.rotate90 {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.psol-comp-sketchimageeditor-container.rotate180 {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.psol-comp-sketchimageeditor-container.rotate270 {
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}

.psol-comp-sketchimageeditor-rotatebutton-container > .psol-comp-sketchimageeditor-rotatebutton.psol-comp-viewbase-button {
  min-width: 40px;
  height: 40px;
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.psol-comp-sketchimageeditor-rotatebutton.psol-comp-sketchimageeditor-rotatebutton-left.psol-comp-viewbase-button {
  background-image: url(../img/sketchimageeditor/rotateleft.png);
}

.psol-comp-sketchimageeditor-rotatebutton.psol-comp-sketchimageeditor-rotatebutton-right.psol-comp-viewbase-button {
  background-image: url(../img/sketchimageeditor/rotateright.png);
}

.psol-comp-sketchimageeditor-description {
  font-weight: bold;
}

.psol-comp-sketchimageeditor-settings-container {
  margin-top: 5px;
}

.psol-comp-sketchimageeditor-slider-container {
  margin-top: 2px;
}

.psol-comp-sketchimageeditor-button-spacer {
  width: 10px;
}

.psol-comp-sketchimageeditor-settings-spacer {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.psol-comp-sketchimageeditor-image {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: 100%;
  max-height: 100%;
}

.psol-comp-sketchimageeditor-settings-buttons-container {
  padding-bottom: 5px;
}

.psol-comp-sketchimageeditor-container.psol-comp-viewbase-flex-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

@media (max-height: 775px) and (min-width: 768px) {
  .psol-comp-sketchimageeditor-main {
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  .psol-comp-sketchimageeditor-main .psol-comp-viewbase-flex-item-full {
    -ms-flex-direction: row;
        flex-direction: row;
    height: auto;
  }

  .psol-comp-sketchimageeditor-container.psol-comp-viewbase-flex-container {
    display: -ms-flexbox;
    display: flex;
  }

  .psol-comp-sketchimageeditor-settings-all-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    padding-right: 15px;
  }

  .psol-comp-sketchimageeditor-settings-container,
  .psol-comp-sketchimageeditor-settings-buttons-container {
    height: 50%;
  }
}

@media (max-width: 768px) {
  .psol-comp-sketchimageeditor-main {
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  .psol-comp-sketchimageeditor-main .psol-comp-viewbase-flex-item-full {
    height: auto;
  }
}

.psol-comp-suggestionsTags-container {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.psol-comp-suggestionsTags-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 5px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.08);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  cursor: pointer;
}

.psol-comp-suggestionsTags-item-label {
  padding-right: 0;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.psol-comp-suggestionsTags-item-remove {
  padding-right: 5px;
  padding-left: 5px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

.psol-comp-similarWordsTag-container,
.psol-comp-didYouMeanTags-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 5px;
}

.psol-comp-similarWordsTag-container > span,
.psol-comp-didYouMeanTags-container > span {
  font-weight: bold;
}

.psol-comp-table-sticky-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.psol-comp-table-sticky-wrap.psol-comp-table-overflow-x {
  overflow-x: auto;
}
.psol-comp-table-sticky-wrap div.psol-comp-table-sticky-col,
.psol-comp-table-sticky-wrap div.psol-comp-table-sticky-intersect,
.psol-comp-table-sticky-wrap div.psol-comp-table-sticky-thead {
  overflow: hidden;
}
.psol-comp-table-sticky-wrap tfoot {
  display: none;
}
.psol-comp-table-sticky-enabled {
  margin: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
}

.psol-comp-table-sticky-wrap div .psol-comp-table-sticky-enabled {
  margin: 0;
  position: relative;
  width: auto;

  /* Prevent table from stretching to full size */
}
.psol-comp-table-sticky-wrap .psol-comp-table-sticky-thead,
.psol-comp-table-sticky-wrap .psol-comp-table-sticky-col,
.psol-comp-table-sticky-wrap .psol-comp-table-sticky-intersect {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;

  /* transition: opacity .25s ease-in-out; */
}
.psol-comp-table-sticky-wrap .psol-comp-table-sticky-thead {
  /* box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, .125); */
  z-index: 100;
  width: 100%;

  /* Force stretch */
}
.psol-comp-table-sticky-wrap .psol-comp-table-sticky-intersect {
  opacity: 1;
  z-index: 150;
}
.psol-comp-table-sticky-wrap td,
.psol-comp-table-sticky-wrap th {
  box-sizing: border-box;
}
.psol-comp-table-sticky-wrap thead th {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.psol-comp-table-scrollcontainer {
  position: relative;
  width: 100%;
  height: 100%;
}
.psol-comp-table-scrollcontainer table {
  border-collapse: collapse;
  position: relative;
}
.psol-comp-table-maintable {
  width: 100%;
}
.psol-comp-table-th {
  border: 1px solid #ffffff;
  padding: 6px;
  min-width: 32px;
  color: #e6edf2;
  vertical-align: middle;
}
.psol-comp-table-th-horizontal {
  vertical-align: top;
}
.psol-comp-table-th-rows {
  background-color: #dae1e5;
  color: #326283;
}
th.psol-comp-table-th[data-current=true] {
  background-color: #9ab6ca;
  color: #ffffff;
}
.psol-comp-table-scrollcontainer table td {
  text-align: left;
  border: 1px solid #ffffff;
  padding: 6px;
  vertical-align: middle;
  text-overflow: ellipsis;

  /* word-break: break-all; */
}
.psol-comp-table-scrollcontainer table tr {
  background-color: #ffffff;
}
.psol-comp-table-scrollcontainer table tr:nth-child(even) {
  background-color: #f2f3f4;
}
.psol-comp-table-scrollcontainer table .psol-comp-table-cornerheader {
  width: 50px;
  text-align: left;
  vertical-align: top;
}
.psol-comp-table-colheadercontainer {
  position: relative;

  /* display: table;
  height: 100%;
  width: 100%; */
  min-height: 24px;
}
.psol-comp-table-colheadercontent {
  height: 100%;
  padding-right: 30px;
}
.psol-comp-table-scrollcontainer table .psol-comp-table-colname {
  font-weight: bold;
  /*white-space: nowrap;*/
}
.psol-comp-table-coldesc {
  color: #ffffff;
}
.psol-comp-table-scrollcontainer table .psol-comp-table-coldesc {
  opacity: 0.5;
  font-weight: normal;
  font-size: 12px;
  width: 0;
  text-align: left;
}
.psol-comp-table-wrappedcols-table div .psol-comp-table-coldesc {
  width: 100%;
}
.psol-comp-table-coldesc-reduced {
  line-height: normal;
  height: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.psol-comp-table-coldesc-full {
  white-space: normal;
  word-wrap: break-word;
}
.psol-comp-table-colheaderinfo {
  cursor: pointer;
  width: 24px;
  height: 100%;
  background-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 50%;
}
.psol-comp-table-colimagecontainer {
  width: 32px;
  height: 32px;
}
.psol-comp-table-colimage {
  max-width: 32px;
  max-height: 32px;
}
.psol-comp-table-rowheadercell {
  min-height: 25px;
  width: 100%;
}
.psol-comp-table-cellcontainer {
  position: relative;

  /* display: table;
  height: 100%;
  width: 100%; */
}
.psol-comp-table-rowheadercontainer {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: right;
}
.psol-comp-table-rowheader {
  vertical-align: middle;
}
.psol-comp-table-selectrow {
  cursor: pointer;
}
.psol-comp-table-rowheadercellRowID {
  text-align: right;
  padding-left: 27px;
  padding-right: 6px;
}
.psol-comp-table-rowheadercellRowDesc {
  text-align: left;
  padding-left: 27px;
  padding-right: 6px;
}
.psol-comp-table-wrappedcolscontainer {
  padding: 8px;
}
.psol-comp-table-wrappedcols-table {
  width: 100%;
}
.psol-comp-table-wrappedcolscontainer table td {
  word-break: break-all;
  word-break: break-word;
  width: 50%;
}
.psol-comp-table-wrappedcoltd {
  background-color: #ffffff;
  padding-right: 0 !important;
}
.psol-comp-table-missingcolscol {
  text-align: left;
  word-break: break-all;
}
.psol-comp-table-scrollcontainer table td[data-current=true] {
  background-color: #d9e0e4;
}
.psol-comp-table-scrollcontainer table td[data-datatype='Z'] {
  text-align: right;
}
.psol-comp-table-scrollcontainer table td[data-fwtype='FWTYP_NAMED'] {
  text-align: left;
}
.psol-comp-table-scrollcontainer table td[data-type='MM_FW'] {
  color: #000000;
  cursor: pointer;
}
.psol-comp-table-scrollcontainer table td[data-isexecutable=true] {
  cursor: pointer;
}
.psol-comp-table-editvar {
  cursor: pointer;
  width: 24px;
  min-height: 24px;
  height: 100%;
  background-size: 24px;
  background-image: url(../img/table/edit.png);
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 50%;
}
.psol-comp-table-cellcontent {
  height: 100%;
}
.psol-comp-table-cellcontent-edit {
  padding-right: 30px;
  line-height: 24px;
}
.psol-comp-table-cellcontent-img {
  margin-right: 8px;
  border: 1px solid #cccccc;
}
.psol-comp-table-collapse {
  position: absolute;
  width: 25px;
  height: 25px;
  background-size: contain;
  cursor: pointer;
}
.psol-comp-table-collapse-vargroups {
  width: 25px;
  height: 25px;
  background-size: contain;
  cursor: pointer;
}
div.psol-comp-table-collapse[data-wrapcolumns=true],
div.psol-comp-table-collapse-vargroups[data-wrapcolumns=true],
div.psol-comp-table-colheaderinfo[data-toggled=true] {
  background-image: url(../img/table/minus.png);
}
div.psol-comp-table-collapse[data-wrapcolumns=false],
div.psol-comp-table-collapse-vargroups[data-wrapcolumns=false],
div.psol-comp-table-colheaderinfo[data-toggled=false] {
  background-image: url(../img/table/plus.png);
}
th.psol-comp-table-rowHeaderCurrent[data-current=true] {
  background-color: #9ab6ca;
}
.psol-comp-table-columnHeader {
  background-color: #9ab6ca;
}
.psol-comp-table-sticky-disabled {
  overflow: auto;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.psol-comp-table-row-status-icon {
  max-width: 48px;
  max-height: 48px;
}
.psol-comp-table-eol-icon {
  position: absolute;
  height: 18px;
  width: 18px;
}

.psol-comp-table-eol-icon-collapse {
  top: 27px;
}

.psol-comp-table-eol-icon svg {
  width: 100%;
  height: 100%;
}

.psol-comp-table-variable-group {
  overflow: hidden;
  padding: 8px;
  width: 100%;
  background-color: #9ab6ca;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #aaaaaa;
}

.psol-comp-table-variable-group-description {
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
  color: white;
}

[data-b-view*='psol-comp-TableCompare'] svg {
  width: 20px;
  height: 20px;
  border: 1px #00b359 solid;
  border-radius: 50%;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  padding: 1px;
}
.psol-comp-table-scrollcontainer[data-b-view*='psol-comp-TableCompare'] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[data-b-view*='psol-comp-TableCompare'] circle {
  fill: none;
  stroke-width: 31;
}

.psol-comp-table-fixed-layout {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.psol-comp-table-table-cell-three {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
  word-break: break-all;
}

.psol-comp-tablecompare-column-delete {
  width: 30px;
  height: 30px;
  background-position: 50%, 50%;
  background-repeat: no-repeat;
  float: right;
  background-size: 20px;
  background-image: url(../img/dialogbase/close_button.png);
  cursor: pointer;
  opacity: 0.4;
}

.psol-comp-tablecompare-button {
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  padding: 3px;
  margin: 5px;
  width: 15px;
  height: 15px;
  color: #ffffff;
  font-size: 10px;
  opacity: 0.5;
}

.psol-comp-tablecompare-column-delete:hover,
.psol-comp-tablecompare-button:hover,
.psol-comp-tablecompare-button.active {
  opacity: 1;
}

.psol-comp-tablecompare-button-master {
  background: #9ab6ca;
}

.psol-comp-tablecompare-button-3dFirst {
  background: #86b6ff;
}

.psol-comp-tablecompare-button-3dSecond {
  background: #ff9090;
}

.psol-comp-table-list-execfile > .psol-comp-table-list-collapse-container > .psol-comp-table-list-value-container {
  cursor: pointer;
}

.psol-comp-tablecompare-header-options {
  width: 100%;
}

.psol-comp-paging {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 0.5em;
}

.psol-comp-paging-handle,
.psol-comp-paging-prev,
.psol-comp-paging-next,
.psol-comp-paging-spacer {
  padding: 0.5em 1em;
  background-color: #7c9eb3;
  color: #ffffff;
  cursor: pointer;
  min-width: 2.5em;
  box-sizing: border-box;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}

.psol-comp-paging-prev {
  background-image: url(../img/tablepsol/chevron-left-active.svg);
}

.psol-comp-paging-next {
  background-image: url(../img/tablepsol/chevron-right-active.svg);
}

.psol-comp-paging-spacer,
.psol-comp-paging-handle-selected {
  cursor: default;
}

.psol-comp-paging-selline {
  background: #d88d57;
  background-image: url(../img/tablepsol/focus-field-horizontal.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.psol-comp-paging-handle + .psol-comp-paging-prev,
.psol-comp-paging-prev + .psol-comp-paging-handle,
.psol-comp-paging-handle + .psol-comp-paging-handle,
.psol-comp-paging-handle + .psol-comp-paging-spacer,
.psol-comp-paging-spacer + .psol-comp-paging-handle,
.psol-comp-paging-handle + .psol-comp-paging-next {
  margin-left: 0.25em;
}

.psol-comp-paging-handle-selected {
  background-color: #48718a;
}

.psol-comp-paging-handle:hover:not(.psol-comp-paging-handle-selected),
.psol-comp-paging-prev:hover,
.psol-comp-paging-next:hover {
  background-color: #80acc7;
}

.psol-comp-paging-handle:active:not(.psol-comp-paging-handle-selected),
.psol-comp-paging-prev:active,
.psol-comp-paging-next:active {
  background-color: #48718a;
}

.psol-comp-paging-handle.psol-comp-paging-selline:hover {
  background-color: #da9b6e;
}

.psol-comp-paging-handle.psol-comp-paging-selline:active {
  background-color: #cc7d45;
}

.psol-comp-table-psol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 100%;
}

.psol-comp-table-psol-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.psol-comp-table-psol-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  max-width: 25em;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  margin-right: 1em;
}

.psol-comp-table-psol-search-input::-ms-clear {
  display: none;
}

.psol-comp-table-psol-search-clear {
  margin: 0.25em;
  width: 1.25em;
  height: 1.25em;
  background-image: url(../img/tablepsol/close.svg);
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  display: none;
}

.psol-comp-table-psol-search-prev,
.psol-comp-table-psol-search-next {
  border-left: 1px solid #aaaaaa;
  padding: 0.25em;
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 1em;
}

.psol-comp-table-psol-search-prev {
  background-image: url(../img/tablepsol/chevron-left.svg);
}

.psol-comp-table-psol-search-next {
  background-image: url(../img/tablepsol/chevron-right.svg);
}

.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-clear {
  display: block;
}

.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-prev,
.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-next {
  background-color: #7c9eb3;
  cursor: pointer;
}

.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-prev {
  background-image: url(../img/tablepsol/chevron-left-active.svg);
}

.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-next {
  background-image: url(../img/tablepsol/chevron-right-active.svg);
}

.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-prev:hover,
.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-next:hover {
  background-color: #80acc7;
}

.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-prev:active,
.psol-comp-table-psol-search-active > .psol-comp-table-psol-search-next:active {
  background-color: #48718a;
}

.psol-comp-table-psol-vargroups {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-table-psol-vargroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-table-psol-vargroup + .psol-comp-table-psol-vargroup {
  margin-left: 1em;
}

.psol-comp-table-psol-vargroup-chkbx {
  display: none;
}

.psol-comp-table-psol-vargroup-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-table-psol-vargroup-label::before {
  content: '';
  width: 1em;
  height: 1em;
  display: block;
  /* background-image: url(../img/tablepsol/checkbox-blank-outline.svg); */
  background-size: cover;
  margin-right: 0.25em;
  border: 1px solid black;
  box-sizing: border-box;
}

.psol-comp-table-psol-vargroup-chkbx:checked + .psol-comp-table-psol-vargroup-label::before {
  background-image: url(../img/tablepsol/check.svg);
}

.psol-comp-table-psol-data-container {
  overflow: auto;
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
}

.psol-comp-table-psol-data {
  position: relative;
  border-spacing: 0;
  cursor: default;
}

.psol-comp-table-psol-rowShaderBase {
  display: none;
}

.psol-comp-table-psol-columnheader-cell,
.psol-comp-table-psol-columnheader-corner {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #ffffff;
  font-weight: normal;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  padding-top: 0.5em;
}

.psol-comp-table-psol-columnheader-cell {
  z-index: 1;
  border-bottom: 1px solid #d8d8d8;
  max-width: 6.25em; /* 100px @ font-size 16px*/
}

.psol-comp-table-psol-columnheader-cell:hover {
  background-color: #d9ebf9;
}

.psol-comp-table-psol-columnheader-cell-ascending::before,
.psol-comp-table-psol-columnheader-cell-descending::before {
  content: '';
  position: absolute;
  border-left: 1px solid;
  border-top: 1px solid;
  width: 0.5em;
  height: 0.5em;
  -ms-transform: rotate(-135deg);
      transform: rotateZ(-135deg);
  top: -0.2em;
  display: inline-block;
  margin-left: -0.25em;
}

.psol-comp-table-psol-columnheader-cell-ascending::before {
  -ms-transform: rotate(45deg);
      transform: rotateZ(45deg);
  top: 0.2em;
}

.psol-comp-table-psol-columnheader-cell-descending::before {
  -ms-transform: rotate(-135deg);
      transform: rotateZ(-135deg);
  top: -0.2em;
}

.psol-comp-table-psol-columnheader-corner {
  left: 0;
  z-index: 2;
}

.psol-comp-table-psol-columnheader-corner,
.psol-comp-table-psol-rowheader {
  border-left: 1px solid #d8d8d8;
}

.psol-comp-table-psol-columnheader-cell-desc,
.psol-comp-table-psol-columnheader-cell-name,
.psol-comp-table-psol-rowheader {
  padding: 0 0.5em;
}

.psol-comp-table-psol-columnheader-cell-name {
  font-weight: bold;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-table-psol-columnheader-cell-name-img {
  width: 1.25em;
  margin-right: 0.25em;
}

.psol-comp-table-psol-columnheader-cell-name-text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.psol-comp-table-psol-columnheader-cell-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 0 solid rgba(0, 0, 0, 0);
  padding-bottom: 0;
  margin-bottom: 0.25em;
}

.psol-comp-table-psol-columnheader-cell-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
}

.psol-comp-table-psol-columnheader-cell-filter-active {
  background-color: #ffcc00;
}

.psol-comp-table-psol-columnheader-cell-filter input[type='text'],
.psol-comp-table-psol-search input[type='text'] {
  border: 0;
  outline: none;
  padding: 0.25em 0.5em;
  border-style: solid;
  width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  background-color: rgba(0, 0, 0, 0);
}

.psol-comp-table-psol-columnheader-cell-filter input[type='text']:focus,
.psol-comp-table-psol-search input[type='text']:focus {
  outline: none;
  box-shadow: none;
}

.psol-comp-table-psol-columnheader-cell-filter-delete {
  width: 1.25em;
  height: 1.25em;
  background-image: url(../img/tablepsol/close.svg);
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  display: none;
}

.psol-comp-table-psol-columnheader-cell-filter-active > .psol-comp-table-psol-columnheader-cell-filter-delete {
  display: block;
}

.psol-comp-table-psol-row {
  background-color: #ffffff;
}

.psol-comp-table-psol-row:not(.psol-comp-table-psol-row-selected):nth-child(even) {
  background-color: #f6f6f6;
}

.psol-comp-table-psol-rowheader {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background-color: #ffffff;
  white-space: nowrap;
  z-index: 1;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #d8d8d8d8;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-rowheader {
  color: #ffffff;
  background-color: #7c9eb3 !important;
}

.psol-comp-table-psol-row:last-child > .psol-comp-table-psol-rowheader {
  border-bottom: 1px solid #d8d8d8;
}

.psol-comp-table-psol-rowheader-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-table-psol-rowHeader-erpstate {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
}

.psol-comp-table-psol-rowHeader-avoid {
  color: #186d8c;
  margin-right: 0.25em;
}

.psol-comp-table-psol-rowHeader-eol {
  width: 1em;
  height: 1em;
  display: -ms-flexbox;
  display: flex;
}

.psol-comp-table-psol-rowheader-text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  font-family: monospace;
}

.psol-comp-table-psol-rowheader-text-lineno {
  text-align: right;
}

.psol-comp-table-psol-rowheader-text-lindesc {
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0;
  text-align: left;
}

.psol-comp-table-psol-row-selected {
  background-color: #7c9eb3;
  color: #ffffff;
}

.psol-comp-table-psol-rowcell {
  text-align: center;
  padding: 0.25em 0.5em;
  white-space: nowrap;
  position: relative;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  max-width: 31.2em; /* 500px @ font-size 16px */
  overflow: hidden;
  text-overflow: ellipsis;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-rowcell {
  background-color: rgba(0, 0, 0, 0) !important;
}

.psol-comp-table-psol-cell-icon {
  padding-right: 2.5em;
}

.psol-comp-table-psol-cell-icon::after {
  width: 1.25em;
  height: 1.25em;
  border: 1px solid #777777;
  position: absolute;
  right: 0.5em;
  top: calc(50% - 0.625em);
  box-sizing: border-box;
  background-size: cover;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-GM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-GM::after,
.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-SM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-SM::after,
.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-FM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-FM::after,
.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-DM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-DM::after {
  content: '';
  background-image: url(../img/tablepsol/lead-pencil.svg);
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-GM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-GM::after,
.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-SM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-SM::after {
  background-color: #e9e4b2;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-FM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-FM::after {
  background-color: #ff9d55;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-DM::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-DM::after {
  background-color: #fad57e;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-lock::after {
  content: '';
  background-image: url(../img/tablepsol/lock.svg);
  border: none;
}

.psol-comp-table-psol-row-selected > .psol-comp-table-psol-cell-icon-file::after,
.psol-comp-table-psol-columnheader-cell > .psol-comp-table-psol-cell-icon-file::after {
  content: '';
  background-image: url(../img/tablepsol/file.svg);
  border: none;
}

.psol-comp-table-psol-rowcell-image {
  height: 2em;
}

.psol-comp-table-psol-search-cell-active::before {
  content: '';
  position: absolute;
  top: 1px;
  right: 1px;
  left: 1px;
  bottom: 1px;
  border: 1px dashed;
  background: rgba(124, 158, 179, 0.25);
}

.psol-comp-table-psol-paging {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* css  for table list */
.psol-comp-table-list-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
  width: 100%;
  height: 100%;
}
.psol-comp-table-list-maintable {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}
.psol-comp-table-list-item {
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  /*border: 0 solid #aaaaaa;
  border-bottom-width: 1px;*/
  background: #ffffff;
  color: #000000;
  /*min-height: 55px;*/
  border-bottom: 1px solid #aaaaaa;
}
.psol-comp-table-list-item:first-child {
  border-top-width: 0;
}
.psol-comp-table-list-item:last-child {
  border-bottom-width: 0;
}

.psol-comp-table-list-item:nth-child(even) {
  background: #e8e8e8;
}

.psol-comp-table-list-item:nth-child(odd) {
  background: #eeeeee;
}

.psol-comp-table-list-item:nth-child(even) .psol-comp-viewbase-master {
  background: #ffcebc;
}

.psol-comp-table-list-item:nth-child(odd) .psol-comp-viewbase-master {
  background-color: #ffdacc;
}

.psol-comp-table-list-item-hover:hover {
  cursor: pointer;
}

.psol-comp-table-list-varName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*word-break: break-all;*/
}
.psol-comp-table-list-varDesc {
  word-break: break-word;
  color: #666666;
  font-weight: normal;
}

.psol-comp-table-list-header-desc-mode {
  color: #000000;
  font-weight: bold;
}

.psol-comp-table-list-value {
  font-weight: normal;
  -ms-flex-positive: 1;
      flex-grow: 1;
  word-wrap: break-word;
  word-break: break-all;
}

.psol-comp-table-list-value.no-img {
  margin: 6px;
}

.psol-comp-table-list-valueImage {
  width: 55px;
  height: 55px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 6px;
}

/*.psol-comp-table-list-finishedFixed {
  color: #666666;
}*/

.psol-comp-table-list-name-container {
  border-right: 1px solid #aaaaaa;
  overflow: hidden;
}

.psol-comp-table-list-value-container {
  border-right: 1px solid #aaaaaa;
}

.psol-comp-table-list-name-container,
.psol-comp-table-list-value-container {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex: 1;
      flex: 1;
}

.psol-comp-table-list-value-options-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /*border-left: 1px solid #aaaaaa;*/
  /*border-right: 1px solid #aaaaaa;*/
}

.psol-comp-table-list-value-options {
  width: 32px;
  height: 32px;
  margin: 6px;
}

.psol-comp-table-list-value-options-content {
  /*background-color: #ffffff;*/
  height: 100%;
  width: 100%;
}

.psol-comp-table-list-value-options-content svg {
  width: 100%;
  height: 100%;
}

.psol-comp-table-list-padding {
  overflow: hidden;
  margin: 6px;
}

.psol-comp-table-list-collapse-container {
  overflow: hidden;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.psol-comp-table-list-maintable .psol-comp-table-list-collapse-container {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.psol-comp-table-list-maintable.collapsed .psol-comp-table-list-collapse-container {
  display: block;
}

.psol-comp-table-list-warning {
  padding: 8px;
}

.psol-comp-viewbase-flex-container {
  display: -ms-flexbox;
  display: flex;
}
.psol-comp-viewbase-inline-flex-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.psol-comp-viewbase-flex-row {
  -ms-flex-direction: row;
      flex-direction: row;
}
.psol-comp-viewbase-flex-col {
  -ms-flex-direction: column;
      flex-direction: column;
}
.psol-comp-viewbase-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.psol-comp-viewbase-flex-align-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

.psol-comp-viewbase-flex-row.psol-comp-viewbase-flex-align-vcenter {
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-viewbase-flex-row.psol-comp-viewbase-flex-align-hcenter {
  -ms-flex-pack: center;
      justify-content: center;
}

.psol-comp-viewbase-flex-col.psol-comp-viewbase-flex-align-vcenter {
  -ms-flex-pack: center;
      justify-content: center;
}

.psol-comp-viewbase-flex-col.psol-comp-viewbase-flex-align-hcenter {
  -ms-flex-align: center;
      align-items: center;
}

.psol-comp-viewbase-flex-row.psol-comp-viewbase-flex-align-hright {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.psol-comp-viewbase-flex-item-full {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.psol-comp-viewbase-flex-item-full-shrink {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.psol-comp-viewbase-flex-items-1 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-1 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.psol-comp-viewbase-flex-items-2 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-2 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.psol-comp-viewbase-flex-items-3 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-3 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  max-width: 33.333%;
}
.psol-comp-viewbase-flex-items-4 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-4 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
.psol-comp-viewbase-flex-items-5 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-5 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
}
.psol-comp-viewbase-flex-items-6 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-6 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 16.666%;
      flex-basis: 16.666%;
  max-width: 16.666%;
}
.psol-comp-viewbase-flex-items-7 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-7 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 14.285%;
      flex-basis: 14.285%;
  max-width: 14.285%;
}
.psol-comp-viewbase-flex-items-8 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-8 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
  max-width: 12.5%;
}
.psol-comp-viewbase-flex-items-9 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-9 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 11.111%;
      flex-basis: 11.111%;
  max-width: 11.111%;
}
.psol-comp-viewbase-flex-items-10 > .psol-comp-viewbase-flex-item,
.psol-comp-viewbase-flex-items-10 > .psol-comp-viewbase-flex-item-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  max-width: 10%;
}

/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
  height: 55px;
}
.irs-with-grid {
  height: 75px;
}
.irs-line {
  height: 10px;
  top: 33px;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 16px;
  -moz-border-radius: 16px;
}
.irs-line-left {
  height: 8px;
}
.irs-line-mid {
  height: 8px;
}
.irs-line-right {
  height: 8px;
}
.irs-bar {
  height: 10px;
  top: 33px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: #f4f4f4;
}
.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #CCC;
  border-right: 0;
  background: #f4f4f4;
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px;
}
.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30);
}
.irs-slider {
  top: 25px;
  width: 27px;
  height: 27px;
  border: 1px solid #AAA;
  background: #9ab6ca;
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: none;
  cursor: pointer;
}
.irs-min, .irs-max {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
  background: #ccc;
}
.irs-from, .irs-to, .irs-single {
  color: #999;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #f4f4f4;
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  background: #999;
}
.irs-grid {
  height: 27px;
}
.irs-grid-pol {
  opacity: 0.5;
  background: #f4f4f4;
}
.irs-grid-pol.small {
  background: #999;
}
.irs-grid-text {
  bottom: 5px;
  color: #99a4ac;
}
.irs-disabled {}
.minicolors-sprite {
  background: url(../img/viewbase/jquery.minicolors.png);
}


      .border-thick, .border-thick--dashed, .border-thin, .border-thin--transparent, .border-thin--transparent--dashed {
        fill: none;
      }

      .border-thick, .border-thick--dashed, .border-thin, .border-thin--transparent, .border-thin--transparent--dashed, .gradient-left-to-right_border-thick, .gradient-left-to-right_border-thin--transparent, .gradient-right-to-left_border-thick, .gradient-right-to-left_border-thin--transparent, .solid-light_border-thick {
        stroke: #5b6166;
      }

      .border-thick, .border-thin, .border-thin--transparent, .gradient-right-to-left_border-thick, .gradient-right-to-left_border-thin--transparent, .solid-light_border-thick {
        stroke-linejoin: round;
      }

      .border-thick, .border-thick--dashed, .gradient-right-to-left_border-thick, .solid-light_border-thick {
        stroke-width: 3px;
      }

      .solid-dark {
        fill: #5b6166;
      }

      .border-thick--dashed, .border-thin--transparent--dashed, .gradient-left-to-right_border-thick, .gradient-left-to-right_border-thin--transparent {
        stroke-miterlimit: 10;
      }

      .border-thin, .border-thin--transparent, .border-thin--transparent--dashed, .gradient-right-to-left_border-thin--transparent {
        stroke-width: 1.5px;
      }

      .border-thick--dashed, .border-thin--transparent--dashed {
        stroke-dasharray: 6;
      }

      .border-thin--transparent, .border-thin--transparent--dashed, .gradient-left-to-right_border-thin--transparent, .gradient-right-to-left_border-thin--transparent, .table_opacity_50, .transparent-medium {
        opacity: 0.5;
      }

      .solid-medium, .transparent-medium {
        fill: #acafb2;
      }

      .solid-light, .solid-light_border-thick {
        fill: #d4d7d8;
      }

      .solid-red {
        fill: #ed1c24;
      }

      .gradient-right-to-left_border-thick, .gradient-right-to-left_border-thin--transparent {
        stroke-linecap: square;
      }

      .gradient-right-to-left_border-thick {
        fill: url(#right-to-left);
      }

      .gradient-left-to-right_border-thick {
        stroke-width: 3px;
        fill: url(#left-to-right);
      }

      .solid-light_border-thick {
        stroke-linecap: round;
      }

      .cls-2, .solid-white {
        fill: #fff;
      }

      .gradient-left-to-right_border-thin--transparent {
        fill: url(#left-to-right);
      }

      .gradient-right-to-left_border-thin--transparent {
        fill: url(#right-to-left);
      }

      .cls-2 {
        opacity: 0;
      }
      .sphere_gradient_dark {
        fill: url(#sphere_gradient_dark);
      }

      .sphere_gradient_medium {
        fill: url(#sphere_gradient_medium);
      }

      .gradient-right-to-left {
        fill: url(#right-to-left);
      }

      .gradient-left-to-right {
        fill: url(#left-to-right);
      }

      .transparent-dark {
        fill: #5c6062;
        fill-rule: evenodd;
        opacity: 0.75;
      }

      .solid-color-selection {
        fill: #5b6165;
      }

      .solid-active {
        fill: #6eb53a;
      }

      .pcl {
        fill: #5b6167;
      }

      .replace_green {
        fill: #3ce960;
      }

      .replace_yellow {
        fill: #f2df30;
      }

      .replace_red {
        fill: #fe4f14;
      }

      .solid-green {
        fill: #6eb43a;
      }

      .table_opacity_100 {
        fill: #111;
      }

      .table_opacity_35 {
        opacity: 0.35;
      }

      .table_green {
        fill: #41ad49;
      }
	  
	  .prjExternalFile {
        fill: #68a3c0;
      }
    
.psol-comp-viewbase-action-State-active svg .solid-dark {
  fill: #6eb53a;
}

.psol-comp-viewbase-action-State-active svg .border-thick,
.psol-comp-viewbase-action-State-active svg .border-thin,
.psol-comp-viewbase-action-State-active svg .border-thick--dashed,
.psol-comp-viewbase-action-State-active svg .gradient-left-to-right_border-thick,
.psol-comp-viewbase-action-State-active svg .gradient-right-to-left_border-thick {
  stroke: #6eb53a;
}

.psol-comp-viewbase-action-State-active svg .solid-light_border-thick {
  stroke: #6eb53a;
  fill: #c2efa5;
}

.psol-comp-viewbase-action-State-active svg path[class*=gradient-left-to-right] {
  fill: url(#left-to-right-active); /* stylelint-disable-line */
}

.psol-comp-viewbase-action-State-active svg path[class*=gradient-right-to-left] {
  fill: url(#right-to-left-active); /* stylelint-disable-line */
}

.psol-comp-viewbase-action-State-active svg circle[class*=sphere_gradient_dark] {
  fill: url(#sphere_gradient_dark_active); /* stylelint-disable-line */
}

.psol-comp-viewbase-action-State-active svg circle[class*=sphere_gradient_medium] {
  fill: url(#sphere_gradient_medium_active); /* stylelint-disable-line */
}

.psol-comp-viewbase-action-State-disabled svg {
  fill-opacity: 0.5;
  stroke-opacity: 0.5;
}

/* Gradient colors */
#left-to-right stop:last-child,
#right-to-left stop:first-child {
  stop-color: #8d9091;
}

#left-to-right stop:first-child,
#right-to-left stop:last-child {
  stop-color: #e2e3e4;
}

#left-to-right-active stop:last-child,
#right-to-left-active stop:first-child {
  stop-color: #87c65a;
}

#left-to-right-active stop:first-child,
#right-to-left-active stop:last-child {
  stop-color: #c9f4ae;
}

.psol-comp-vrcontrol-controlElement {
  background-color: #ffffff;
}
.psol-comp-vrcontrol-left,
.psol-comp-vrcontrol-right {
  position: absolute;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.psol-comp-vrcontrol-left {
  left: 0;
}
.psol-comp-vrcontrol-right {
  left: 50%;
}
.psol-comp-vrcontrol {
  width: 100%;
  height: 100%;
  position: relative;
}
.psol-comp-vrcontrol-cursor {
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  background-image: url(../img/vrcontrol/cross.png);
  background-size: 16px 16px;
  transform: perspective(600px);
}
.psol-comp-vrcontrol-buttonBackground {
  background-color: #ffffff;
}
.psol-comp-vrcontrol-cursorMiddle {
  width: 1px;
  height: 1px;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 1px);
}
@-webkit-keyframes endlessRotation {
  from {
    transform: rotateZ(0);
  }

  to {
    transform: rotateZ(360deg);
  }
}
@keyframes endlessRotation {
  from {
    transform: rotateZ(0);
  }

  to {
    transform: rotateZ(360deg);
  }
}
.psol-comp-vrcontrol-cursoractivation {
  width: inherit;
  height: inherit;
  display: none;
  background-image: url(../img/vrcontrol/loadingcircle.png);
  background-size: 16px 16px;
  -webkit-animation-name: endlessRotation;
          animation-name: endlessRotation;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.psol-comp-vrcontrol-controlElementContainer {
  position: relative;
  top: 75%;
  /*-moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -webkit-transition-property: transform;
  transition-property: transform;*/
}
.psol-comp-vrcontrol-right-shifter,
.psol-comp-vrcontrol-left-shifter {
  width: 100%;
  height: 100%;
}

/* TOAST */

.ComponentCustomizeToastPosition {
  top: 50%;
  left: 50%;
}

.psol-comp-webviewer2d-container,
.psol-comp-webviewer2d-content {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.psol-comp-webviewer2d-selectionContainer {
  padding: 10px;
  text-align: center;
  display: none;
  /*flex: 0 0 auto;*/
}

.psol-comp-webviewer2d-render-area {
  /*flex: 1 1 auto;*/
  height: 100%;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.ComponentCustomizeWebViewer2DFavoriteButtonsBarContainer {
  text-align: center;
  /*flex: 0 0 auto;*/
}
.psol-comp-webviewer2d-buttons,
.psol-comp-webviewer2d-selection {
  display: inline-block;
}
.psol-comp-webviewer2d-error {
  display: none;
}

.psol-comp-webviewer2d-svgcontainer {
  display: none;
  height: 100%;
  position: relative;
}

#psol-comp-webviewer2d-canvascontainer {
  display: none;
  height: 100%;
  position: relative;
}

canvas {
  display: block;
}

.psol-comp-webviewer2d-helpcontainer {
  background-color: white;
  padding: 2%;
  word-break: break-word;
}

.psol-comp-webviewer2d-help-item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  border-color: #b3b3b3;
}

.psol-comp-webviewer2d-help-image {
  margin-top: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  cursor: auto;
  pointer-events: none;
}

.psol-comp-webviewer2d-help-text {
  padding: 6px;
}

.psol-comp-webviewer2d-helpgesture {
  color: white;
  padding-right: 3%;
  padding-left: 3%;
  font-size: 15px;
  background-color: #67a2c0;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 3%;
}

.psol-comp-webviewer2d-gesture-subheadline {
  font-size: 20px;
  text-align: center;
}

.psol-comp-webviewer2d-helpimage {
  height: 200px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.psol-comp-webviewer2d-helpmove {
  background-image: url(../img/webviewer2d/help/2d_one_finger_move.png);
}

.psol-comp-webviewer2d-helpzoom {
  background-image: url(../img/webviewer2d/help/2d_pinch-zoom.png);
}

.psol-comp-webviewer2d-helptap {
  background-image: url(../img/webviewer2d/help/2d_double_tap.png);
}

.psol-comp-webviewer3d-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.psol-comp-webviewer3d-webgl-container {
  width: 100%;
  height: 100%;
}

.Viewer3DContainer > canvas:focus {
  outline: none;
}

.psol-comp-webviewer3d-camerabackcontainer,
.psol-comp-webviewer3d-drawingcontainer {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

.psol-comp-webviewer3d-webgl-hotspotcontainer,
.psol-comp-webviewer3d-webgl-tooltipcontainer {
  z-index: 0;
  position: relative;
  display: none;
}
.psol-comp-webviewer3d-webgl-tooltip {
  background-color: #efefef;
  color: black;
  border: 1px solid black;
  pointer-events: none;
}

.psol-comp-webviewer3d-webgl {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
      touch-action: none;
}

.psol-comp-webviewer3d-animgif {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.psol-comp-webviewer3d-animgif-image {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ComponentCustomizeWebViewer3DRadialMenuContainer {
  position: absolute;
  width: 1px;
  height: 0;
}

.ComponentCustomizeWebViewer3DFavoriteButtonsBarContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 22px;
}

.ComponentCustomizeWebViewer3DFavoriteButtonsBarContainer.psol-comp-webviewer3d-copyright-small {
  padding-bottom: 6px;
}

.ComponentCustomizeWebViewer3DRadialMenuContainer.left {
  left: 10px;
}

.ComponentCustomizeWebViewer3DRadialMenuContainer.right {
  right: 10px;
}

.ComponentCustomizeWebViewer3DRadialMenuContainer.top {
  top: 10px;
}

.ComponentCustomizeWebViewer3DRadialMenuContainer.bottom {
  bottom: 10px;
}

.ComponentCustomizeWebViewer3DRadialMenuContainer.center {
  left: 50%;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
}

.ComponentCustomizeWebViewer3DRadialMenuContainer.middle {
  top: 50%;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}
.psol-comp-webviewer3d-vrcontrol-container {
  pointer-events: none;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000;
}

/*************************************/
/**************LABELS*****************/
/*************************************/
.psol-comp-webviewer3d-webgl-label {
  font-size: 14px;
  position: absolute;
  padding-right: 2px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  white-space: nowrap;
  opacity: 0.75;
  color: rgb(0, 0, 0);
  border: 1px solid black;
  background: #ededed;
}
.psol-comp-webviewer3d-webgl-label-circle {
  position: absolute;
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  border-radius: 50%;
  background-color: #000000;
}
.psol-comp-webviewer3d-webgl-label-text {
  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: 6px 0;
  background-size: 20px;
}
.psol-comp-webviewer3d-webgl-label-small {
  line-height: 20px;
  background-image: url(../img/webviewer3d/label_plus.png);
}
.psol-comp-webviewer3d-webgl-label-text:not(.psol-comp-webviewer3d-webgl-label-small):not(.psol-comp-webviewer3d-webgl-label-big) {
  padding-left: 8px;
  padding-right: 4px;
}
.psol-comp-webviewer3d-webgl-label-big {
  display: none;
  background-image: url(../img/webviewer3d/label_minus.png);
}
.psol-comp-webviewer3d-webgl-label-big td {
  padding-right: 3px;
  padding-left: 3px;
}
.psol-comp-webviewer3d-webgl-label.psol-comp-webviewer3d-webgl-label-expanded {
  z-index: 1;
  opacity: 1;
}
.psol-comp-webviewer3d-webgl-label table {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.psol-comp-webviewer3d-externalArViewer-missing-link {
  color: #478aad;
}

.psol-comp-webviewer3d-copyright-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  margin-bottom: 6px;
}

.psol-comp-webviewer3d-copyright-container a,
.psol-comp-webviewer3d-copyright-container a:link,
.psol-comp-webviewer3d-copyright-container a:visited {
  color: #478aad;
  font-size: 14px;
  cursor: pointer;
}

/* stylelint-disable no-descending-specificity */
.psol-comp-webviewer3d-copyright-small a,
.psol-comp-webviewer3d-copyright-small a:link,
.psol-comp-webviewer3d-copyright-small a:visited {
  font-size: 9px;
}
/* stylelint-enable no-descending-specificity */

.psol-comp-webviewer3d-copyright-container.psol-comp-webviewer3d-copyright-small {
  margin-bottom: 1px;
  font-size: 9px;
}

.psol-comp-texture-resolution-container {
  position: absolute;
  min-width: 150px;
  max-width: 250px;
  text-align: center;
  overflow: hidden;
}

.psol-comp-texture-resolution-controls-title {
  font-weight: bold;
  padding-bottom: 5px;
}

.psol-comp-webViewer3DchooseEnv-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-direction: column;
      flex-direction: column;
}

.psol-comp-webViewer3DchooseEnv-dropdowncontainer {
  padding: 4px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.psol-comp-webViewer3DchooseEnv-select {
  width: 100%;
}

.psol-comp-webViewer3DchooseEnv-dropdownTitle {
  padding: 4px;
}

.psol-comp-webViewer3DchooseEnv-fixresizeprob {
  height: auto;
}

.psol-comp-webviewer3d-helpcontainer {
  background-color: white;
  padding: 2%;
  word-break: break-word;
}

.psol-comp-webviewer3d-help-item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  border-color: #b3b3b3;
}

.psol-comp-webviewer3d-help-image {
  margin-top: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  cursor: auto;
  pointer-events: none;
}

.psol-comp-webviewer3d-help-text {
  padding: 6px;
}

.psol-comp-webviewer3d-helpgesture {
  color: white;
  padding-right: 3%;
  padding-left: 3%;
  font-size: 15px;
  background-color: #67a2c0;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 3%;
}

.psol-comp-webviewer3d-gesture-subheadline {
  font-size: 20px;
  text-align: center;
}

.psol-comp-webviewer3d-helpimage {
  height: 200px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.psol-comp-webviewer3d-gesturesrotationone {
  background-image: url(../img/webviewer3d/help/3d_one_finger_rotation.png);
}

.psol-comp-webviewer3d-gesturesrotationtwo {
  background-image: url(../img/webviewer3d/help/3d_two-finger-rotation.png);
}

.psol-comp-webviewer3d-gestureszoom {
  background-image: url(../img/webviewer3d/help/3d_pinch-zoom.png);
}

.psol-comp-webviewer3d-gesturesmove {
  background-image: url(../img/webviewer3d/help/3d_two-finger-move.png);
}

.psol-comp-webviewer3d-gesturestap {
  background-image: url(../img/webviewer3d/help/3d_double_tap.png);
}

/*# sourceMappingURL=psol.components.css.map */