@-webkit-keyframes sk-rotateplane-data-v-344dfc00 {
0% {
    -webkit-transform: perspective(120px);
}
50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes sk-rotateplane-data-v-344dfc00 {
0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.pn--loader[data-v-344dfc00] {
  height: 50px;
  width: 50px;
  background: #333333;
  -webkit-animation: sk-rotateplane-data-v-344dfc00 1.2s infinite ease-in-out;
  animation: sk-rotateplane-data-v-344dfc00 1.2s infinite ease-in-out;
}

.pn--loading-mask[data-v-734ea080] {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #ffffff;
  z-index: 20000;
  opacity: 0.8;
}
.pn--loading-mask div.pn--loader[data-v-734ea080] {
    margin: auto;
    margin-top: calc(50vh - 25px - 20px);
}
.pn--loading-mask div.message[data-v-734ea080] {
    font-size: 1.7rem;
    width: fit-content;
    margin: 12px auto;
    padding: 8px 30px;
    text-align: center;
}

.pn--cloak {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 900;
}
.pn--cloak.transparent {
    background: trasparent;
}
.pn--cloak .pn--loader {
    margin: auto;
    margin-top: 100px;
}
.pn--cloak .message {
    font-size: 1.7rem;
    width: fit-content;
    margin: 12px auto;
    padding: 8px 30px;
}

/* transition: property duration timing-fn delay */
.pn--alert.alert[data-v-3173749a] {
  bottom: -100vh;
  margin: 0px;
  max-width: 90%;
  padding-right: 5rem;
  position: fixed;
  right: 10px;
  transition: opacity 0.15s linear 0.1s, bottom 0s ease 0.8s;
  white-space: pre-line;
  z-index: 30000;
}
.pn--alert.alert:not(.discreet).show[data-v-3173749a] {
    bottom: calc(50% - 60px);
    right: 5%;
    transition: opacity 0.15s linear 0.1s, bottom 0s ease 0s;
    width: 90%;
}
.pn--alert.alert.show[data-v-3173749a] {
    bottom: 10px;
    transition: bottom .7s ease 0s, right .7s ease 0s, width .7s ease 0s;
}
.pn--alert.alert .close[data-v-3173749a] {
    font-size: 1.5rem;
    opacity: .5 !important;
}

.pn--popup--wrapper[data-v-507c373a] {
  /*	.pn-popup--footer { */
  /* 		padding: 15px; */
  /* 		text-align: right; */
  /* 		background-color: #f5f5f5; */
  /* 		border-top: 1px solid #ddd; */
  /* 		border-radius: 0 0 2px 2px; */
  /* 		box-shadow: inset 0 1px 0 white; */
  /*	} */
}
.pn--popup--wrapper > .pn--popup--modalizer[data-v-507c373a] {
    opacity: 0;
    background: #ffffff;
    position: fixed;
    top: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
    transition: opacity var(--animation-duration, 0.2s) ease 0s, top 0s ease var(--animation-duration, 0.2s);
}
.pn--popup--wrapper > .pn-popup[data-v-507c373a] {
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    position: fixed;
    background: #ffffff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: all 0s, opacity var(--animation-duration, 0.2s) ease 0s, top 0s ease var(--animation-duration, 0.2s), display 0s ease var(--animation-duration, 0.2s);
    overflow: visible;
}
.pn--popup--wrapper.visible > .pn--popup--modalizer[data-v-507c373a] {
    top: 0px;
    opacity: 0.8;
    transition: opacity var(--animation-duration, 0.2s) ease 0s;
}
.pn--popup--wrapper.visible > .pn-popup[data-v-507c373a] {
    top: 50%;
    margin: auto;
    opacity: 1;
    transition: opacity var(--animation-duration, 0.2s) ease 0s;
}
.pn--popup--wrapper .pn-popup--header[data-v-507c373a] {
    /* 		padding: 9px 15px; */
    /* 		border-bottom: 1px solid #eeeeee; */
    display: grid;
    grid-template-columns: 1fr   min-content;
    grid-template-areas: "title close-icon";
}
.pn--popup--wrapper .pn-popup--header .pn-popup--header--title[data-v-507c373a] {
      grid-area: title;
      /* 			font-size: 1.25rem; */
      /* 			margin-top: 10px; */
      /* 			font-weight: 500; */
      /* 			line-height: 30px; */
      /* 			margin: 10px 0; */
}
.pn--popup--wrapper .pn-popup--header .pn-popup--header--close-icon[data-v-507c373a] {
      grid-area: close-icon;
      font-size: 2rem;
      font-weight: normal;
      color: #272833;
}
.pn--popup--wrapper .draggable .pn-popup--header[data-v-507c373a] {
    cursor: move;
}
.pn--popup--wrapper .pn-popup--content[data-v-507c373a] {
    /* 		padding: 15px; */
    overflow: visible;
}

@keyframes spinnerAnimation-data-v-e35e2f58 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359.9deg);
}
}
.pn--spinner--wrapper > div[data-v-e35e2f58] {
  animation-name: spinnerAnimation-data-v-e35e2f58;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  text-align: center;
  width: fit-content;
  margin: auto;
}
.pn--spinner--wrapper i[data-v-e35e2f58]:before {
  font-size: 35px !important;
}
.pn--spinner--wrapper.small i[data-v-e35e2f58]:before {
  font-size: 20px !important;
}

