.src-js-platin-controllers-popup--ErrorTemplate-module__errorContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.src-js-platin-controllers-popup--ErrorTemplate-module__errorContainer h2 {
  font-size: 23px;
  font-weight: 400;
  line-height: 32px;
  padding: 10px 0 5px;
}

.src-js-platin-controllers-popup--ErrorTemplate-module__errorContainer p {
  padding-bottom: 20px;
}

.src-js-platin-controllers-popup--ErrorTemplate-module__xIcon {
  width: 88px;
  height: 80px;
  margin: 10px 0 5px;
  background: url(fd7a0b05300c1279d8ff.svg) center no-repeat;
}
.node_modules-\@vx-components-buttons--Button-module__button {
  border-radius: 4px;
  border-width: 1px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'PKO Bank Polski';
  font-size: 16px;
  min-width: 180px;
  padding: 13px 15px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: #000;
}

.node_modules-\@vx-components-buttons--Button-module__button[button-size='small'] {
    font-size: 14px;
    padding: 8px 8px;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='default'] {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    color: #000;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='default']:hover,
    .node_modules-\@vx-components-buttons--Button-module__button[button-type='default'] :focus {
      background-color: #f2f2f2;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='primary'] {
    background-color: #003574;
    border: 1px solid #003574;
    color: #fff;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='primary']:hover,
    .node_modules-\@vx-components-buttons--Button-module__button[button-type='primary'] :focus {
      background-color: #001e4b;
      border-color: #001e4b;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='warning'] {
    background-color: #db912c;
    border: 1px solid #db912c;
    color: #fff;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='warning']:hover,
    .node_modules-\@vx-components-buttons--Button-module__button[button-type='warning'] :focus {
      background-color: #c98b00;
      border-color: #c98b00;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='text'] {
    background-color: transparent;
    border: 1px solid transparent;
    color: #001e4b;
    padding: 8px 12px;
    min-width: auto;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='text']:hover,
    .node_modules-\@vx-components-buttons--Button-module__button[button-type='text'] :focus {
      color: #003574;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='text'][disabled] {
      background-color: transparent;
      border: 1px solid transparent;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeDefault'] {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    color: #000;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeDefault']:hover,
    .node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeDefault'] :focus {
      background-color: #f2f2f2;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeOutline'] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.52);
    color: #fff;
  }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeOutline']:hover,
    .node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeOutline'] :focus {
      background-color: rgba(255, 255, 255, 0.08);
      border-color: #fff;
      color: #fff;
    }

.node_modules-\@vx-components-buttons--Button-module__button[button-type='negativeOutline'][disabled] {
      background-color: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.32);
      color: rgba(255, 255, 255, 0.4);
    }

.node_modules-\@vx-components-buttons--Button-module__button[disabled] {
    pointer-events: none;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #636363;
  }

.node_modules-\@vx-components-buttons--Button-module__only-icon {
  gap: 0px;
  min-width: auto;
}

.node_modules-\@vx-components-common--Icon-module__svg-icon {
    display: flex;
}
.node_modules-\@vx-components-common--Icon-module__svg-icon.node_modules-\@vx-components-common--Icon-module__on-click-icon {
        cursor: pointer;
    }
/* rozmiary */
.node_modules-\@vx-components-common--Icon-module__svg-icon[size='xsmall'] img {
            width: 18px;
            height: 18px;
        }
.node_modules-\@vx-components-common--Icon-module__svg-icon[size='small'] img {
            width: 24px;
            height: 24px;
        }
.node_modules-\@vx-components-common--Icon-module__svg-icon[size='normal'] img {
            width: 32px;
            height: 32px;
        }
.node_modules-\@vx-components-common--Icon-module__svg-icon[size='large'] img {
            width: 48px;
            height: 48px;
        }
.node_modules-\@vx-components-common--Icon-module__svg-icon[size='xlarge'] img {
            width: 72px;
            height: 72px;
        }
.node_modules-\@vx-components-common--Icon-module__svg-icon[size='xxlarge'] img {
            width: 96px;
            height: 96px;
        }

.node_modules-\@vx-components-buttons--Shashlik-module__menuContainer {
    width: 40px;
    height: 40px;
  }

.node_modules-\@vx-components-buttons--Shashlik-module__menuContainer[disabled="true"] {
  pointer-events: none;
}
  
.node_modules-\@vx-components-buttons--Shashlik-module__iconContainer {
  border-radius: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
  cursor: pointer;
}

.node_modules-\@vx-components-buttons--Shashlik-module__contentContainer {
  display: none;
  border: 1px solid #b7b7b7;
  border-radius: 4px;
  position: absolute;
  padding: 10px 10px 10px 10px;
  background: white;
  box-shadow: 3px 3px 18px #00000033;
  z-index: 1;
}

.node_modules-\@vx-components-buttons--Shashlik-module__menuContainer:focus .node_modules-\@vx-components-buttons--Shashlik-module__contentContainer {
  display: block !important;
}

.node_modules-\@vx-components-buttons--Shashlik-module__contentItem {
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.node_modules-\@vx-components-buttons--Shashlik-module__contentItem:hover {
  background: #f5f5f5;
}

.node_modules-\@vx-components-buttons--Shashlik-module__icon {
  height: 34px;
  width: 34px;
  background-image: url(7bf81e25bf0f0ece5814.svg);
}

.node_modules-\@vx-components-buttons--Shashlik-module__menuContainer:focus .node_modules-\@vx-components-buttons--Shashlik-module__icon, .node_modules-\@vx-components-buttons--Shashlik-module__icon:hover {
  background-image: url(0107ee45ec8a5c445754.svg);
  height: 34px;
  width: 34px;
  background-repeat: no-repeat;
}

.node_modules-\@vx-components-buttons--Shashlik-module__selected {
  display: block !important;
}
.node_modules-\@vx-components-buttons--IconButton-module__button-icon {
    all: unset;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.node_modules-\@vx-components-buttons--IconButton-module__button-icon .node_modules-\@vx-components-buttons--IconButton-module__icon {
        border-radius: 50%;
        height: 42px;
        width: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #e9e9e9;
    }
.node_modules-\@vx-components-buttons--IconButton-module__button-icon .node_modules-\@vx-components-buttons--IconButton-module__label {
        font-family: 'PKO Bank Polski';
        font-size: 16px;
        color: #003574;
    }
.node_modules-\@vx-components-buttons--IconButton-module__button-icon[disabled] {
        pointer-events: none;
    }
.node_modules-\@vx-components-buttons--IconButton-module__button-icon[disabled] .node_modules-\@vx-components-buttons--IconButton-module__icon span {
                color: #636363!important;
            }
.node_modules-\@vx-components-buttons--IconButton-module__button-icon[disabled] .node_modules-\@vx-components-buttons--IconButton-module__label {
            color: #636363;
        }
.node_modules-\@vx-components-buttons--IconButton-module__button-icon:hover .node_modules-\@vx-components-buttons--IconButton-module__icon {
            background-color: #d5d5d5;
        }

.node_modules-\@vx-components-buttons--Buttons-module__buttons {
    padding: 24px 0 10px;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.node_modules-\@vx-components-buttons--Buttons-module__buttons[align="right"] {
        justify-content: flex-end;
    }

.node_modules-\@vx-components-buttons--Buttons-module__buttons[align="left"] {
        justify-content: flex-start;
    }

.node_modules-\@vx-components-buttons--Buttons-module__buttons[align="space-between"] {
        justify-content: space-between;
    }

.node_modules-\@vx-components-buttons--Buttons-module__buttons[align="space-around"] {
        justify-content: space-around;
    }

.node_modules-\@vx-components-buttons--Buttons-module__buttons[align="center"] {
        justify-content: center;
    }

.node_modules-\@vx-components-buttons--Buttons-module__line {
    border-top: 1px solid #d1d1d1;
}

.node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile {
  display: flex;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  background: white;
  padding: 15px 24px;
  gap: 16px;
  align-items: center;
  min-height: 100px;
  cursor: pointer;
}

.node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile.node_modules-\@vx-components-buttons-tile-button--TileButton-module__active {
    background-color: #f9f9f9;
    border-color: #003574;
    border-width: 1px;
  }

.node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile:hover {
    background-color: #fff;
    border-color: #b7b7b7;
    border-width: 1px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
  }

a.node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile {
    text-decoration: none;
    color: unset;
  }

.node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile h3 {
    font-family: "PKO Bank Polski", Helvetica, sans-serif;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 4px;
    font-weight: normal;
    color: black;
  }

.node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile h4 {
    font-family: "PKO Bank Polski", Helvetica, sans-serif;
    margin-top: 0;
    font-size: 13px;
    font-weight: lighter;
    line-height: 16px;
  }

.node_modules-\@vx-components-buttons-tile-button--TileButton-module__icon {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile {
    position: relative;
    min-width: 100%;
    border: 0 solid #e5e5e5;
    border-radius: 0;
    padding: 16px 40px 16px 16px;
    gap: 16px;
    min-height: 80px;
    border-top: 1px solid #e5e5e5;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile:hover {
    box-shadow: none;
    border: 0 solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    border-left-color: #67acff;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile:after {
    background: url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmEgewogICAgICAgIGZpbGw6ICMwMDM1NzQ7CiAgICAgIH0KICAgICAgLmIgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDApIHJvdGF0ZSg5MCkiPgogICAgPHBhdGgKICAgICAgY2xhc3M9ImEiCiAgICAgIGQ9Ik01LjA2OSwwaDBMMCw0LjI1NGExLjg4MSwxLjg4MSwwLDAsMCwxLjE3OS40OTRBMS43MjcsMS43MjcsMCwwLDAsMi4yOSw0LjI5MUw1LjA3LDEuOTU4LDcuODQ5LDQuMjkxYTEuNzM1LDEuNzM1LDAsMCwwLDEuMTEyLjQ1NywxLjg2OSwxLjg2OSwwLDAsMCwxLjE3OS0uNDkzTDUuMDcxLDBaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjkzIDkuNjI2KSIKICAgIC8+CiAgICA8cmVjdCBjbGFzcz0iYiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiAvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat center right;
    content: "";
    display: block;
    width: 24px;
    height: 100%;
    top: 0;
    right: 15px;
    position: absolute;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #67acff;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile.node_modules-\@vx-components-buttons-tile-button--TileButton-module__active {
    border: 0 solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile.node_modules-\@vx-components-buttons-tile-button--TileButton-module__active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4px;
    background-color: #003574;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__tile.node_modules-\@vx-components-buttons-tile-button--TileButton-module__active:hover:before {
    background-color: #67acff;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButton-module__icon {
    width: 32px !important;
    height: 32px !important;
    background-size: 32px !important;
  }
}
.node_modules-\@vx-components-buttons-tile-button--TileButtonSet-module__tileSet {
  display: grid;
  grid-gap: 16px;
}

.node_modules-\@vx-components-buttons-tile-button--TileButtonSet-module__tileTitle h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  font-weight: normal;
}

@media (max-width: 768px) {
  .node_modules-\@vx-components-buttons-tile-button--TileButtonSet-module__tileSet {
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-template-columns: 100% !important; /* Nadpisuje szerokość kolumn przy mobilce */
    grid-gap: unset;
  }

  .node_modules-\@vx-components-buttons-tile-button--TileButtonSet-module__tileTitle {
    grid-column: span 1 !important;
    margin-bottom: 16px;
  }
}
.node_modules-\@vx-components-buttons--FilterTags-module__filter-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.node_modules-\@vx-components-buttons--FilterTags-module__item {
    background-color: #5991dd29;
    cursor: default;
    display: flex;
    height: 24px;
    margin: 4px 8px 4px 0;
    max-width: 292px;
    padding: 0 0 0 12px;
    align-items: center;
    font-family: 'PKO Bank Polski';
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
}

.node_modules-\@vx-components-buttons--FilterTags-module__item .node_modules-\@vx-components-buttons--FilterTags-module__label {
        max-width: 244px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.node_modules-\@vx-components-buttons--FilterTags-module__item .node_modules-\@vx-components-buttons--FilterTags-module__clear {
        border: none;
        cursor: pointer;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        color: #003574;
        font-weight: 600;
        font-size: 14px;
        margin: 0 4px;
        text-align: center;
        line-height: 16px;
    }

.node_modules-\@vx-components-buttons--FilterTags-module__item .node_modules-\@vx-components-buttons--FilterTags-module__clear:hover {
            background-color: #003574;
            color: white;
        }
.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon {      
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    background-position: center;  
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon:hover {
        cursor: pointer;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon[type='default'] {
        background-image: url(3a7211a7ea98beb0af9b.svg);
        background-size: 24px;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon[type='default']:hover {
        background-image: url(d1a728657d3c50d68d63.svg);
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon[type='important'] {
        background-image: url(75f585ac708bc7235ce1.svg);
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon[type='important']:hover {
        background-image: url(b53288b0b2b97cd65037.svg);
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon[type='important-warning'] {
        background-image: url(f99cc0a59e825f05c674.svg);
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-icon[type='important-warning']:hover {
        background-image: url(139695d4387a8846f0a0.svg);
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message {
    font: normal normal normal 15px/20px 'PKO Bank Polski';
    opacity: 0;   
    width: 285px;
    position: absolute;
    z-index: 998;
    min-height: 30px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 3px 5px #D5D5D5;   
    padding: 15px 0;
    outline: none !important;
}

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message:before {
        content: '';
        position: absolute;
        background: #ffffff;
        width: 10px;
        height: 10px;        
        transform: rotate(45deg);        
        z-index: -1;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__topright:before {
        bottom: -4px;
        left: 21px;
        box-shadow: 2px 2px 3px #D5D5D5;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__topleft:before {
        bottom: -4px;
        right: 20px;
        box-shadow: 2px 2px 3px #D5D5D5;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__bottomleft:before {
        top: -4px;
        right: 20px;
        box-shadow: -2px -2px 3px #D5D5D5;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__bottomright:before {
        top: -4px;
        left: 20px;
        box-shadow: -2px -2px 3px #D5D5D5;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__open {
        animation: node_modules-\@vx-components-buttons--Infotip-module__InfotipFadeIn ease-in 200ms;
        opacity: 1;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__closed {
        animation: node_modules-\@vx-components-buttons--Infotip-module__InfotipFadeOut ease-in 200ms;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message.node_modules-\@vx-components-buttons--Infotip-module__wide {
        width: 390px;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message .node_modules-\@vx-components-buttons--Infotip-module__message-close-btn {
        position: absolute;
        top: -4px;
        right: -5px;
        padding: 0;
    }

.node_modules-\@vx-components-buttons--Infotip-module__tooltip-message label {
        font-weight: bold;
        margin-bottom: 7px;
        display: block;
        padding-left: 25px;
    }

@-moz-document url-prefix() {
    .node_modules-\@vx-components-buttons--Infotip-module__tooltip-message {
        padding-right: 7px;
    }    
}

@keyframes node_modules-\@vx-components-buttons--Infotip-module__InfotipFadeIn {
    from { opacity: 0 }
    to { opacity: 1; }
}

@keyframes node_modules-\@vx-components-buttons--Infotip-module__InfotipFadeOut {
    from { opacity: 1 }
    to { opacity: 0; }
}
.node_modules-\@vx-components-layout-grid--Grid-module__container {
  display: grid;
  padding: 10px calc((100% - 1600px) / 2);
  align-content: baseline;
  font: normal normal normal 15px/20px 'PKO Bank Polski';
}

.node_modules-\@vx-components-layout-grid--Grid-module__container[container-type="default"] {
    gap: 24px;
  }

.node_modules-\@vx-components-layout-grid--Grid-module__container[container-type="form"] {
    gap: 16px;
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row {
  display: grid;
  gap: 24px;
  grid-auto-columns: minmax(10px, auto);
  /* Definicje dla układu kolumn w wierszu 1-12 */
}

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="1"] {
    grid-template-columns: repeat(1, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="5"] {
    grid-template-columns: repeat(5, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="6"] {
    grid-template-columns: repeat(6, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="7"] {
    grid-template-columns: repeat(7, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="8"] {
    grid-template-columns: repeat(8, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="9"] {
    grid-template-columns: repeat(9, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="10"] {
    grid-template-columns: repeat(10, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="11"] {
    grid-template-columns: repeat(11, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row[grid-columns="12"] {
    grid-template-columns: repeat(12, 1fr);
  }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="1"] {
      grid-column: span 1;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="2"] {
      grid-column: span 2;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="3"] {
      grid-column: span 3;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="4"] {
      grid-column: span 4;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="5"] {
      grid-column: span 5;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="6"] {
      grid-column: span 6;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="7"] {
      grid-column: span 7;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="8"] {
      grid-column: span 8;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="9"] {
      grid-column: span 9;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="10"] {
      grid-column: span 10;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="11"] {
      grid-column: span 11;
    }

.node_modules-\@vx-components-layout-grid--Grid-module__row .node_modules-\@vx-components-layout-grid--Grid-module__column[column-size="12"] {
      grid-column: span 12;
    }
.node_modules-\@vx-components-layout--ClearFloat-module__clr {
  width: 100%;
  height: 0px;
  clear: both;
  margin: 0px !important;
}

.node_modules-\@vx-components-layout--TileStyles-module__tile {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px;
}
.node_modules-\@vx-components-layout--TileStyles-module__tile-header {
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
    
}
.node_modules-\@vx-components-layout--TileStyles-module__tile-header[size='xsmall'] {
        font-size: 14px;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header[size='small'] {
        font-size: 16px;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header[size='normal'] {
        font-size: 20px;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header[size='large'] {
        font-size: 22px;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header[size='xlarge'] {
        font-size: 26px;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header.node_modules-\@vx-components-layout--TileStyles-module__left {
        text-align: left;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header.node_modules-\@vx-components-layout--TileStyles-module__center {
        text-align: center;
    }
.node_modules-\@vx-components-layout--TileStyles-module__tile-header.node_modules-\@vx-components-layout--TileStyles-module__right {
        text-align: right;
    }
.node_modules-\@vx-components-layout--Accordion-module__accordionContainer {
  position: relative;
}

.node_modules-\@vx-components-layout--Accordion-module__accordionContainer.node_modules-\@vx-components-layout--Accordion-module__pointer {
    cursor: pointer;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  font-size: 16px;
  font-family: 'PKO Bank Polski', Tahoma, Helvetica, Geneva, sans-serif;
}

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader .node_modules-\@vx-components-layout--Accordion-module__pointer {
    cursor: pointer;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader .node_modules-\@vx-components-layout--Accordion-module__header-title {
    margin-right: 34px;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader [data-arrow] {
    width: 30px;
    position: absolute;
    right: 0;
    height: 100%;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader [data-arrow]:after {
      content: '';
      width: 16px;
      height: 16px;
      position: absolute;
      top: calc(50% - 8.5px);
      right: 15px;
      background: url(efb6b1f4e8a318bab864.svg) no-repeat
        right center;
      background-position-y: 50%;
      background-size: 16px 16px;
      transform: rotate(90deg);
      transition: transform 0.5s ease-in-out;
    }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader.node_modules-\@vx-components-layout--Accordion-module__disabled {
    cursor: initial;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader.node_modules-\@vx-components-layout--Accordion-module__disabled [data-arrow] {
      display: none;
    }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader.node_modules-\@vx-components-layout--Accordion-module__disabled [data-arrow]:after {
        all: unset;
      }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader.node_modules-\@vx-components-layout--Accordion-module__disabled h2 {
      color: grey;
    }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader h2 {
    padding: 0;
    margin: 0;
    font-size: 16px;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionHeader.node_modules-\@vx-components-layout--Accordion-module__pointer {
  cursor: pointer;
}

.node_modules-\@vx-components-layout--Accordion-module__accordionContainer.node_modules-\@vx-components-layout--Accordion-module__open > .node_modules-\@vx-components-layout--Accordion-module__accordionHeader span:after {
    transform: rotate(-90deg);
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionContainer.node_modules-\@vx-components-layout--Accordion-module__open > .node_modules-\@vx-components-layout--Accordion-module__accordionContentContainer {
    grid-template-rows: 1fr;
  }

.node_modules-\@vx-components-layout--Accordion-module__accordionContentContainer {
  overflow-y: hidden;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out;
  align-items: flex-start;
  border-bottom: #e5e5e5 solid 1px;
  box-sizing: border-box;
}

.node_modules-\@vx-components-layout--Accordion-module__accordionContent {
  overflow-y: hidden;
}


.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper {
        --popupScrollColor: #003574;
        --popupScrollLineColor: #d5d5d5;
        margin: 10px;
        display: grid;
}

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper:hover {
            margin: 10px 9px 10px 10px;
        }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper:hover .node_modules-\@vx-components-layout--Scrollable-module__scrollable {
                padding: 0 14px 0 15px;
            }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable {
            overflow-y: auto;
            scrollbar-gutter: stable;
            padding: 0px 15px;
        }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable::-webkit-scrollbar {
                width: 4px;
                height: 4px;
            }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable:hover::-webkit-scrollbar {
                width: 6px;
                height: 6px;
            }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable::-webkit-scrollbar-thumb {
                background: var(--popupScrollColor);
                border-radius: 3px;
            }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable::-webkit-scrollbar-thumb:hover {
                cursor: pointer;
            }

.node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable::-webkit-scrollbar-track {
                border-radius: 0px;
                background-image: linear-gradient(var(--popupScrollLineColor), var(--popupScrollLineColor));
                background-repeat: no-repeat;
                background-size: 1px 100%;
                background-position: center 0;
            }

@-moz-document url-prefix() {

        .node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper:hover {
            margin: 10px 10px 10px 10px;
        }  

            .node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper:hover .node_modules-\@vx-components-layout--Scrollable-module__scrollable {
                padding: 0 15px 0 15px;
            }

        .node_modules-\@vx-components-layout--Scrollable-module__scrollable-wrapper .node_modules-\@vx-components-layout--Scrollable-module__scrollable {
            scrollbar-color: var(--popupScrollColor) transparent;
            scrollbar-width: thin;
            border-radius: 0px;
            background-image: linear-gradient(var(--popupScrollLineColor), var(--popupScrollLineColor));
            background-repeat: no-repeat;
            background-size: 1px 100%;
            background-position: top 0 right 3px;
        }
}
.node_modules-\@vx-components-layout--ProgressBar-module__progressBarContainer {
  display: flex;
  flex-direction: column;
  font-family: 'PKO Bank Polski', sans-serif;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  gap: 4px;
}
.node_modules-\@vx-components-layout--ProgressBar-module__progressBarContainer .node_modules-\@vx-components-layout--ProgressBar-module__progressBar {
    background-color: #d5d5d5;
    border-radius: 2px;
    height: 4px;
    margin: 2px 0;
  }
.node_modules-\@vx-components-layout--ProgressBar-module__progressBarContainer .node_modules-\@vx-components-layout--ProgressBar-module__progress {
    background-color: #003574;
    border-radius: 2px;
    height: 4px;
    top: 0;
  }
.node_modules-\@vx-components-layout--ProgressBar-module__progressBarContainer .node_modules-\@vx-components-layout--ProgressBar-module__progress.node_modules-\@vx-components-layout--ProgressBar-module__green {
      background-color: #2e7d49;
    }
.node_modules-\@vx-components-layout--ProgressBar-module__progressBarContainer .node_modules-\@vx-components-layout--ProgressBar-module__progress.node_modules-\@vx-components-layout--ProgressBar-module__blue {
      background-color: #003574;
    }


.node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBarContainer {
  display: flex;
  flex-direction: column;
  font-family: 'PKO Bank Polski', sans-serif;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  gap: 4px;
}
.node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBarContainer .node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBar {
    display: flex;
    gap: 3px;
    border-radius: 2px;
    height: 4px;
    margin: 2px 0;
  }
.node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBarContainer .node_modules-\@vx-components-layout--ProgressBarStepper-module__step {
    background-color: #d5d5d5;
    border-radius: 2px;
    height: 4px;
    width: 100%;
  }
.node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBarContainer .node_modules-\@vx-components-layout--ProgressBarStepper-module__step.node_modules-\@vx-components-layout--ProgressBarStepper-module__green {
      background-color: #2e7d49;
    }
.node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBarContainer .node_modules-\@vx-components-layout--ProgressBarStepper-module__step.node_modules-\@vx-components-layout--ProgressBarStepper-module__blue {
      background-color: #003574;
    }
.node_modules-\@vx-components-layout--ProgressBarStepper-module__stepBarContainer .node_modules-\@vx-components-layout--ProgressBarStepper-module__text {
  }


.node_modules-\@vx-components-layout--Spinner-module__container { 
    display: inline-flex; 
    align-items: center;
    gap: 0.5rem; 
}

.node_modules-\@vx-components-layout--Spinner-module__spinner { 
    width: 46px; 
    height: 46px; 
    border-radius: 50%; 
    background: 
        conic-gradient(
            #f2f2f2 0deg, 
            #004495 200deg, 
            #001e4b 360deg
            );
    mask:
      radial-gradient(farthest-side, transparent 75%, #000 62%, #000 100%);
    -webkit-mask: 
      radial-gradient(farthest-side, transparent 75%, #000 62%, #000 100%);
    animation: 
        node_modules-\@vx-components-layout--Spinner-module__spin 1.5s linear infinite;
}

.node_modules-\@vx-components-layout--Spinner-module__spinner::before { 
        content: ""; 
        position: absolute; 
        left:50%; top:5%; 
        width: 10px; height: 10px; 
        background: #001e4b; 
        border-radius: 50%; 
        transform: translate(-50%, -50%);
    }

.node_modules-\@vx-components-layout--Spinner-module__spinner.node_modules-\@vx-components-layout--Spinner-module__small { 
        width: 16px;
        height: 16px;
    }

@keyframes node_modules-\@vx-components-layout--Spinner-module__spin {
    100% { transform: rotate(360deg); }
}

.node_modules-\@vx-components-layout--Spinner-module__label { 
    font-size: 16px; 
}
.node_modules-\@vx-components-layout--ProgressDownload-module__wrapper { 
    display: flex; 
    flex-direction: column; 
    align-items: stretch; 
    width: 100%;
    margin: 20px 0;
}

.node_modules-\@vx-components-layout--ProgressDownload-module__bar { 
    width: 100%; 
    height: 6px; 
    background: #D5D5D5; 
    overflow: hidden; 
    position: relative; 
    box-sizing: border-box;
    border-radius: 8px 0 8px 0;
}

.node_modules-\@vx-components-layout--ProgressDownload-module__inner { 
    height: 100%; 
    background: #003574; 
    transition: width 0.3s; 
    border-radius: 8px 0 8px 0px; 
    position: absolute; 
    left: 0;
    top: 0;
    width: 0%;
}

.node_modules-\@vx-components-layout--ProgressDownload-module__animatedBar { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 20%; 
    background: #003574; 
    border-radius: 8px 0 8px 0px; 
    animation: node_modules-\@vx-components-layout--ProgressDownload-module__progressBarMove 1.4s ease-in-out infinite alternate; 
}

@keyframes node_modules-\@vx-components-layout--ProgressDownload-module__progressBarMove { 
    0% { left: 0% }
    100% { left: 80% }
}

.node_modules-\@vx-components-layout--ProgressDownload-module__label { 
    font-size: 32; 
    margin-bottom: 10px; 
    text-align: center; 
}
html {
    --popupScrollColor: #003574;
    --popupScrollLineColor: #d5d5d5;
}

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper {
    background-color: #fff;
    padding-bottom: 16px;
    max-height: calc(100% - 80px);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
    outline: none;
    padding: 0;
    position: fixed;
    box-sizing: border-box;
    border: none;
    width: 810px;
}

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper header {
        display: flex;
        flex-shrink: 0;
        justify-content: flex-end;
        height: 48px;
        width: 100%;
        box-sizing: border-box;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section {
        max-height: 100%;
        position: relative;
        padding: 0px 72px 0px 72px;
        overflow: auto;
        margin: 0px 32px 32px 32px;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section h1 {
            word-wrap: break-word;
            color: #000;
            font-family: 'PKO Bank Polski';
            font-size: 24px;
            font-weight: 400;
            line-height: 32px;
            overflow-wrap: break-word;
            padding-bottom: 0;
            padding-top: 0;
        }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section:hover::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section::-webkit-scrollbar-thumb {
        background: var(--popupScrollColor);
        border-radius: 3px;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section::-webkit-scrollbar-track {
        border-radius: 0px;
        background-image: linear-gradient(var(--popupScrollLineColor), var(--popupScrollLineColor));
        background-repeat: no-repeat;
        background-size: 1px 100%;
        background-position: center 0;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section.node_modules-\@vx-components-modals-popup--Popup-module__sectionScrollable {
        padding: 0px 78px 0px 72px;
        margin: 0px 22px 32px 32px;
    }

.node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section.node_modules-\@vx-components-modals-popup--Popup-module__sectionScrollable:hover {
        padding: 0px 77px 0px 72px;
        margin: 0px 21px 32px 32px;
    }

@-moz-document url-prefix() {
        .node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section {
            padding: 0px 72px 16px 72px;
            margin: 0px 32px 32px 32px;
        }
        .node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section:hover {
            padding: 0px 72px 16px 72px;
            margin: 0px 32px 32px 32px;
        }
        .node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section.node_modules-\@vx-components-modals-popup--Popup-module__sectionScrollable {
            padding: 0px 78px 16px 72px;
            margin: 0px 20px 32px 32px;
            scrollbar-color: var(--popupScrollColor) transparent;
            scrollbar-width: thin;
            border-radius: 0px;
            background-image: linear-gradient(var(--popupScrollLineColor), var(--popupScrollLineColor));
            background-repeat: no-repeat;
            background-size: 1px 100%;
            background-position: top 0 right 3px;
        }        
        .node_modules-\@vx-components-modals-popup--Popup-module__contentWrapper section.node_modules-\@vx-components-modals-popup--Popup-module__sectionScrollable:hover {
            padding: 0px 78px 16px 72px;
            margin: 0px 20px 32px 32px;
        }
}

html { 
    --popupScrollColor: #003574;
    --popupScrollLineColor: #d5d5d5;
}

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper { 
    position: absolute;
    inset: 0;
    top: 0; 
    right: 0; 
    left: auto;
    max-width: 100vw; 
    height: 100%; 
    min-height: 300px;
    max-height: 100vh;
    margin: 0; 
    padding: 0; 
    border: none; 
    border-radius: 0;
    background-color: #fff;
    animation: node_modules-\@vx-components-modals-side-popup--SidePopup-module__sideIn 0.4s cubic-bezier(.42,.88,.57,1); 
    overflow: hidden;
    max-height: none;
}

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper header {
        display: flex;
        flex-shrink: 0;
        justify-content: flex-end;
        height: 72px;
        width: 100%;
        box-sizing: border-box;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section {
        max-height: calc(98% - 72px);
        position: relative;
        padding: 0px 72px 0px 72px;
        overflow: auto;
        margin: 0px 32px 32px 32px;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section h1 {
            word-wrap: break-word;
            color: #000;
            font-family: 'PKO Bank Polski';
            font-size: 24px;
            font-weight: 400;
            line-height: 32px;
            overflow-wrap: break-word;
            padding-bottom: 0;
            padding-top: 0;    
        }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section.node_modules-\@vx-components-modals-side-popup--SidePopup-module__hideCloseButton {
            margin: 32px; 
            max-height: calc(98% - 52px); 
        }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper.node_modules-\@vx-components-modals-side-popup--SidePopup-module__transparent { 
        background-color: transparent;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section:hover::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section::-webkit-scrollbar-thumb {
        background: var(--popupScrollColor);
        border-radius: 3px;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section::-webkit-scrollbar-thumb:hover {
        cursor: pointer;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section::-webkit-scrollbar-track {
        border-radius: 0px;
        background-image: linear-gradient(var(--popupScrollLineColor), var(--popupScrollLineColor));
        background-repeat: no-repeat;
        background-size: 1px 100%;
        background-position: center 0;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section.node_modules-\@vx-components-modals-side-popup--SidePopup-module__sectionScrollable {
        padding: 0px 78px 0px 72px;
        margin: 0px 22px 32px 32px;
    }

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section.node_modules-\@vx-components-modals-side-popup--SidePopup-module__sectionScrollable:hover {
        padding: 0px 77px 0px 72px;
        margin: 0px 21px 32px 32px;
    }

@keyframes node_modules-\@vx-components-modals-side-popup--SidePopup-module__sideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.node_modules-\@vx-components-modals-side-popup--SidePopup-module__onclosing { 
    animation: node_modules-\@vx-components-modals-side-popup--SidePopup-module__sideOut 0.45s cubic-bezier(.42,.88,.57,1) forwards; 
}

@keyframes node_modules-\@vx-components-modals-side-popup--SidePopup-module__sideOut {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}

@-moz-document url-prefix() {
        .node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section {
            padding: 0px 72px 16px 72px;
            margin: 0px 32px 32px 32px;
        }
        .node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section:hover {
            padding: 0px 72px 16px 72px;
            margin: 0px 32px 32px 32px;
        }
        .node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section.node_modules-\@vx-components-modals-side-popup--SidePopup-module__sectionScrollable {
            padding: 0px 78px 16px 72px;
            margin: 0px 20px 32px 32px;
            scrollbar-color: var(--popupScrollColor) transparent;
            scrollbar-width: thin;
            border-radius: 0px;
            background-image: linear-gradient(var(--popupScrollLineColor), var(--popupScrollLineColor));
            background-repeat: no-repeat;
            background-size: 1px 100%;
            background-position: top 0 right 3px;
        }        
        .node_modules-\@vx-components-modals-side-popup--SidePopup-module__contentWrapper section.node_modules-\@vx-components-modals-side-popup--SidePopup-module__sectionScrollable:hover {
            padding: 0px 78px 16px 72px;
            margin: 0px 20px 32px 32px;
        }
}
/* Old platin stylesheets */
* {
  border: 0;
  box-sizing: border-box;
  scrollbar-color: #003574 white;
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
    width: 4px;
  }
*::-webkit-scrollbar-track {
    background: white;
  }
*::-webkit-scrollbar-thumb {
    background-color: #003574;
    border-radius: 2px;
  }
/* Button reset styles for accessibility */
.button-reset {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  text-align: inherit;
  width: auto;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  min-width: unset;
  height: auto;
  white-space: initial;
}
.button-reset:hover {
  background: none;
}
.button-reset:focus {
  outline: 1px dotted #003574;
}
.link-button {
  background: none;
  border: none;
  color: #2e4961;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  text-align: inherit;
  text-decoration: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  min-width: unset;
  height: auto;
}
.link-button:hover {
  background: none;
}
body {
  color: #2e4961;
  font-family: 'PKO Bank Polski', sans-serif;
  font-size: 13px;
  margin: 0;
}
:root {
  --container-width: 1300px;
  --background: white;
  --brand-headertop-background: #094e98;
  --brand-headertop-background-d10: #094e98;
  --brand-headertop-fontcolor: #000;
  --brand-primary: #e4202c;
  --brand-secondary: #003574;
  --brand-tertiary: #8b99a5;
  --brand-grey: #e5e5e5;
  --brand-grey-hover: #f2f2f2;
  --brand-lightgrey: #f3f3f3;
  --brand-border-radius: 0px;
  --brand-border-width: 1px;
  --brand-primary-fontfamily: PKOBankPolski;
  --brand-secondary-fontfamily: PKOBankPolski;
  --support-gray: #f3f3f3;
  --support-grey: #dedede;
  --support-tag-grey: #8b99a5;
  --support-grey-light: #e5e5e5;
  --support-grey-dark: #585858;
  --support-grey-background: #f7f7f7;
  --support-red-lighter: #f2453d;
  --support-blue: #009bfa;
  --support-tab-grey: #888;
  --widget-title-size: 24px;
  --widget-title-lineheight: 24px;
  --widget-title-weight: 700;
  --widget-title-pb: 1rem;
  --widget-title-mb: 2rem;
  --tags-height: 20px;
  --tags-p: 0 0.75rem;
  --tags-bgc: var(--brand-tertiary);
  --tags-bgc-active: var(--brand-secondary);
}
#container {
  display: grid;
  min-height: 100vh;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  width: 100%;
  margin: 0 auto;
}
body.iframe-html {
  background: white;
}
a {
  text-decoration: none;
  color: #2e4961;
}
button,
input[type='button'] {
  background-color: #003574;
  border-radius: 4px 0;
  box-sizing: border-box;
  color: #fff;
  font-family: 'PKO Bank Polski', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 13px;
  height: 40px;
  min-width: 180px;
  padding: 13px 15px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
button:hover,
input[type='button'] {
  background-color: #001e4b;
}
.content-container {
  width: var(--container-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 35px;
}
#sidebar {
  width: 180px;
  margin-right: 10px;
  float: left;
}
#main {
  width: 790px;
  float: left;
}
#main-full {
  width: 100%;
}
#main-center {
  width: 580px;
  float: left;
}
#main-right {
  width: 180px;
  margin-left: 20px;
  float: right;
}
#main-380 {
  width: 390px;
  margin-right: 10px;
  float: left;
}
#main-380-2 {
  width: 390px;
  float: left;
}
#main-780 {
  width: 780px;
  clear: both;
  margin-left: 200px;
}
#main-980 {
  width: 980px;
  clear: both;
}
.withArrow:after {
  background: url(5c16c9a8d787efe11a3a.svg) no-repeat 50%;
  content: '';
  display: inline-block;
  height: 24px;
  width: 10px;
  transition: transform 0.3s ease-out;
}
.current.withArrow:after {
  transform: rotate(180deg);
}
.hcenter {
  text-align: center;
}
.hleft {
  text-align: left;
}
.hright {
  text-align: right;
}
.vtop {
  vertical-align: top;
}
.vmiddle {
  vertical-align: middle;
}
.vbottom {
  vertical-align: bottom;
}
.no-border {
  border: 0;
}
.no-top-border {
  border-top: 0;
}
.no-right-border {
  border-right: 0;
}
.no-bottom-border {
  border-bottom: 0;
}
.no-left-border {
  border-left: 0;
}
.wrapper {
  clear: both;
}
.bd {
  font-weight: bold;
}
.Red {
  color: #e61717;
}
.Green {
  color: #12b812;
}
.Orange {
  color: #e6ac17;
}
.clearfix {
  clear: both;
}
#tooltip {
  position: absolute;
  z-index: 999;
  width: 230px;
  border: 1px solid #a9c5d1;
}
#tooltip h4 {
  padding: 5px 10px;
  background-color: #a9c5d1;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: 11px;
}
#tooltip p {
  margin: 0;
  color: #2e4961;
  background-color: #e4edf1;
  font-size: 11px;
  font-weight: normal;
  padding: 8px 10px;
}
#top {
  height: 68px;
  background: url(eb326424cc2f237e917f.png) 0 no-repeat;
}
#top ul li {
  list-style-type: none;
  text-align: right;
}
#top ul li span {
  font-weight: bold;
  color: #73b1e8;
}
#top div {
  cursor: pointer;
}
#top div.klient {
  margin: 5px 0 5px 5px;
  width: 20px;
  height: 56px;
  background: url(7e6407ca90fe0b229e15.png) no-repeat;
  float: right;
}
#top div.operator {
  margin: 5px 0 5px 5px;
  width: 20px;
  height: 56px;
  background: url(ab50acaa4ed345ff53a6.png) no-repeat;
  float: right;
}
#top div.sprawa {
  margin: 5px 0 5px 5px;
  width: 20px;
  height: 56px;
  background: url(2a20fe440d28c2b4e913.png) no-repeat;
  float: right;
}
#top ul li img {
  vertical-align: middle;
}
#head-container {
  width: var(--container-width);
  max-width: calc(100% - 40px);
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.border-bottom {
  border-bottom: 1px solid var(--support-grey-light);
}
#main-content {
  padding: 30px 35px;
  background: white;
}
#nav-right {
  float: right;
}
#messages-container {
  position: relative;
}
#messages-container .dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 31px;
  width: 350px;
  border: 3px solid #ccc;
  padding: 4px 30px 4px 4px;
  background-color: white;
}
#messages-container.dropdown-visible .dropdown {
  display: block;
}
#messages-container .dropdown ul li {
  margin-left: 10px;
}
/* reset css dla buttona w kontenerze */
#messages-container .button {
  background: none;
  border: none;
  padding: 0 !important;
  margin: 0;
  width: auto;
}
#messages-container-button.button {
  background: url(9fae0193ab4fbd6d6f2c.png) no-repeat -114px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 8px solid transparent;
  background-clip: content-box;
}
#messages-container-button.button:hover {
  background-color: #a9c5d1;
  border-color: #a9c5d1;
}
#messages-container-delete-all-button.button {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: url(9fae0193ab4fbd6d6f2c.png) no-repeat -42px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
/* style z Platin CRM */
#messages-container-counter {
  position: relative;
  top: -7px;
  right: -10px;
  display: block;
  height: 14px;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  border-radius: 7px;
  padding: 1px 1px 0;
  width: auto;
  min-width: 14px;
  font-family: 'Tahoma', sans-serif;
  line-height: 13px;
  background-color: #ca171d;
}
#menu li li a {
  padding: 4px;
}
#breadcrumb {
  width: 100%;
  clear: both;
  margin-top: 3px;
  background-color: #e0e0e0;
  font-size: 10px;
}
#breadcrumb p {
  padding: 5px 25px;
  float: right;
}
#breadcrumb p:first-child {
  padding: 5px 25px;
  float: left;
}
#breadcrumb p span {
  font-weight: bold;
  background: url(424b06579adb9dddd8e4.png) 4px 2px no-repeat;
  padding-left: 16px;
}
#breadcrumb p span:first-child {
  background: none;
  padding-left: 8px;
}
#breadcrumb2 {
  clear: both;
  margin-top: 3px;
  font-size: 10px;
}
#breadcrumb2 p {
  padding: 5px 10px;
  float: right;
}
#breadcrumb2 p:first-child {
  padding: 5px 25px;
  float: left;
}
#breadcrumb2 p span {
  font-weight: bold;
  background: url(424b06579adb9dddd8e4.png) 4px 2px no-repeat;
  padding-left: 16px;
}
#breadcrumb2 p span:first-child {
  background: none;
  padding-left: 8px;
}
#breadcrumb3 {
  float: left;
  margin-top: 48px;
  font-size: 9px;
}
#breadcrumb3 p {
  padding: 3px 10px;
  float: right;
}
#breadcrumb3 p:first-child {
  padding: 3px 15px;
  float: left;
}
#breadcrumb3 p span {
  font-weight: bold;
  background: url(424b06579adb9dddd8e4.png) 4px 2px no-repeat;
  padding-left: 16px;
}
#breadcrumb3 p span:first-child {
  background: none;
  padding-left: 6px;
}
#submenu {
  margin-top: 20px;
  width: 100%;
  font-size: 10px;
}
#submenu2 {
  width: 100%;
  clear: both;
  margin-top: 3px;
  background-color: #e0ebef;
  font-size: 10px;
}
#submenu ul,
#submenu2 ul {
  float: left;
  padding: 0 15px;
}
#submenu li {
  list-style-type: none;
  float: left;
  padding: 5px 10px;
  position: relative;
  font-weight: bold;
  background: url(76f8f96998ffb686b7c2.png) 0 9px no-repeat;
}
#submenu2 li {
  list-style-type: none;
  float: left;
  padding: 0 2px 0 3px;
  position: relative;
  font-weight: bold;
  background: url(76f8f96998ffb686b7c2.png) 0 9px no-repeat;
}
#submenu li:first-child,
#submenu2 li:first-child {
  background: 0;
}
#submenu ul li:hover,
#submenu ul li:hover a {
  background-color: #a9c5d1;
  color: #fff;
}
#submenu2 li.bg0 {
  background: 0;
}
#submenu2 li a {
  display: block;
  padding: 5px 8px 5px 8px;
}
#submenu2 ul li:hover a {
  background-color: #d3e2e7;
}
.nav-box {
  float: right;
  overflow: visible;
}
.nav-box-ul {
  border-left: none;
  margin: 7px 7px 7px 0;
  padding-left: 6px;
}
.z10 {
  z-index: 10;
}
.z20 {
  z-index: 20;
}
.z30 {
  z-index: 30;
}
.z40 {
  z-index: 40;
}
.progressBarOutside {
  display: inline;
  width: 102px;
  height: 11px;
  padding: 1px;
  background-image: url(638eccedc647aadc95f9.png);
  float: right;
  margin-top: 1px;
  margin-left: 4px;
}
.progressBarInside {
  width: 102px;
  height: 11px;
  text-align: center;
  font-size: 80%;
  font-weight: normal;
  background-image: url(d1dbea10b571cc979159.png);
  background-repeat: no-repeat;
}
#sidebar h3 {
  font-size: 11px;
  color: #fff;
  background-color: #dfa14a;
  text-align: center;
  padding: 5px;
  margin-bottom: 1px;
  margin-top: 10px;
}
#sidebar h3:first-child {
  margin-top: 0;
}
#sidebar ul li {
  list-style-type: none;
  display: block;
  padding: 5px 6px 5px 24px;
  margin-bottom: 1px;
  background: url(b5e55c81ffa5e563447b.gif) 8px 9px no-repeat #ffecd2;
}
#sidebar ul li:hover {
  background: url(b5e55c81ffa5e563447b.gif) 8px 9px no-repeat #ffd9a2;
}
#sidebar h3.blue {
  background-color: #73b1e8;
}
#sidebar ul.blue li {
  background: url(b5e55c81ffa5e563447b.gif) 8px 9px no-repeat #d5ebff;
}
#sidebar ul.blue li:hover {
  background: url(b5e55c81ffa5e563447b.gif) 8px 9px no-repeat #a9d6ff;
}
#sidebar ul.blue2 a {
  float: left;
  width: 120px;
}
#sidebar ul.blue2 span {
  float: right;
}
#sidebar ul.blue2 span a {
  float: none;
}
#sidebar ul.blue2 span,
#sidebar ul.blue2 span a {
  color: #e61717;
  font-size: 95%;
}
#sidebar ul.blue3 {
  border-bottom: 1px solid #d5ebff;
  background-color: #fff;
}
#sidebar ul.blue3 li {
  padding-left: 12px;
  border-left: 1px solid #d5ebff;
  border-right: 1px solid #d5ebff;
  margin: 0;
}
#sidebar ul.blue3 li.green {
  background: url(dd53318765703efde000.png) 155px 4px no-repeat;
}
#sidebar ul.blue3 li.green:hover {
  background: url(dd53318765703efde000.png) 155px 4px no-repeat #d5ebff;
}
#sidebar ul.blue3 li.red {
  background: url(e140c1a345dbee33a8ec.png) 155px 4px no-repeat;
}
#sidebar ul.blue3 li.red:hover {
  background: url(e140c1a345dbee33a8ec.png) 155px 4px no-repeat #d5ebff;
}
#sidebar ul.blue3 li.orange {
  background: url(b7fc9e5bc6122dd3d913.png) 155px 4px no-repeat;
}
#sidebar ul.blue3 li.orange:hover {
  background: url(b7fc9e5bc6122dd3d913.png) 155px 4px no-repeat #d5ebff;
}
#sidebar ul.blue3 li.blank {
  background: url(14461153c7f2220973c6.png) 155px 4px no-repeat;
}
#sidebar ul.blue3 li.blank:hover {
  background: url(14461153c7f2220973c6.png) 155px 4px no-repeat #d5ebff;
}
#sidebar ul.blue3 li.grey {
  background: url(d343123a6c171a3e7b03.png) 155px 4px no-repeat;
}
#sidebar ul.blue3 li.grey a {
  color: #999;
}
#sidebar ul.blue3 li.grey:hover {
  background: url(d343123a6c171a3e7b03.png) 155px 4px no-repeat #efefef;
}
#sidebar ul.blue4 {
  border-bottom: 1px solid #d5ebff;
  background-color: #fff;
}
#sidebar ul.blue4 li {
  padding-left: 12px;
  border-left: 1px solid #d5ebff;
  border-right: 1px solid #d5ebff;
  margin: 0;
  background: 0;
}
#sidebar ul.blue4 li span {
  float: right;
  margin-right: 5px;
  color: red;
  font-weight: bold;
}
#sidebar ul.blue4 li:hover {
  background-color: #d5ebff;
}
#sidebar ul.blue4 li.l1 {
  text-transform: uppercase;
  font-weight: bold;
}
#sidebar ul.blue4 li.l2 a {
  margin-left: 10px;
}
#sidebar ul.blue4 li.divider hr {
  border: 1px solid #d5ebff;
  margin-right: 5px;
}
#sidebar ul.blue4 li.divider:hover {
  background-color: #fff;
}
#sidebar ul.blue5 {
  border-bottom: 1px solid #d5ebff;
  border-left: 1px solid #d5ebff;
  border-right: 1px solid #d5ebff;
  background-color: #fff;
}
#sidebar ul.blue5 li {
  margin: 0;
  background: 0;
  padding-left: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#sidebar ul.blue5 li a {
  display: block;
  float: left;
  width: 110px;
}
#sidebar ul.blue5 li span {
  float: right;
  margin-right: 5px;
  font-weight: bold;
}
#sidebar ul.blue5 li:hover {
  background-color: #d5ebff;
}
#sidebar ul.blue5 li.l1 {
  text-transform: uppercase;
  font-weight: bold;
}
#sidebar ul.blue5 li.l2 a {
  margin-left: 10px;
}
#sidebar ul.blue5 li.divider {
  background: url(88f5900d39580c4ae152.png) 10px 3px no-repeat #fff;
}
#sidebar ul.blue5 li.divider-blank {
  height: 0;
  background: #fff;
}
#sidebar ul.blue5 li.divider:hover {
  background-color: #fff;
}
#main-right h3 {
  font-size: 11px;
  color: #fff;
  background-color: #dfa14a;
  text-align: center;
  padding: 5px;
  margin-bottom: 1px;
  margin-top: 10px;
}
#main-right h3:first-child {
  margin-top: 0;
}
#main-right ul li {
  list-style-type: none;
  display: block;
  padding: 5px 12px 5px 12px;
  margin-bottom: 1px;
  background-color: #ffecd2;
}
#main-right li.indent {
  padding-left: 24px;
}
#main-right ul li a {
  float: left;
}
#main-right ul li span {
  float: right;
  font-weight: bold;
  color: #dfa14a;
}
#main-right ul li:hover {
  background-color: #ffd9a2;
}
#sidebar ul.orange li {
  color: Red;
  background: url(b5e55c81ffa5e563447b.gif) no-repeat scroll 8px 9px #ffecd2;
}
#sidebar ul.orange li:hover {
  background: url(b5e55c81ffa5e563447b.gif) 8px 9px no-repeat #ffd9a2;
}
#sidebar ul.orange span a {
  float: none;
}
#sidebar ul.orange li.grupa {
  background: url(b5e55c81ffa5e563447b.gif) no-repeat scroll 8px 9px #ffecd2;
  text-transform: uppercase;
}
#sidebar ul.orange a {
  float: left;
  width: 120px;
}
#sidebar ul.orange span {
  float: right;
}
#sidebar ul.orange span,
#sidebar ul.orange span a {
  color: #e61717;
  font-size: 95%;
}
#sidebar .steps ul li {
  background: #d1d1d1;
  padding: 0 0 0 12px;
  margin-bottom: 4px;
}
#sidebar .steps ul li a {
  display: block;
  background: url(bf2faf29e5b364fb5a4e.png) repeat-x #fff;
  padding: 7px 10px;
  border: 1px solid #e5e5e5;
  border-left: none;
  font-size: 16px;
  color: #646464;
}
#sidebar .steps ul li a:hover {
  border-color: #d1d1d1;
}
#sidebar .steps ul li a span {
  display: block;
  font-size: 11px;
}
#sidebar .steps ul li.current {
  background: #2f4962;
}
#sidebar .steps ul li.current a {
  background: url(498bdc482a6eb264fb34.png) repeat-x #fff;
  color: #2f4962;
  border-color: #d9ebff;
}
#sidebar .steps ul li.current a:hover {
  border-color: #b4daff;
}
h1 {
  color: #000;
  font-family: 'PKO Bank Polski', Helvetica, sans-serif;
  font-size: 33px;
  font-weight: 400;
  line-height: 48px;
  margin: 0;
  max-width: 100%;
  padding: 0 0 16px;
}
#main h1 {
  margin-top: 10px;
  font-size: 11px;
  text-align: center;
  color: #fff;
  background-color: #73b1e8;
  text-transform: uppercase;
  padding: 6px 0;
}
#main h1:first-child {
  margin-top: 0;
}
.item {
  background: #fff url(48ec1665d92fe181e3b3.png) repeat-x;
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
  border: 1px solid #a9d6ff;
}
.item2 {
  background-color: #f9f9f9;
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
  border: 1px solid #a9d6ff;
}
.item:first-child {
  margin-top: 0;
}
.item h2,
.item2 h2 {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: center;
  margin-top: 14px;
}
.item h2:first-child,
.item2 h2:first-child {
  margin-top: 0;
}
.buttons {
  padding: 10px 0;
  text-align: right;
  clear: both;
}
.small-buttons {
  padding: 5px 0;
  text-align: right;
  clear: both;
}
.small-buttons a {
  margin-right: 15px;
}
.small-buttons input {
  font-size: 11px;
  font-weight: bold;
  padding: 2px 6px;
  width: auto;
}
.small-links {
  padding: 5px 0;
  text-align: right;
  clear: both;
}
.small-links a.add {
  margin-right: 24px;
  padding-left: 16px;
  text-decoration: underline;
}
.msg-green {
  display: block;
  margin: 0 auto;
  width: 660px;
  background: url(14a89cb2dc2b4742caf3.png) bottom center no-repeat;
  padding-bottom: 3px;
}
.msg-green span {
  display: block;
  padding: 23px 20px 20px 20px;
  background: url(f1d4c3be4abed3628579.png) top center no-repeat;
  font-size: 14px;
  color: #12b812;
}
.msg-green-2 {
  display: block;
  margin: 0 auto;
  width: 660px;
  background: url(14a89cb2dc2b4742caf3.png) bottom center no-repeat;
  padding-bottom: 3px;
}
.msg-green-2 span {
  display: block;
  padding: 16px 20px 13px 20px;
  background: url(f1d4c3be4abed3628579.png) top center no-repeat;
  font-size: 12px;
  color: #12b812;
}
.msg-red {
  display: block;
  margin: 0 auto;
  width: 660px;
  background: url(9da1fa3bdca5ad0536e8.png) bottom center no-repeat;
  padding-bottom: 3px;
}
.msg-red span {
  display: block;
  padding: 23px 20px 20px 20px;
  background: url(c92409d2dfdeb7b8d5b4.png) top center no-repeat;
  font-size: 14px;
  color: #e61717;
}
.msg-orange {
  display: block;
  margin: 0 auto;
  width: 660px;
  background: url(5bf702b2ae39d3a531b8.png) bottom center no-repeat;
  padding-bottom: 3px;
}
.msg-orange span {
  display: block;
  padding: 23px 20px 20px 20px;
  background: url(34f4e1f7ec7ce9ec31b3.png) top center no-repeat;
  font-size: 14px;
  color: #e6ac17;
}
.msg-green ul,
.msg-red ul,
.msg-orange ul {
  margin-top: 6px;
  margin-left: 60px;
  list-style-type: square;
  font-size: 12px;
}
.msg-green span img,
.msg-green-2 span img,
.msg-red span img,
.msg-orange span img {
  vertical-align: middle;
  margin-right: 12px;
}
ul.linki {
  margin-top: 10px;
}
ul.linki li {
  list-style-type: none;
  font-size: 14px;
  padding-left: 20px;
  background: url(52db994f5509ce226c5f.png) 0 2px no-repeat;
  line-height: 140%;
  font-weight: bold;
}
ul.linki li:hover {
  background: url(0f6e3af3cc8282878fee.png) 0 2px no-repeat;
}
#footer #hd {
  float: left;
  font-size: 11px;
  width: 199px;
  text-align: left;
}
#footer #version {
  float: left;
  font-size: 11px;
  width: 210px;
  text-align: left;
}
#footer #ip {
  float: left;
  font-size: 11px;
  width: 100px;
  text-align: left;
}
#footer a {
  font-weight: bold;
}
#footer #copyright {
  float: right;
  font-size: 11px;
  width: 435px;
  text-align: right;
}
.mapaCheckbox {
  padding: 3px;
}
.mapaCheckbox table {
  margin: 0;
  width: 600px;
}
.mapaCheckbox table tr,
.mapaCheckbox table tr td {
  margin: 0;
  padding: 3px;
}
.mapaCheckbox tr.k {
  font-weight: bold;
  background-color: #a9d6ff;
}
.mapaCheckbox tr.p {
  background-color: #d5ebff;
}
.mapaCheckbox tr.c {
  background-color: #eff7ff;
}
.mapaCheckbox tr.r {
  background-color: #fafafa;
}
.mapaCheckbox tr.t {
  background-color: #fff;
}
.mapaCheckbox .k1 {
  width: 20px;
}
.mapaCheckbox .grube {
  font-weight: bold;
}
#footer {
  border-top: 1px solid #e0e0e0;
  padding: 7px;
  font-size: 10px;
}
#footer p a {
  font-weight: bold;
}
#footer p a:hover {
  text-decoration: underline;
}
table {
  border-collapse: collapse;
}
td.w25 {
  width: 25%;
  padding: 1px 4px;
}
td.w50 {
  width: 50%;
  padding: 1px 4px;
}
td.i160 input[type='text'] {
  width: 160px;
  text-align: right;
}
td.i140 input[type='text'] {
  width: 140px;
  text-align: right;
}
td.s160 select {
  width: 166px;
}
.table-4-col {
  width: 760px;
}
.table-2-col {
  width: 334px;
}
.w714 {
  width: 714px;
}
.table-4-col-wynik {
  width: 100%;
  margin-top: 10px;
}
.table-4-col-wynik td {
  padding: 6px 8px;
  border: 1px solid #d5ebff;
}
.table-4-col-wynik td.l {
  width: 34%;
  text-align: left;
}
.table-4-col-wynik td.r {
  width: 16%;
  text-align: right;
  font-weight: bold;
}
.table-1 {
  width: 100%;
  background-color: #fff;
}
.table-1 thead tr th {
  text-align: center;
  background-color: #d5ebff;
  padding: 5px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.table-1 thead tr th:first-child {
  border-left: 1px solid #d5ebff;
}
.table-1 td {
  border: 1px solid #d5ebff;
  padding: 5px;
}
table.table-1 td a {
  border-bottom: 1px solid #2e4961;
}
.table-1 .col1 {
  width: 30px;
  text-align: center;
}
.table-1 tr:hover {
  background-color: #f2f9ff;
}
.table-2-col-zadania {
  width: 100%;
}
.table-2-col-zadania thead th {
  text-align: center;
  background-color: #d5ebff;
  padding: 5px;
  border: 1px solid #d5ebff;
}
.table-2-col-zadania td {
  border: 1px solid #d5ebff;
  padding: 5px;
}
.table-2-col-zadania tr:hover {
  background-color: #f2f9ff;
}
.table-5-col-nieruchomosci-szczegoly {
  width: 100%;
  margin-top: 10px;
}
.table-5-col-nieruchomosci-szczegoly td {
  width: 162px;
  border: 1px solid #d5ebff;
  padding: 5px;
  vertical-align: middle;
}
.table-5-col-nieruchomosci-szczegoly .col5 {
  width: 70px;
  text-align: center;
}
.table-5-col-nieruchomosci-szczegoly thead th {
  text-align: center;
  background-color: #a9d6ff;
  padding: 5px;
  border: 1px solid #d5ebff;
}
tr.row2 th {
  background-color: #a9d6ff;
}
input[type='text'] {
  border: var(--support-grey-dark) 1px solid;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 10px 12px 10px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
  min-height: 40px;
  background-color: #fff;
  margin: 0 1px;
}
input[type='text']:focus-visible {
  outline: black 1px solid;
  border-color: rgba(0, 0, 0, 0);
}
input[type='radio'] {
  vertical-align: middle;
  margin-right: 5px;
}
input[type='checkbox'] {
  vertical-align: middle;
  margin-right: 5px;
}
input[readonly='readonly'],
input[disabled='disabled'],
.disabled {
  background-color: #efefef;
  color: #999;
}
input[type='text'].error {
  border: 1px solid #f3bbbb;
  background-color: #fdf0f0;
}
input.search {
  background: url(e29313e9e9bfab3c9905.svg) center no-repeat;
  background-position-x: calc(100% - 6px);
  padding-right: 40px;
}
label {
  cursor: default;
}
select {
  border: 1px solid #ccc;
  padding-left: 2px;
  font-size: 11px;
  font-weight: bold;
}
select option {
  padding: 0 5px;
}
textarea {
  border: 1px solid #ccc;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
  font-family: Tahoma, sans-serif;
}
.validator {
  display: block;
  width: 166px;
  margin: 2px 0 0 4px;
  padding-bottom: 3px;
  background: url(0e0da1ba4c9ebd4c19c2.png) center bottom no-repeat;
}
.validator span {
  display: block;
  color: #fd0000;
  font-size: 10px;
  font-weight: bold;
  padding: 10px 5px 1px 5px;
  background: url(168f73ee42c230f38b14.png) center top no-repeat;
}
th input[type='text'] {
  border: 0;
  padding: 1px 2px;
  font-size: 9px;
  font-weight: bold;
  vertical-align: middle;
  width: 60px;
}
fieldset .buttons {
  padding-bottom: 0;
}
fieldset {
  border: 1px solid #a9d6ff;
  margin-top: 10px;
  margin-left: 0;
  background: url(719f1fe82b700c3e15ce.png) repeat-x;
  padding: 0 10px 10px 10px;
}
fieldset.f2 a.collapse-1 {
  display: block;
  float: right;
  top: -27px;
  position: relative;
}
legend {
  border: 1px solid #73b1e8;
  padding: 16px 4px 8px;
  background-color: #d5ebff;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  font-family: 'PKO Bank Polski', Helvetica, sans-serif;
}
fieldset.f2 {
  border: 0;
  margin-top: 10px;
  margin-left: 0;
  background: url(5e769c61cbf1e8469cb2.png) 0 8px repeat-x;
  padding: 0 10px 10px 10px;
}
fieldset:first-child {
  margin-top: 0;
}
fieldset.f2 legend,
fieldset.f2 div legend {
  border: 0;
  padding: 2px 4px;
  background: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
fieldset.no-label {
  padding-top: 20px;
}
fieldset.f3 {
  border: 0;
  background: url(bcc5445352c27144fe74.png) 0 8px repeat-x;
  padding: 0;
}
fieldset.f3 legend {
  border: 0;
  background: 0;
  font-weight: bold;
}
fieldset.f3 legend img {
  margin-right: 8px;
}
.inny-produkt {
  background: url(1a116db561004455c956.png) repeat-x;
  border: 1px solid #ffd9a2;
}
.inny-produkt legend {
  border: 1px solid #ffd9a2;
  background-color: #ffecd2;
}
.inny-produkt input[type='text'] {
  border: 1px solid #ffd9a2;
}
div.display,
div.input,
div.textarea,
div.select,
div.radio,
div.check {
  float: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
div.check input {
  margin-top: 15px;
  float: left;
}
div.check label {
  padding: 2px 0;
  margin-top: 15px;
  display: block;
}
div.input label,
div.textarea label,
div.select label {
  display: block;
  margin-bottom: 2px;
}
div.input input,
div.select select,
div.textarea textarea {
  text-align: left;
}
div.display {
  width: 440px;
  min-height: 36px;
}
div.displayMinHeight {
  height: 36px;
  float: right;
  width: 1px;
}
div.heightLikeInput {
  height: 36px;
}
div.displayAsLink strong {
  text-decoration: underline;
}
div.displayAsLink:hover {
  text-decoration: none;
}
div.input,
div.select,
div.check,
div.height1x {
  height: 36px;
}
div.textarea,
div.height2x {
  height: 72px;
}
div.height3x {
  height: 174px;
}
div.height4x {
  height: 232px;
}
div.input,
div.textarea,
div.select,
div.radio,
div.check,
div.module1x {
  width: 172px;
}
div.module2x {
  width: 370px;
}
div.module3x {
  width: 555px;
}
div.module4x {
  width: 740px;
}
div.module5x {
  width: 925px;
}
div.input input,
div.textarea textarea,
div.module1x input,
div.module1x textarea {
  width: 150px;
}
div.select select,
div.module1x select {
  width: 161px;
}
div.module2x input,
div.module2x textarea {
  width: 340px;
}
div.module2x select {
  width: 345px;
}
div.module3x input,
div.module3x textarea {
  width: 525px;
}
div.module3x select {
  width: 531px;
}
div.module4x input,
div.module4x textarea {
  width: 710px;
}
div.module4x select {
  width: 716px;
}
div.module5x input,
div.module5x textarea {
  width: 895px;
}
div.module5x select {
  width: 901px;
}
.switchSearch {
  float: left;
  position: absolute;
  right: 20px;
  top: 14px;
  font-weight: bold;
}
.switchSearch a {
  cursor: pointer;
  text-decoration: underline;
}
.switchSearch a.readonly {
  color: #999;
  text-decoration: none;
}
.switchSearch span {
  font-weight: bold;
  color: #999;
}
.box1 {
  margin-top: 10px;
}
.box1:first-child,
.box2 {
  margin-top: 0;
}
.box1-header,
.box2-header {
  background-color: #73b1e8;
  color: #fff;
}
.box1-header h2,
.box2-header h2 {
  border: 0;
  font-size: 11px;
  color: #fff;
  padding: 5px 0 0 10px;
  float: left;
}
.box1 .navi ul,
.box2 .navi ul {
  padding: 6px 6px 0 0;
}
.box1 .navi ul li,
.box2 .navi ul li {
  list-style-type: none;
  float: right;
  margin-left: 4px;
}
.box1 .navi,
.box2 .navi {
  height: 23px;
  display: block;
}
.box1 .box-content,
.box2 .box-content {
  padding: 0;
  background-color: #fff;
  border: 0;
}
.box2 .box-content {
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #d5ebff;
  border-top: 0;
}
div.paging {
  text-align: center;
  padding-top: 4px;
  border: 1px solid #d5ebff;
  border-top: 0;
}
table.rich-dtascroller-table {
  font-size: 11px;
  margin: 0 auto;
}
table.rich-dtascroller-table td {
  vertical-align: middle;
  font-weight: bold;
}
table.rich-dtascroller-table td img {
  padding-top: 3px;
}
.rich-datascr-inact,
.rich-datascr-act {
  padding: 0 6px;
}
.rich-datascr-button {
  padding: 0 4px;
}
.rich-datascr-act {
  text-decoration: underline;
}
.rich-datascr-inact:hover {
  text-decoration: underline;
}
input[type='password'] {
  border: 1px solid #ccc;
  padding: 1px 2px;
  font-size: 11px;
  font-weight: bold;
  vertical-align: middle;
}
.panels {
  border: 1px solid var(--support-grey);
  margin-top: 10px;
  padding: 25px;
  border-radius: 4px;
}
.panels .item {
  border: 0;
  background: 0;
  padding: 0 10px;
}
.panels .panel {
  display: none;
}
.panels .footer {
  text-align: right;
  padding: 5px;
}
.panels .footer a {
  text-decoration: underline;
}
.tabs {
  margin-bottom: -12px;
}
.tabs li a {
  display: block;
  padding: 3px 5px;
}
.tabs ul {
  display: block;
  clear: both;
}
.tabs li {
  list-style-type: none;
  display: block;
  float: left;
  padding: 5px 12px;
  border: 1px solid var(--support-grey-light);
  background-color: var(--support-grey-background);
  margin-right: -7px;
  border-radius: 6px 6px 0 0;
  position: relative;
}
.tabs li.active {
  z-index: 1;
  background-color: white;
  font-weight: bold;
  border-bottom: 1px solid white;
  box-shadow: 5px 0px 4px -4px rgba(0, 0, 0, 0.12);
}
.tabs-2 {
  background: url(5e769c61cbf1e8469cb2.png) 0 56px repeat-x;
}
.tabs-3 {
  background: url(5e769c61cbf1e8469cb2.png) 0 44px repeat-x;
}
.tabs-3 li a {
  padding: 3px 6px;
}
html {
  scrollbar-base-color: #e0ebef;
}
.clr {
  clear: both;
}
.buttons a {
  text-decoration: underline;
}
div.buttons-inline {
  padding-top: 8px;
  clear: none;
}
.button-small {
  background: url(105e2125cfa2a521b523.png) repeat-x scroll 0 bottom transparent;
  border: 1px solid #a9d6ff;
  color: #2e4961;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 0;
  min-width: 100px;
}
.button-small-check {
  background: url(105e2125cfa2a521b523.png) repeat-x scroll 0 bottom transparent;
  border: 1px solid #a9d6ff;
  color: #2e4961;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 0;
}
.buttons a.button {
  text-decoration: none;
  display: inline-block;
  height: 18px;
  vertical-align: top;
  color: #2e4961;
}
.button,
.buttons a.button {
  margin-left: 3px;
  width: auto;
  overflow: visible;
  padding: 5px 15px !important;
  text-align: center;
}
.button.suggested,
.button-small.suggested,
.buttons a.button.suggested {
  color: red;
}
.content-panel h1 {
  color: black;
  font-size: 48px;
  font-weight: 500;
  margin: 70px 0 15px;
  line-height: 56px;
  padding-bottom: 3px;
}
.content-panel h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.content-panel h4 {
  font-size: 12px;
  padding: 5px 0;
  clear: both;
}
.content-panel .display {
  min-height: 18px;
}
.content-panel .readonly {
  background-color: #f9f9f9;
}
.singlePanel {
  width: 100%;
}
.singlePanel .item {
  padding: 8px 16px;
  margin: 0;
}
.singlePanel h1 {
  font-size: 11px;
  padding: 6px 8px;
  background-color: #73b1e8;
  color: white;
}
#top.logoNemo {
  background: url(6a292c1d2325ccc8f7b5.png) -12px no-repeat !important;
}
#top.logoPlatin {
  background: url(eb326424cc2f237e917f.png) -12px no-repeat !important;
}
#logoLink {
  position: absolute;
  float: left;
  display: block;
  left: 14px;
  top: 6px;
  height: 50px;
  width: 164px;
}
#submenu2 li a {
  white-space: nowrap;
}
#submenu2 li.active {
  text-transform: uppercase;
  background-color: #efefef;
}
#content .box1,
#content .box2 {
  margin: 0;
}
#content .box {
  padding-bottom: 10px;
}
.msg-green,
.msg-gree-2,
.msg-orange,
.msg-red {
  margin: 0 auto 10px;
}
li.inactive,
li.inactive:hover {
  background: #eee;
  border-color: #afafaf;
}
li.inactive a {
  color: #afafaf !important;
}
label.error {
  color: #fb5555;
  font-weight: bold;
}
select.error {
  background-color: #fdf0f0;
  border: 1px solid #f3bbbb;
}
.gw {
  color: #fb5555;
}
.buttonsRemove {
  float: left;
  margin-top: 10px;
}
.actRow {
  background-color: #ffecd2;
  font-weight: bold;
}
.spacer {
  clear: both;
  height: 15px;
  font-size: 0;
}
#sidebar ul.blue5 li span.catName {
  float: left;
}
#sidebar ul.blue5 li.l2 span.catName {
  font-weight: normal;
}
div.radio table tr td input[type='radio'] {
  margin: 0;
  padding-left: 0;
}
.singlePanel .item h2 {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: left;
  text-transform: none;
}
.tooltipHeader,
.tooltipBody {
  padding-left: 16px;
  padding-right: 16px;
}
.tooltipMenuHandler {
  position: relative;
}
.tooltipMenuHandler a {
  cursor: pointer;
}
.tooltipMenuHandler img {
  position: relative;
  vertical-align: top;
}
.tooltipMenuHandler .tooltipMenu {
  position: absolute;
  display: none;
  top: 8px;
  right: 0;
}
.tooltipMenuHandler .tooltipHeader,
.tooltipMenuHandler .tooltipBody {
  padding-left: 0;
  padding-right: 0;
}
div.pieChartLegend {
  background-color: #00b8bf;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 10px;
}
.progressBarOutside {
  display: inline;
  width: 102px;
  height: 11px;
  padding: 1px;
  background-image: url(638eccedc647aadc95f9.png);
  float: right;
  margin-top: 1px;
  margin-left: 4px;
}
.nobackground {
  background: 0;
}
.noborder {
  border: 0;
}
li.noArrow {
  background-image: none !important;
}
#sidebar ul.blue5 li a {
  width: 100px;
}
.noBP {
  background: url(5ce2f6b698ce375640af.png) no-repeat;
  width: 35px;
  height: 16px;
  margin-right: 10px;
  float: right;
}
.exSKOK {
  background: url(f9086190f0980cfe6fe7.png) no-repeat;
  width: 44px;
  height: 16px;
  margin-right: 10px;
  float: right;
}
table td a {
  border-bottom: 0;
}
.radioTable td {
  padding: 4px 0;
}
h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  padding: 6px 0;
  margin-bottom: 6px;
}
.tbl2 {
  width: 100%;
}
.tbl2 a {
  text-decoration: underline;
}
.tbl2 thead th {
  text-align: center;
  background-color: #d5ebff;
  padding: 5px;
  border: 1px solid #d5ebff;
}
.tbl2 td {
  border: 1px solid #d5ebff;
  padding: 5px;
}
.tbl2 tr:hover,
.tbl2 tr:hover td {
  background-color: #d5ebff;
}
td.colCenter {
  padding: 4px;
  text-align: center;
}
td.colLeft {
  padding: 4px;
  text-align: left;
}
td.colRight {
  padding: 4px;
  text-align: right;
}
td.colAction {
  padding: 4px;
  text-align: center;
  width: 70px;
}
td.colAction a {
  margin-left: 3px;
  margin-right: 3px;
}
td.colDate {
  padding: 4px;
  text-align: center;
  width: 100px;
}
td.colLp {
  width: 20px;
}
td.colAddress {
  width: 320px;
}
td.colLongAddress {
  width: 550px;
}
td.colPesel {
  width: 70px;
}
td.colAccount {
  width: 150px;
}
td.important {
  background: #ffd;
}
div.reportNavPanel {
  padding: 8px;
}
div.reportNavPanel table td {
  padding: 4px;
}
div.reportNavPanel table.pagination tr {
  height: 18px;
}
div.reportNavPanel table.pagination td {
  padding: 0;
  width: 20px;
}
div.reportNavPanel table.pagination input {
  width: 26px;
  text-align: right;
}
div.reportNavPanel table.pagination a {
  color: white;
  font-weight: bold;
  font-size: 14px;
  display: block;
  text-decoration: none;
}
#reportContext table {
  border-collapse: collapse;
}
.calendarPaging {
  text-align: center;
  margin-top: 8px;
}
.calendarPaging a:hover {
  text-decoration: none;
}
.calendarPaging img {
  vertical-align: middle;
  margin: 0 8px;
}
#sidebar ul.sql_criteria {
  border: 1px solid #d5ebff;
  padding: 5px;
  background-color: #f0f0f0;
}
#sidebar ul.sql_criteria ul {
  display: inline-block;
  width: 156px;
}
#sidebar ul.sql_criteria li {
  padding: 0;
  background: 0;
}
#sidebar ul.sql_criteria li ul {
  padding: 0 3px 5px;
}
#sidebar ul.sql_criteria li ul li ul {
  padding: 0 3px 5px;
  border-bottom: 1px solid #d5ebff;
}
#sidebar .sql_criteria ul li.name {
  font-weight: bold;
}
#sidebar ul.sql_criteria input[readonly='readonly'] {
  color: inherit;
  background: 0;
}
.TableView {
  width: 790px;
  float: right;
}
.TableView table.tbl2 {
  empty-cells: show;
  border-collapse: collapse;
  width: 100%;
}
.TableView table.tbl2 div {
  margin: 2px;
  padding: 1px 4px;
  white-space: nowrap;
  overflow: hidden;
}
.WeekView {
  margin: 1px 0 0 1px;
  empty-cells: show;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.WeekView tr td {
  vertical-align: top;
  border: 1px solid #d0d0d0;
  height: 0;
}
.WeekView tr td.colGodz {
  text-align: center;
}
.WeekView tr td.colWeekend,
.WeekView tr td.gray {
  background-color: #eee;
}
.WeekView tr.hidden td {
  border: 0;
  border-top: 1px solid #d0d0d0;
  height: 0;
}
.WeekView tr.hidden td.colGodz {
  width: 45px;
}
.WeekView tr.hidden td.colWeekend {
  width: 60px;
}
.WeekView tr.header td {
  padding: 4px 0;
  font-weight: bold;
  text-align: center;
  height: 28px;
  vertical-align: middle;
}
.WeekView div {
  margin: 2px;
  padding: 1px 4px;
  white-space: nowrap;
  overflow: hidden;
}
.WeekView tr div a:hover b {
  text-decoration: none;
}
.WeekView tr.strefaJednodniowa {
  height: 34px;
}
.WeekView tr.strefaJednodniowa div a b {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.WeekView tr.strefaWielodniowa div {
  height: 16px;
  margin-bottom: 0;
}
.WeekView tr.strefaWielodniowa td {
  border-top: 0;
  border-bottom: 0;
}
.WeekView .calendarItemMenu {
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 0;
  overflow: visible;
}
.WeekView .calendarItemMenu .add_item {
  position: absolute;
}
.WeekView .calendarItemMenu ul {
  background: none repeat scroll 0 0 white;
  border: 1px solid #555;
  display: none;
  line-height: 1em;
  list-style: none outside none;
  position: absolute;
  top: -5px;
  left: -20px;
}
.WeekView .calendarItemMenu ul li {
  padding: 2px 4px;
}
.WeekView .calendarItemMenu ul li:hover {
  background: #eee;
}
.MonthView {
  margin: 1px 0 0 1px;
  empty-cells: show;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.MonthView tr td {
  vertical-align: top;
  border: 1px solid #d0d0d0;
  height: 77px;
}
.MonthView tr th {
  padding: 4px 0;
  font-weight: bold;
  text-align: center;
  height: 28px;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
}
.MonthView tr td.colWeekend,
.MonthView tr th.colWeekend {
  background-color: #eee;
}
.MonthView div {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}
.MonthView .day {
  background-color: #e0e0e0;
  border-bottom: 1px solid #d0d0d0;
  padding: 2px 4px;
  margin: 0;
  margin-bottom: 2px;
}
.MonthView .item {
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 2px;
  margin-bottom: 2px;
  padding: 0;
}
.MonthView td.gray {
  background-color: #e0e0e0;
}
.WeekView tr td div.mark,
.MonthView tr td div.mark {
  border: 1px solid #888;
}
.WeekView tr td.today,
.MonthView tr td.today {
  border: 2px solid #888;
}
.TableView div.grey,
.WeekView div.grey,
.MonthView div.grey {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.TableView div.yellow,
.WeekView div.yellow,
.MonthView div.yellow {
  background-color: #ffc;
  border: 1px solid #fec;
  border-radius: 4px;
}
.TableView div.green,
.WeekView div.green,
.MonthView div.green {
  background-color: #cfc;
  border: 1px solid #cec;
  border-radius: 4px;
}
.TableView div.green_hl,
.WeekView div.green_hl,
.MonthView div.green_hl {
  background-color: #cf9;
  border: 1px solid #cec;
  border-radius: 4px;
}
.TableView div.red,
.WeekView div.red,
.MonthView div.red {
  background-color: #f99;
  border: 1px solid #f77;
  border-radius: 4px;
}
.TableView div.orange,
.WeekView div.orange,
.MonthView div.orange {
  background-color: #ffdaaf;
  border: 1px solid #ffbaaf;
  border-radius: 4px;
}
.TableView div.blue,
.WeekView div.blue,
.MonthView div.blue {
  background-color: #c9e4ff;
  border: 1px solid #a9e4ff;
  border-radius: 4px;
}
.TableView div.brown,
.WeekView div.brown,
.MonthView div.brown {
  background-color: #ff4040;
  border: 1px solid #a52a2a;
  border-radius: 4px;
}
.TableView div.dark_green,
.WeekView div.dark_green,
.MonthView div.dark_green {
  background-color: #3f0;
  border: 1px solid #3d3;
  border-radius: 4px;
}
.taskComments {
  border: 1px solid #ccc;
  height: 114px;
  overflow: scroll;
  padding: 3px;
  width: 338px;
  background: #f9f9f9;
  font-weight: normal;
}
.taskComments .header {
  font-weight: bold;
}
.taskComments hr {
  border-top: 1px dotted #73b1e8;
  margin: 3px 0;
}
div.display,
div.input,
div.textarea,
div.select,
div.radio,
div.check,
div.slider {
  float: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
div.input label,
div.textarea label,
div.select label,
div.slider label {
  display: block;
}
div.input input,
div.select select,
div.textarea textarea {
  text-align: left;
}
div.display {
  width: 370px;
  min-height: 36px;
}
div.displayMinHeight {
  height: 36px;
  float: right;
  width: 1px;
}
div.heightLikeInput {
  height: 36px;
}
.displayAsLink {
  text-decoration: underline;
}
div.displayAsLink strong {
  cursor: pointer;
  text-decoration: underline;
}
div.displayAsLink:hover {
  text-decoration: none;
}
div.input,
div.select,
div.check,
div.height1x,
div.slider {
  height: 36px;
}
div.textarea,
div.height2x {
  height: 72px;
}
div.height3x {
  height: 108px;
}
div.height4x {
  height: 144px;
}
div.input,
div.textarea,
div.select,
div.radio,
div.check,
div.module1x,
div.slider {
  width: 185px;
}
div.module2x {
  width: 370px;
}
div.module3x {
  width: 555px;
}
div.module4x {
  width: 740px;
}
div.module5x {
  width: 925px;
}
div.input input,
div.textarea textarea,
div.module1x input {
  width: 155px;
}
div.select select,
div.module1x select {
  width: 161px;
  padding-left: 0;
}
div.module2x input {
  width: 340px;
}
div.module2x select {
  width: 345px;
}
div.module3x input {
  width: 525px;
}
div.module3x select {
  width: 531px;
}
div.module4x input {
  width: 710px;
}
div.module4x select {
  width: 716px;
}
div.module5x input,
div.module5x textarea {
  width: 895px;
}
div.module5x select {
  width: 901px;
}
div.textarea textarea {
  height: 47px;
}
div.height3x textarea {
  height: 82px;
}
div.check label {
  margin-top: 0;
  display: inline;
}
div.check input,
div.radio input {
  width: 18px;
  height: 18px;
  margin-top: 0;
  clear: both;
}
div.slider label {
  margin-bottom: 5px;
}
div.slider {
  overflow: visible;
}
div.slider .ui-slider-scale span.ui-slider-label {
  font-size: 9px;
  white-space: nowrap;
}
div.shuttle.module1x .src,
div.shuttle.module1x .dst {
  width: 82px;
}
div.shuttle.module2x .src,
div.shuttle.module2x .dst {
  width: 168px;
}
div.shuttle.module3x .src,
div.shuttle.module3x .dst {
  width: 260px;
}
div.shuttle.module4x .src,
div.shuttle.module4x .dst {
  width: 352px;
}
div.shuttle.module5x .src,
div.shuttle.module5x .dst {
  width: 445px;
}
div.shuttle .srcFilter {
  width: 100px;
  margin-bottom: 5px;
}
div.shuttle.module2x .srcFilter {
  width: 30px;
}
div.shuttle.module1x .srcFilter {
  width: 16px;
}
div.shuttle img {
  cursor: pointer;
}
div.shuttle img.disabled {
  cursor: default;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
div.shuttle .row2 {
  background-color: #f2f9f9;
}
div.tree ul {
  list-style: none;
}
div.tree ul ul {
  padding-left: 20px;
}
div.tree li.marked {
  font-weight: bold;
}
div.tree li.selected {
  font-weight: bold;
  color: #d00;
}
div.tree li {
  font-weight: normal;
  color: black;
}
div.tree li img {
  vertical-align: bottom;
}
div.tree .node-line {
  background: url(ebd8f9cab91e681ddd33.gif) no-repeat 8px 0;
}
div.tree .node-last-line {
  background: url(085dfb0e4ffcb4d9f43b.gif) no-repeat 8px -23px;
}
input.empty {
  font-style: italic;
  font-weight: normal;
  color: #8f8f8f;
}
textarea.error {
  border: 1px solid #f3bbbb;
  background-color: #fdf0f0;
}
.rich-filter-input {
  width: 50px;
  text-align: left;
}
.dr-dscr-inact {
  cursor: pointer;
}
.dr-dscr-act {
  cursor: default;
}
.dr-dscr-button {
  cursor: pointer;
}
.rich-shuttle-list-content {
  border: 1px solid #d0d0d0;
  overflow: scroll;
}
.rich-shuttle-source-row-selected {
  background-color: #d0d0d0;
}
.rich-list-shuttle-button-content {
  cursor: pointer;
  width: 24px;
  text-align: center;
  background: 0;
}
.rich-shuttle-target-row-selected {
  background-color: #d0d0d0;
}
.rich-list-shuttle-caption {
  font-weight: bold;
}
.rich-shuttle-source-items,
.rich-shuttle-target-items {
  cursor: pointer;
}
.rich-shuttle-source-items td,
.rich-shuttle-target-items td {
  padding-left: 2px;
}
.rich-progress-bar-shell-dig {
  border-color: #bed6f8;
  color: #000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  border: 1px solid;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}
.rich-progress-bar-block {
  white-space: nowrap;
}
.rich-progress-bar-remained {
  background-color: #fff;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.rich-progress-bar-uploaded-dig {
  border-color: #bed6f8;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.rich-progress-bar-padding {
  padding: 0;
}
.rich-progress-bar-completed {
  background-color: #e79a00;
  background-image: url(299abc7d1c0cd9a546ec.gif);
  background-repeat: repeat-x;
  font-weight: bold;
  text-align: center;
}
.rich-progress-bar-width {
  width: 200px;
}
.rich-tree-node-text {
  padding-left: 4px;
}
.rich-tree-node {
  margin-left: 0;
  padding-left: 0;
}
.rich-tree-node-children {
  margin-left: 7px;
  padding-left: 9px;
}
.dr-tree-h-ic-line {
  background-position: left center;
  background-repeat: repeat-y;
}
.dr-tree-h-ic-line-node,
.dr-tree-h-ic-line-last,
.dr-tree-h-ic-line-exp,
.dr-tree-h-ic-line-clp {
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
}
.dr-tree-h-ic-line-node {
  background-image: url(ebd8f9cab91e681ddd33.gif);
}
.dr-tree-h-ic-line-last {
  background-image: url(085dfb0e4ffcb4d9f43b.gif);
}
.dr-tree-h-ic-line-exp {
  background-image: url(d2fdf4775b9d7dd7505d.gif);
}
.dr-tree-h-ic-line-clp {
  background-image: url(6e38d184a94e9950c0ed.gif);
}
span[id$='productTree'] table td a,
.MonthView a,
.WeekView a {
  border-bottom: medium none;
}
div#scannedDocs {
  display: none;
  text-align: left;
  overflow: hidden;
}
div .docsList {
  border: 1px solid transparent;
}
div .docsList .separator {
  height: 0;
  font-size: 0;
  border-top: 1px solid #ccc;
  line-height: 0;
  clear: both;
  margin: 0 0 10px;
}
div .docsList .thumb {
  display: block;
  float: left;
  border: 3px solid #ccc;
  text-align: center;
  text-decoration: none;
  margin: 0 4px 10px;
  padding: 0;
  min-width: 170px;
  height: 60px;
  cursor: pointer;
  overflow: hidden;
}
div .docsList .thumbpage_n {
  background: url(fb0923f67641bf7f9080.jpg) no-repeat;
}
div .docsList .thumbpage1 {
  background: url(ba87148fa7fd50942fea.jpg) no-repeat;
}
div .docsList .thumbpage2 {
  background: url(9055334e823ad80930f8.jpg) no-repeat;
}
div .docsList .thumbpage3 {
  background: url(f34e64e505b8decefa8b.jpg) no-repeat;
}
div .docsList .thumbpage4 {
  background: url(2c83bd4ba99c143c0853.jpg) no-repeat;
}
div .docsList .thumb:hover {
  border: 3px solid #ff8080;
}
div#docImageFixedBackground {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: #333;
}
div#docImageContainer {
  display: none;
  position: absolute;
  z-index: 999;
  width: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
  color: white;
  font-weight: bold;
}
div#docImageContainer a {
  color: white;
  font-weight: bold;
}
div#signatureImage img,
div#signatureImage canvas {
  margin: 4px 16px 16px;
}
.readonly {
  background-color: #efefef;
  color: #999;
}
.switchSearch {
  display: inline;
  float: right;
  padding-right: 10px;
  margin-bottom: 0;
  margin-top: 8px;
  background: transparent;
  position: relative !important;
  top: 0 !important;
}
.switchSearch a {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}
fieldset.label {
  background: 0;
  border: 0;
  margin-top: 0;
  padding: 0;
}
fieldset.label legend {
  border: 0;
  margin-bottom: 7px;
  font-weight: bold;
  text-transform: uppercase;
  background: none repeat scroll 0 50% transparent;
}
#sidebar ul.blue4 {
  border-bottom: 1px solid #d5ebff;
  background-color: #fff;
}
#sidebar ul.blue4 li {
  border-left: 1px solid #d5ebff;
  border-right: 1px solid #d5ebff;
  margin: 0;
  background-image: none;
}
#sidebar ul.blue4 li.group {
  background: url(b5e55c81ffa5e563447b.gif) no-repeat scroll 8px 9px #fff;
  text-transform: uppercase;
}
#sidebar ul.blue4 li.nogroup {
  background-color: #fff;
}
#sidebar ul.blue4 li.group:hover {
  background-color: #d5ebff;
}
#sidebar ul.blue4 li.nogroup:hover {
  background-color: #d5ebff;
}
#sidebar ul.blue4 a {
  float: left;
  width: 120px;
}
#sidebar ul.blue4 span {
  float: right;
}
#sidebar ul.blue4 span,
#sidebar ul.blue4 span a {
  color: #e61717;
  font-size: 95%;
}
.popup_ {
  width: 500px;
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 1000;
  background: white;
  padding: 0;
}
.popup_message {
  overflow: hidden;
}
.popup_fade {
  background-color: #000;
  filter: alpha(opacity=20);
  opacity: 0.2;
  display: block;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup_close {
  background: url(827514327ceae9ba2fcd.png) no-repeat scroll 0 0 transparent;
  position: absolute;
  height: 16px;
  padding-right: 16px;
  top: 4px;
  right: 4px;
  cursor: pointer;
}
.popup_header {
  background-color: #73b1e8;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
}
div.innerActivator {
  float: right;
  font-weight: bold;
}
div.rmsView table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 940px;
}
div.rmsView table td {
  padding: 4px 2px;
}
div.rmsView table td input {
  margin: 0;
}
div.rmsView table td input[type='text'] {
  width: 95%;
  max-width: 95%;
}
div.rmsView table td select {
  width: 95%;
  max-width: 95%;
}
div.rmsView table td textarea {
  width: 95%;
  height: 100px;
  overflow: hidden;
}
div.rmsView table td textarea.middle {
  width: 95%;
  height: 60px;
}
div.rmsView table td textarea.small {
  width: 95%;
  height: 45px;
}
div.rmsView table td textarea.mini {
  width: 95%;
  height: 30px;
}
div.rmsView table td textarea.error {
  background-color: #fdf0f0;
  border: 1px solid #f3bbbb;
}
div.rmsView .left {
  text-align: left;
}
div.rmsView .right {
  text-align: right;
}
div.rmsView .center {
  text-align: center;
}
div.rmsView table td.size15px {
  width: 15px;
}
div.rmsView table td.size35px {
  width: 35px;
}
div.rmsView table td.size15pp {
  width: 15%;
}
div.rmsView table td.size25pp {
  width: 25%;
}
div.rmsView table td.size40pp {
  width: 40%;
}
div.rmsView table td.size50pp {
  width: 50%;
}
div.rmsView h1 {
  background-color: #73b1e8 !important;
  color: white !important;
  font-size: 11px !important;
  padding: 6px 8px !important;
  height: 12px !important;
  margin-bottom: 2px !important;
}
div.rmsView h1.noactive {
  background-position: 99% 50%;
  background-repeat: no-repeat;
}
div.rmsView h1.active {
  background-position: 99% 50%;
  background-repeat: no-repeat;
}
div.rmsView div.shblk {
  display: none;
}
div.rmsView .pointer {
  cursor: pointer;
}
div.rmsView table td input.srcFilter {
  width: 100px;
}
td.canceledNote {
  color: graytext;
}
a.canceledNote {
  color: graytext;
  text-decoration: none;
  text-decoration: underline;
}
.canceledNoteThrough {
  color: graytext;
  text-decoration: line-through;
}
p.noneP {
  margin-top: 20px;
  border-top: 1px solid #a9d6ff;
  text-align: left;
  padding-bottom: 30px;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
}
.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right;
}
table.display {
  margin: 0 auto;
  clear: both;
  width: 100%;
}
table.display thead th {
  font-weight: bold;
  cursor: pointer;
  *cursor: hand;
  background-color: #d5ebff;
  border: 1px solid #d5ebff;
  padding: 5px;
  text-align: center;
}
table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold;
}
table.display td {
  padding: 3px 10px;
}
table.display td.center {
  text-align: center;
}
.sorting_asc {
  background: url(e4a6ac323ecd13a63f6f.png) no-repeat center right;
}
.sorting_desc {
  background: url(586db8d1220c27788333.png) no-repeat center right;
}
.sorting {
  background: url(f328a68b02f0a8ba2925.png) no-repeat center right;
}
.sorting,
.sorting_asc,
.sorting_desc {
  padding-right: 15px !important;
}
.sorting_asc_disabled {
  background: url(d3dfb0a2e010a8286a54.png) no-repeat center right;
}
.sorting_desc_disabled {
  background: url(b8856158d3c8a97e13f2.png) no-repeat center right;
}
.top,
.bottom {
  padding: 10px;
  border: 1px solid #ccc;
}
.top .dataTables_info {
  float: none;
}
.clear {
  clear: both;
}
.dataTables_empty {
  text-align: center;
}
tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444;
}
tfoot input.search_init {
  color: #999;
}
td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #a19b9e;
  border-top: 2px solid #a19b9e;
}
td.details {
  background-color: #d1cfd0;
  border: 2px solid #a19b9e;
}
.paging_full_numbers {
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 100%;
}
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  font-weight: bold;
}
.paging_full_numbers span.paginate_button:hover {
  color: black;
  text-decoration: underline;
}
.paging_full_numbers span.paginate_active {
  text-decoration: underline;
}
table.KeyTable td {
  border: 3px solid transparent;
}
table.KeyTable td.focus {
  border: 3px solid #36f;
}
* html .hitarea {
  display: inline;
  float: none;
}
span.add_item {
  width: 7px;
  height: 7px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat 0 0;
  display: inline-block;
}
span.change {
  width: 12px;
  height: 12px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -8px 0;
  display: inline-block;
}
span.euro24 {
  width: 24px;
  height: 24px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -21px 0;
  display: inline-block;
}
span.forma_kontaktu_1 {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -46px 0;
  display: inline-block;
}
span.forma_kontaktu_2 {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -63px 0;
  display: inline-block;
}
span.forma_kontaktu_3 {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -80px 0;
  display: inline-block;
}
span.forma_kontaktu_4 {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -97px 0;
  display: inline-block;
}
span.forma_kontaktu_5 {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -114px 0;
  display: inline-block;
}
span.forma_kontaktu_6 {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -131px 0;
  display: inline-block;
}
span.important {
  width: 14px;
  height: 12px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -148px 0;
  display: inline-block;
}
span.page_process24 {
  width: 24px;
  height: 24px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -163px 0;
  display: inline-block;
}
span.search24 {
  width: 24px;
  height: 24px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -188px 0;
  display: inline-block;
}
span.search_user24 {
  width: 24px;
  height: 24px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -213px 0;
  display: inline-block;
}
span.typ_zadania_SIMPLE {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -238px 0;
  display: inline-block;
}
span.typ_zadania_TRAINING {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -255px 0;
  display: inline-block;
}
span.typ_zadania_VISITATION {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -272px 0;
  display: inline-block;
}
span.typ_zadania_XSELL {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -289px 0;
  display: inline-block;
}
span.typ_zadania_XSELL_OLD {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -306px 0;
  display: inline-block;
}
span.xsell_XSELL_CAMPAIGN {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -323px 0;
  display: inline-block;
}
span.xsell_XSELL_TASK {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -340px 0;
  display: inline-block;
}
span.xsell_XSELL_BARGAIN_TASK {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -340px 0;
  display: inline-block;
}
span.SIMULATION {
  width: 16px;
  height: 16px;
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -306px 0;
  display: inline-block;
}
span.adm {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -357px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.exit {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -374px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.fav {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -391px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.link {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -408px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.home-icon {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -425px 0;
  width: 16px;
  height: 15px;
  display: inline-block;
}
span.information {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -442px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.cashier-menu {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -459px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.ftnet {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -476px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.exit2 {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -493px 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}
#top div.doradca {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat 0 -45px !important;
}
#top div.klient {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -21px -45px !important;
}
#top div.klient_PID {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -42px -45px !important;
}
#top div.klient_PID_RW {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -63px -45px !important;
}
#top div.klient_PID_RWS {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -84px -45px !important;
}
#top div.klient_PRS {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -105px -45px !important;
}
#top div.operator {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -126px -45px !important;
}
#top div.sprawa {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -147px -45px !important;
}
#top div.zadanie {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -168px -45px !important;
}
#top div.pracownik {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -189px -45px !important;
}
#top div.klient_OZSI {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -210px -45px !important;
}
span.zoom_in-fff {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -231px -42px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
span.zoom_out-fff {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -244px -42px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
span.next {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -257px -42px;
  width: 16px;
  height: 16px;
  padding-left: 10px;
  padding-right: 10px;
}
span.prev {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -274px -42px;
  width: 16px;
  height: 16px;
  padding-left: 10px;
  padding-right: 10px;
}
span.progress-bar-empty {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -291px -42px;
  width: 102px;
  height: 11px;
  display: inline-block;
}
span.progress-bar-filled {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -394px -42px;
  width: 104px;
  height: 13px;
  display: inline-block;
}
#top div.szukaj {
  background: url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -499px -45px !important;
}
span.sprite-f {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat 0 -25px;
}
span.sprite-f50 {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -17px -25px;
}
span.sprite-ff {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -34px -25px;
}
span.sprite-ff50 {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -51px -25px;
}
span.sprite-r {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -68px -25px;
}
span.sprite-r50 {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -85px -25px;
}
span.sprite-rr {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -102px -25px;
}
span.sprite-rr50 {
  width: 16px;
  height: 16px;
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -119px -25px;
}
.closed {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -266px -25px;
  width: 9px;
  height: 9px;
  display: inline-block;
}
.opened {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -276px -25px;
  width: 9px;
  height: 9px;
  display: inline-block;
}
.blank {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -286px -25px;
  width: 9px;
  height: 9px;
  display: inline-block;
}
.wykrzyknik2 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) -236px -25px;
  width: 13px;
  height: 13px;
  display: inline-block;
}
.wykrzyknik3 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) -250px -25px;
  width: 15px;
  height: 16px;
  display: inline-block;
}
span.Credit-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat 0 -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.arr-down {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -17px -102px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
span.arr-left {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -30px -102px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
span.blank_16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -43px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.close_ico {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -60px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.contact {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -77px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.contactPassive {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -94px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.contact_create-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -111px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.credit-card-icon_16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -128px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.financial_terminal-icon12_14 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -145px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.insurance-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -162px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.mini-mifid {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -179px -102px;
  width: 40px;
  height: 14px;
  display: inline-block;
}
span.offer-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -220px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.phone_small {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -237px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.pie-chart-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -254px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.process-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -271px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product-icon16 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -288px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.refresh {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -305px -102px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.signature {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -322px -102px;
  width: 12px;
  height: 12px;
  display: inline-block;
}
span.iconAris {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat 0 -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconAurumPdf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -17px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconEDoradca {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -34px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconEuro {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -51px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconFolder {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -68px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconFolderLeaf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -85px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconInfoPdf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -102px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconInfoRtf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -119px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconInfoWord {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -136px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconLeaf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -153px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconPdf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -170px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconPlatinumPdf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -187px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconProduct {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -204px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconRtf {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -221px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.iconWord {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -238px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.nodeCollapsedIcon {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -255px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.nodeEmptyIcon {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -272px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.nodeExpandedIcon {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -289px -119px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.nodeLastLine {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -306px -119px;
  width: 16px;
  height: 32px;
  display: inline-block;
}
span.dok {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat 0 -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.kontrakt2 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -17px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.kreska2 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -34px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.rachunek2 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -51px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.singer {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -68px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.strzalka2 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -85px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.info_icon {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -102px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.info_important_icon {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -119px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.monitoring_icon {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -136px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.client10 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -153px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.strony10 {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -170px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.zastepowani {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -187px -152px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_ACCOUNTS {
  background: url(227d89db2c0551df70b9.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_BONDS {
  background: url(196cd9ff1513e2198ff6.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_CARDS {
  background: url(dc51d8e2ced00f191b6c.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_CREDIT_ACCOUNTS {
  background: url(7dc587b42030ed3d2d5a.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_FUNDS {
  background: url(5f467a009fc717fc331f.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_INSURANCES {
  background: url(934db4ad3ba0ef725f1a.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_SAVINGS {
  background: url(6a907755895bdfdc4d99.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_STRUCTURED_PRODUCTS {
  background: url(43722174a48a09be9374.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_TIME_ACCOUNTS {
  background: url(4d9803aa26149ec187ee.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_FACTORING {
  background: url(fbd64ec549066c39af37.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.product_type_INVESTMENT_INSURANCES {
  background: url(dea1d3071e054ab6fcc8.gif);
  width: 16px;
  height: 16px;
  display: inline-block;
}
span.pdo_yesyes {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -204px -152px;
  width: 34px;
  height: 16px;
  display: inline-block;
}
span.pdo_noyes {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -239px -152px;
  width: 34px;
  height: 16px;
  display: inline-block;
}
span.pdo_yesno {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -274px -152px;
  width: 34px;
  height: 16px;
  display: inline-block;
}
span.pdo_nono {
  background: transparent url(9fae0193ab4fbd6d6f2c.png?q=-1) no-repeat -309px -152px;
  width: 34px;
  height: 16px;
  display: inline-block;
}
.taskCustomer {
  width: 95%;
}
.contactContrlerTd {
  width: 15px;
}
.taskCustomerContent {
  background: #eee;
}
.taskCustomerTd {
  padding: 4px;
}
.taskCustomerRemoveRelationTd {
  padding: 4px;
}
.taskCustomerRemoveRelationTd a {
  text-decoration: underline;
}
.taskCustomerContactLp {
  font-weight: bold;
  text-align: center;
  width: 20px;
}
.taskCustomerContactDate {
  text-align: center;
  font-weight: bold;
}
.taskCustomerContactIsClosed {
  text-align: center;
  font-weight: bold;
}
.taskCustomerContactAction {
  text-align: center;
  font-weight: bold;
}
#avcal {
  width: 280px;
  background: #fff;
  zoom: 1;
  padding: 3px 0 0 3px;
}
.avcal_ctr {
  position: relative;
  width: 280px;
  min-height: 582px;
  filter: Alpha(Opacity=100);
  opacity: 1;
  z-index: 1110;
  box-shadow: 3px 3px 6px 2px #ddd;
}
.avcal_inner {
  background: #fff;
  border: 1px solid #ddd;
}
.avcal_progress {
  width: 280px;
  height: 462px;
  text-align: center;
  padding-top: 98px;
}
.avcal_progress_text {
  color: #04a3e4;
  font-size: 18px;
  font-weight: bold;
}
.avcal_error {
  width: 280px;
  height: 462px;
  text-align: center;
  padding-top: 198px;
}
.avcal_error_text {
  color: #f00;
  font-size: 18px;
  font-weight: bold;
}
#avcal_header {
  width: 100%;
  color: #fff;
  background: #04a3e4;
  border-top: 2px solid #08afef;
  border-bottom: 2px solid #0095d5;
  padding: 4px 0;
  text-align: left;
  margin: 1px 0 0;
}
#avcal_title {
  float: left;
  text-indent: 7px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}
#avcal_info_btn {
  float: right;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  margin-right: 7px;
  margin-top: -3px;
}
#avcal_close_btn {
  float: right;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  margin-right: 7px;
  margin-top: -3px;
}
#avcal_close_btn:hover,
#avcal_close_btn:active {
  color: #0095d5;
}
.avcal_dateSwitcher {
  float: right;
  width: 240px;
  margin: 8px 0 5px;
}
.avcal_dateSwitcher_button {
  float: left;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 0 solid white;
  padding: 0;
  outline: 0;
  margin: 0;
}
#avcal_dateSwitcher_leftbutton {
  background: no-repeat url(ab22b575433b5924b3f8.jpg);
  margin-right: 4px;
}
#avcal_dateSwitcher_leftbutton:hover {
  background: no-repeat url(e8a37be4a6c6a078bcf1.jpg);
}
#avcal_dateSwitcher_leftbutton:active {
  background: no-repeat url(859f64d87a19ef2d5a40.jpg);
}
#avcal_dateSwitcher_currentDate {
  float: left;
  width: 162px;
  height: 25px;
  font-weight: bold;
  font-size: 12px;
  padding-top: 8px;
  text-align: center;
  white-space: nowrap;
}
#avcal_dateSwitcher_rightbutton {
  background: no-repeat url(9e508882753652d6afc1.jpg);
  margin-left: 4px;
}
#avcal_dateSwitcher_rightbutton:hover {
  background: no-repeat url(f106e3ed9a66803686bc.jpg);
}
#avcal_dateSwitcher_rightbutton:active {
  background: no-repeat url(541f4815d72babb5fab6.jpg);
}
#avcal_content {
  width: 100%;
}
#avcal_rowsHeader {
  float: left;
  width: 40px;
}
.avcal_rowElementEmpty {
  width: 39px;
  height: 29px;
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: none;
}
.avcal_rowElement {
  width: 32px;
  height: 27px;
  color: #777;
  font-style: italic;
  font-size: 11px;
  text-align: right;
  padding: 11px 7px 0 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: none;
}
#avcal_columns {
  position: relative;
  margin-left: 40px;
}
.avcal_column {
  float: left;
  width: 34px;
}
.dayoff {
  color: #f00 !important;
  background-color: #faf0f5;
}
.avcal_columnHeader {
  width: 33px;
  height: 22px;
  color: #777;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 7px 0 0 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.avcal_columnElement {
  width: 33px;
  height: 18px;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.avcal_columnElementP1 {
  width: 32px;
  height: 9px;
  border-top: 1px dashed #ddd;
}
.avcal_columnElementP2 {
  width: 32px;
  height: 8px;
  border-top: 1px solid #ddd;
  border-bottom: 1px dashed #ddd;
}
#avcal_timeBlocks {
  height: 374px;
  margin-left: 40px;
}
.avcal_box {
  border: 1px solid black;
  cursor: help;
}
#avcal_info {
  width: 200px;
  z-index: 9000;
  background: #e5effa;
  color: #777;
  border: 1px solid #26517c;
  padding: 7px;
  font-size: 9px;
}
.avcal_info_title {
  font-weight: bold;
  font-size: 11px;
}
.avcal_info_legendelement {
  margin: 11px;
}
.avcal_info_legendelement_colorbox {
  float: left;
  background: #fff;
  border: 1px solid black;
}
.avcal_info_legendelement_colorboxinner {
  height: 16px;
  width: 24px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
}
.avcal_info_legendelement_desc {
  float: left;
  margin-left: 11px;
  padding-top: 4px;
  font-weight: bold;
}
div.vxContentLockerContainer {
  position: relative;
}
div.vxContentLocker {
  background-color: black;
  filter: alpha(opacity = 10);
  opacity: 0.1;
  z-index: 9998;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.vxContentLockerMessage {
  position: absolute;
  z-index: 9999;
  border-radius: 8px;
  border-color: #000;
  box-shadow: 10px 10px 5px #888;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}
div.vxContentLockerMessage:before {
  content: url(649392c42135cc386d0e.gif);
  margin-right: 12px;
}
.vo-icon {
  height: 23px;
  width: 23px;
  line-height: 21px;
  padding: 0;
  background: linear-gradient(to top, #f2f2f2 3%, #cacaca 29%, #e6e6e6 58%, var(--pko-white) 100%);
  border: 1px solid var(--pko-gray);
  border-radius: 4px;
  float: left;
  color: var(--pko-black);
  text-align: center;
}
.vo-icon:hover {
  background: linear-gradient(to top, #004187 0%, #001437 10%, #003b81 100%);
  border-color: #003b81;
  color: var(--pko-white);
}
.slideout-wrapper.is-active {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.slideout-container {
  position: absolute;
  left: 0;
  height: 100%;
  width: calc(100% - 10px);
  background-color: var(--pko-white);
  box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.32);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
  transition: all .3s ease-in .5s;
  padding: 2em 1em;
  overflow: auto;
  border-radius: 8px;
}
.slideout-container.is-active {
  transform: translate3d(0,0,0);
  opacity: 1;
}
.vo-slideout-close-icon {
  position: absolute;
  right: 28px;
  top: 24px;
  background: transparent;
  color: darkgray;
  font-size: 24px;
  height: 32px;
  width: 32px;
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  z-index: 1;
}
.vo-slideout-close-icon.icon-window-close:before {
  width: 100%;
}
.vo-slideout-header {
  margin: 0;
  padding: 0;
  display: block;
  font-family: var(--pko-font-family);
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: -5px;
}
.vo-slideout-content {
  background-color: var(--pko-white);
}
.vo-slideout-content h2 {
  clear: both;
  font-family: var(--pko-font-family);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.src-js-components-footer--Footer-module__contentContainer {
  width: var(--container-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 35px;
}

.src-js-components-header--Header-module__header {
  position: relative;
  z-index: 10;
}

.src-js-components-header--Header-module__header #src-js-components-header--Header-module__overlay {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: auto;
    transition: 0.2s ease-out;
  }

.src-js-components-header--Header-module__header #src-js-components-header--Header-module__overlay.hidden {
      background: rgba(0, 0, 0, 0);
      pointer-events: none;
    }

#src-js-components-header--Header-module__headerTop {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  gap: 40px;
  background: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}

#src-js-components-header--Header-module__headerTop .content-container {
    height: 100%;
    width: min(calc(var(--container-width) - 35px), 100%);
    padding-right: 0;
    margin-right: max(calc(50% - var(--container-width) / 2 + 35px), 0px);
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
  }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left {
    display: flex;
    flex-direction: row;
    gap: 20px;
    height: 100%;
  }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left .src-js-components-header--Header-module__logo {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 100%;
      width: 170px;
      gap: 12px;
      padding: 17.5px 0;
      border-left: none;
    }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left .src-js-components-header--Header-module__logo img {
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
      }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left .src-js-components-header--Header-module__logo .src-js-components-header--Header-module__text {
        display: flex;
        color: black;
        flex-direction: column;
        align-content: center;
      }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left .src-js-components-header--Header-module__logo .src-js-components-header--Header-module__text .src-js-components-header--Header-module__upper {
          font-size: 25px;
          font-weight: 700;
          line-height: 26px;
          margin-left: -2px;
        }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left .src-js-components-header--Header-module__logo .src-js-components-header--Header-module__text .src-js-components-header--Header-module__lower {
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 4px;
          line-height: 10px;
        }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right {
    height: 100%;
    display: flex;
    flex-direction: row;
    border-right: 1px solid var(--brand-grey-hover);
  }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right #src-js-components-header--Header-module__user {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 15px;
      font-size: 15px;
      position: relative;
    }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right #src-js-components-header--Header-module__user .src-js-components-header--Header-module__name {
        font-weight: 600;
        line-height: 1.2;
        font-size: 16px;
        width: 170px;
      }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right #src-js-components-header--Header-module__user .src-js-components-header--Header-module__name .src-js-components-header--Header-module__unit {
          font-size: 12px;
          font-weight: 500;
          line-height: 1.2;
          margin-top: 3px;
          color: #888;
          text-overflow: ellipsis;
          max-height: 40px;
          overflow: hidden;
        }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right #src-js-components-header--Header-module__user .src-js-components-header--Header-module__name .src-js-components-header--Header-module__unit strong {
            color: black;
            font-weight: 900;
          }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right .src-js-components-header--Header-module__logout {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: center;
      justify-content: center;
    }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right .src-js-components-header--Header-module__logout:hover {
        background: #f2f2f2;
      }

#src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__right > *,
  #src-js-components-header--Header-module__headerTop .src-js-components-header--Header-module__left > * {
    border-left: 1px solid var(--brand-grey-hover);
    padding: 0 20px;
    cursor: pointer;
  }

#src-js-components-header--Header-module__menuContainer {
  background: white;
}

#menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 56px;
    justify-content: space-between;
  }

#menu #menu-left {
      height: 100%;
    }

#menu #menu-left ul {
        all: unset;
        display: grid;
        grid-auto-flow: column;
        height: 100%;
        gap: 32px;
      }

#menu #menu-left ul li {
          all: unset;
          display: flex;
          align-items: center;
          gap: 8px;
          cursor: pointer;
          position: relative;
          font-size: 15px;
          font-weight: 600;
          height: 100%;
          transition: background 0.08s;
        }

#menu #menu-left ul li a:before {
            background-color: var(--brand-secondary);
            border-radius: 6px/4px 0px;
            bottom: -3px;

            /* Dziwny glitch w renderze jest bez tego. */
            border: rgba(0, 0, 0, 0.01) solid 0.0001px;
            opacity: 0;

            display: block;
            height: 3px;
            left: 50%;
            transform: skew(-25deg) translateX(-50%);
            margin-top: 16px;
            position: absolute;
            width: 0;
            content: '';
          }

#menu #menu-left ul li.current a {
              color: var(--brand-secondary);
            }

#menu #menu-left ul li.current a:before {
                padding-left: 4px;
                content: '';
                width: 100%;
                opacity: 1;
                animation: animateWidth 0.3s ease-in-out;
              }

#menu #menu-right {
      float: right;
      display: flex;
      flex-direction: row;
      align-items: center;
    }

 {

  @keyframes src-js-components-header--Header-module__animateWidth {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }

}

.src-js-components-header--Header-module__tooltipMenu {
  position: absolute;
  display: none;
  flex-direction: column;
  right: 0;
  top: 80px;
  width: 100%;
  background: white;
  word-wrap: break-word;
  z-index: 1;
}

.src-js-components-header--Header-module__tooltipMenu .src-js-components-header--Header-module__selectedUnit {
    font-weight: bold;
  }

.src-js-components-header--Header-module__tooltipMenu:before {
    content: '';
    display: flex;
    position: absolute;
    top: -6px;
    left: 34px;
    z-index: 1;
    height: 12px;
    width: 12px;
    border-bottom: 1px solid var(--support-grey-light);
    border-right: 1px solid var(--support-grey-light);
    background: white;
    transform: scale(1) rotate(50deg) skewX(10deg);
    animation: src-js-components-header--Header-module__larger 0.3s ease-out;
    @keyframes src-js-components-header--Header-module__larger {
      from {
        transform: scale(0) rotate(50deg) skewX(13deg);
      }
      to {
        transform: scale(1) rotate(50deg) skewX(13deg);
      }
    }
  }

.withArrow.current .src-js-components-header--Header-module__tooltipMenu {
  display: flex;
  animation: src-js-components-header--Header-module__animateHeight 0.3s ease-out;
}

.src-js-components-header--Header-module__tooltipHeader {
  position: relative;
  width: calc(100% - 20px);
  background: white;
  font-weight: bold;
  text-align: center;
  color: black;
  border-bottom: 1px solid var(--support-grey-light);
  margin: 0 10px;
  padding: 12px 0;
}

.src-js-components-header--Header-module__tooltipBody {
  position: relative;
  width: 100%;
  background: white;
  font-size: 13px;
  text-align: left;
  scrollbar-color: #003574 white;
  scrollbar-width: thin;
}

.src-js-components-header--Header-module__tooltipBody ul {
    padding: 0;
  }

.src-js-components-header--Header-module__tooltipBody strong {
    color: black;
    font-weight: 900;
  }

.src-js-components-header--Header-module__tooltipBody ul li {
  list-style: none;
  padding: 11px 13px;
  font-size: 12px;
  line-height: 16px;
  color: #555;

  scrollbar-color: #003574 white;
  scrollbar-width: thin;
}

.src-js-components-header--Header-module__tooltipBody ul li:hover {
    background-color: var(--support-grey-light);
  }

@keyframes src-js-components-header--Header-module__animateRotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}

@keyframes src-js-components-header--Header-module__animateHeight {
  from {
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    transform-origin: top;
    opacity: 1;
  }
}

.src-js-components-iconCircle--IconCircle-modules__iconCircle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #FFCA81;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 20px;
}

/*# sourceMappingURL=main.b9cd43c866da6f05c079.css.map*/