.footer-unigra-wrapper {
  margin-top: 4rem;
  padding: 5px 50px 5px;
  display: flex;
  flex-direction: column;
}
.footer-unigra-wrapper .columns {
    display: flex;
}
.footer-unigra-wrapper .columns .footer-column {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      text-align: center;
      align-items: center;
}
.footer-unigra-wrapper .columns .footer-column h3 {
        font-weight: bold;
}
.footer-unigra-wrapper .columns .footer-column .footer-image {
        max-width: 8rem;
        margin-bottom: 8px;
}
.footer-unigra-wrapper .columns .footer-column .address {
        margin-bottom: 0px;
}
.footer-unigra-wrapper .columns .footer-column .address2 {
        margin-bottom: 0.5rem;
}
.footer-unigra-wrapper .columns .footer-column .mail-unigra {
        color: white;
        text-decoration: underline;
}
.footer-unigra-wrapper .columns .footer-column .profile-redirect:hover {
        cursor: pointer;
        text-decoration: underline;
}
.footer-unigra-wrapper .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}
.footer-unigra-wrapper .column .footer-column .h3 {
      font-weight: bold;
}
.footer-unigra-wrapper .column .footer-column .footer-image {
      max-width: 8rem;
      margin-bottom: 8px;
}
.footer-unigra-wrapper .column .footer-column .address {
      margin-bottom: 0px;
}
.footer-unigra-wrapper .column .footer-column .address2 {
      margin-bottom: 0.5rem;
}
.footer-unigra-wrapper .column .footer-column .mail-unigra {
      color: white;
      text-decoration: underline;
}
.footer-unigra-wrapper .column .footer-column .profile-redirect:hover {
      cursor: pointer;
      text-decoration: underline;
}
.footer-unigra-wrapper .copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-unigra-wrapper .copyright label {
      margin-bottom: 0px;
}
.footer-unigra-wrapper .copyright .mail-unigra {
      color: white;
      text-decoration: underline;
}
.footer-unigra-wrapper .copyright .document-list {
      display: flex;
      flex-direction: row;
}
.footer-unigra-wrapper .copyright .document-list .document-link {
        margin-left: 4px;
}
.footer-unigra-wrapper .copyright .document-list .document-link:hover {
          cursor: pointer;
          text-decoration: underline;
}
.footer-unigra-wrapper .pn--popup--wrapper.visible > .pn-popup .modal-body {
    height: calc(100vh - 300px) !important;
    overflow-y: auto;
}

.pn-tmp-loader.loading-animation.js-loaded {
	display: none;
}
.input-element {
  min-height: 41px !important;
}
.input-element input, .input-element .vs__dropdown-toggle {
    border-radius: 0px !important;
    border: 2px solid !important;
}
.input-element input:focus, .input-element .vs__dropdown-toggle:focus {
      box-shadow: none !important;
}
.input-element input .form-control, .input-element input .vs__search, .input-element .vs__dropdown-toggle .form-control, .input-element .vs__dropdown-toggle .vs__search {
      border: none !important;
}
.input-element .vs__dropdown-toggle {
    min-height: 41px !important;
}
.input-element .vs__dropdown-toggle input {
      min-height: initial !important;
}
.article-popup .pn-popup.modal-content.draggable {
  height: 90% !important;
}
.article-popup #article-content, .article-popup #article-content > div {
  height: 100%;
}
.pn-catalog-collapsible.pn--collapsible--wrapper {
  border: none !important;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--header {
    padding: 0.25rem 1.25rem 0.25rem 0 !important;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--header .pn--collapsible--title-container {
      text-transform: none !important;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--header .pn--collapsible--icon-container i.pn--icon:before {
      color: #B5BD00  !important;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content {
    padding: 0px;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] {
      border-top: 2px solid #215732 !important;
      padding: 15px 0px;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] .element-row {
        display: flex;
        padding: 5px 0px;
        align-items: center;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] .element-row .check .container {
          margin-bottom: 24px;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] .element-row .img-desc:hover {
          cursor: pointer !important;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] .element-row .img-desc .brand-desc {
          margin-bottom: 0px;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] .element-row .img-desc .brand-desc:hover {
            cursor: pointer !important;
}
.pn-catalog-collapsible.pn--collapsible--wrapper .pn--collapsible--content div[slot] .element-row .img-desc img {
          max-height: 2.5rem;
}
.input-qty input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  text-align: right !important;
}
.progress {
  height: 0.4rem;
}

/* https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile */
/* landscape smartphones @media (max-width: 960px) {}*/
/* landscape tablets */
/* ld desktop */
/* hd desktop */
/* @media (min-width: 1500px) or (min-width: 1621px) {} */
/* full hd desktop */
/* @media (min-width: 1900px) */